.login-screen{display:none;min-height:100svh;background:#fff}.signed-out .login-screen{display:grid;grid-template-columns:54% 46%}.signed-out>.sidebar,.signed-out>.workspace,.signed-out>.skip,.signed-out>#toast{display:none}.login-story{position:relative;isolation:isolate;min-height:100svh;background:#101c2d;color:white;padding:42px 49px 26px;display:flex;flex-direction:column;overflow:hidden}.showroom-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center;z-index:-3}.story-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(10,20,35,.94) 0%,rgba(12,28,51,.85) 26%,rgba(14,33,58,.40) 63%,rgba(9,20,34,.97) 100%),linear-gradient(90deg,#08142275,transparent)}.login-brand img{height:53px;width:174px;object-fit:contain;object-position:left}.login-brand>span{font-size:8px;letter-spacing:2.6px;color:#c0c8d0;display:block;margin-top:15px}.story-copy{margin-top:clamp(65px,10vh,110px);margin-bottom:100px}.story-eyebrow{font-size:8px;letter-spacing:2px;font-weight:600;color:#d5dee9;display:flex;align-items:center;gap:9px;margin-bottom:23px}.story-eyebrow>span{width:20px;height:2px;background:#f8d54a}.story-copy h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(34px,4.1vw,62px);font-weight:750;line-height:1.18;letter-spacing:-2.3px}.story-copy h1 em{font-style:normal;color:#f8d54a}.story-copy p{font-size:12px;color:#c1cddc;line-height:1.85;margin-top:23px}.story-footer{margin-top:auto}.story-departments{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:26px}.story-departments span{font-size:8px;border:1px solid #ffffff30;border-radius:5px;padding:7px 9px;color:#d9e3f1;background:#ffffff07;backdrop-filter:blur(8px)}.photo-caption{border-top:1px solid #ffffff26;padding-top:20px;display:flex;align-items:center;gap:7px;font-size:8px;color:#abb9cb;line-height:1.7}.location-pin{color:#f8d54a;font-size:15px}.photo-credit{margin-left:auto;font-size:7px;color:#8c9baf}.login-side{display:flex;flex-direction:column;padding:38px 40px 25px;min-width:0;background:#fcfdff}.login-side-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.portal-label{font-size:8px;letter-spacing:1.5px;color:#8391a5;font-weight:600}.login-preview-tag{display:flex;align-items:center;gap:5px;font-size:8px;color:#8b7740;background:#faf6e6;border:1px solid #eee5c5;border-radius:5px;padding:5px 8px;white-space:nowrap}.login-preview-tag i{width:4px;height:4px;border-radius:50%;background:#c3a442}.login-form-wrap{width:100%;max-width:355px;margin:auto; padding:60px 0}.login-symbol{height:46px;width:46px;display:grid;place-items:center;color:#3967d8;border:1px solid #dde7fb;background:#f1f5ff;border-radius:12px;margin-bottom:26px}.login-symbol svg{width:23px;height:23px}.login-kicker{font-size:7px;letter-spacing:1.6px;font-weight:600;color:#94a0b0;margin-bottom:12px}.login-form-wrap h2{font-family:Manrope,Arial,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.3px;color:#1c2a3f}.login-intro{font-size:11px;color:#8b97a8;margin-top:10px;line-height:1.7}#login-form{margin-top:31px}.login-field{margin-bottom:20px}.login-field>label{font-size:10px;color:#516078;display:block;font-weight:600;margin-bottom:9px}.login-field input{font-family:'DM Sans',Arial,sans-serif;width:100%;height:49px;border:1px solid #dde4ef;background:#fff;border-radius:7px;color:#283e60;font-size:12px;padding:0 14px;outline:none;transition:box-shadow .15s,border-color .15s}.login-field input::placeholder{color:#a1acbc;font-size:11px}.login-field input:focus{border-color:#4775e5;box-shadow:0 0 0 3px #3166e512}.login-field input[aria-invalid=true]{border-color:#c46c58}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.password-toggle{position:absolute;right:3px;top:3px;width:43px;height:43px;display:grid;place-items:center;border:0;border-radius:6px;color:#8b98aa;background:transparent}.password-toggle svg{width:18px;height:18px}.password-toggle:hover{background:#f2f5fb;color:#2c60df}.login-form-meta{display:flex;justify-content:space-between;font-size:8px;color:#9aa5b5;gap:10px}.login-form-meta>span:first-child{display:flex;align-items:center;gap:6px;color:#7c8ba0}.login-form-meta i{width:4px;height:4px;border-radius:50%;background:#718bb7}.login-error{color:#b65c47;font-size:10px;line-height:1.7;min-height:10px;margin-top:9px}.login-error:empty{margin-top:0;min-height:0}.login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:49px;border:0;border-radius:7px;background:linear-gradient(110deg,#2352d7,#326aeb);color:white;font-size:11px;font-weight:600;padding:0 17px;margin-top:22px;box-shadow:0 5px 12px #285ee421;transition:transform .15s,box-shadow .15s}.login-submit>span{font-size:20px;font-weight:400}.login-submit:hover{box-shadow:0 6px 18px #285ee43b;transform:translateY(-1px)}.login-help{font-size:9px;color:#9ba6b6;line-height:1.8;text-align:center;margin-top:18px}.login-divider{height:1px;background:#e9edf4;margin:31px 0 22px}.login-signoff{display:flex;align-items:center;gap:10px;font-size:10px;color:#687a93}.signoff-mark{height:29px;width:29px;display:grid;place-items:center;background:#f2f5fb;border:1px solid #e5eaf4;border-radius:7px;font-family:Manrope,Arial,sans-serif;font-weight:800;color:#7a8da8}.login-signoff small{font-size:8px;display:block;margin-top:4px;color:#a2adbd}.login-side-footer{display:flex;justify-content:space-between;gap:10px;font-size:7px;color:#a7b1bf}.demo-signout{border:1px solid #e0e5ed;border-radius:6px;background:#fff;font:500 10px 'DM Sans',Arial,sans-serif;color:#6f7f95;min-height:32px;padding:6px 10px}.demo-signout span{margin-left:6px}.demo-signout:hover{color:#2c60df;border-color:#9cb4ed}.signed-out .login-story h1{color:white}.signed-out .login-story p{color:#c1cddc}@media(min-width:1600px){.login-story{padding:50px 70px 35px}.login-side{padding:45px 60px 35px}.login-form-wrap{max-width:390px}.story-copy h1{font-size:66px}.login-form-wrap h2{font-size:37px}.login-intro{font-size:13px}.login-field>label{font-size:12px}.login-field input,.login-submit{height:54px;font-size:13px}.password-toggle{height:48px;width:48px}.login-kicker{font-size:9px}.story-copy p{font-size:14px}}
@media(max-width:1050px) and (min-width:701px){.signed-out .login-screen{grid-template-columns:50% 50%}.login-story{padding:35px 30px 25px}.login-side{padding:35px 28px 25px}.story-copy h1{font-size:39px;letter-spacing:-1.6px}.photo-credit{display:none}.login-side-top{align-items:start}.portal-label{font-size:7px;letter-spacing:1px}.login-form-wrap h2{font-size:30px}.story-eyebrow{font-size:7px;letter-spacing:1.3px}.story-copy p{font-size:11px}.story-copy{margin-top:90px}}
@media(max-width:700px){.signed-out .login-screen{display:flex;flex-direction:column}.login-story{min-height:330px;padding:25px 26px 20px}.login-brand img{width:125px;height:37px}.login-brand>span{font-size:6px;letter-spacing:1.8px;margin-top:8px}.story-copy{margin:31px 0 0}.story-eyebrow{font-size:6px;letter-spacing:1.5px;margin-bottom:12px}.story-eyebrow>span{width:14px}.story-copy h1{font-size:34px;letter-spacing:-1.2px;line-height:1.17}.story-copy p{display:none}.story-footer{margin-top:20px}.story-departments{padding-bottom:0;gap:5px}.story-departments span{font-size:6px;padding:5px 7px}.photo-caption{display:none}.story-shade{background:linear-gradient(90deg,#0a1b30ed,#0a1b3080),linear-gradient(0deg,#101d30ab,transparent 60%)}.showroom-photo{object-position:center 59%}.login-side{padding:24px 26px;flex:1}.login-side-top{gap:12px}.portal-label{font-size:7px;letter-spacing:1.3px}.login-form-wrap{padding:30px 0 32px;max-width:420px}.login-symbol{display:none}.login-kicker{font-size:7px;margin-bottom:9px}.login-form-wrap h2{font-size:29px}.login-intro{font-size:11px}.login-field input{height:52px;font-size:16px}.login-field input::placeholder{font-size:12px}.login-field>label{font-size:11px}.password-toggle{height:46px;width:46px}.login-submit{height:52px;font-size:12px}.login-form-meta{font-size:9px}.login-help{font-size:10px}.login-signoff{font-size:10px}.login-divider{margin:25px 0 20px}.login-side-footer{font-size:8px}.login-error{font-size:11px}.top-right{gap:7px}.demo-signout{font-size:9px;min-height:34px}.group-avatar{display:none}.breadcrumb span{margin:0 7px}}
@media(max-width:370px){.login-story{padding-left:20px;padding-right:20px}.login-side{padding-left:20px;padding-right:20px}.story-copy h1{font-size:30px}.story-departments span{padding:5px 6px}.login-form-meta{font-size:8px}.login-side-top{gap:7px}}
