.login-page{grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);min-height:100svh;display:grid}.login-page--sign-in{min-height:100dvh}.login-visual{isolation:isolate;color:#fff;background:#2b2b2b;align-items:flex-end;min-height:100svh;padding:clamp(28px,5vw,70px);display:flex;position:relative;overflow:hidden}.login-visual img{z-index:-2;object-fit:cover;animation:login-photo-in 2.4s var(--ease-out) both}.login-visual:after{content:"";z-index:-1;background:linear-gradient(#0000 45%,#00000080);position:absolute;inset:0}.login-visual-copy{animation:login-rise 1.2s var(--ease-out) .35s both}.login-visual-quote{letter-spacing:.01em;text-transform:uppercase;margin:16px 0 0;font-size:34px;font-weight:300;line-height:1.15}.login-panel{background:var(--pale);flex-direction:column;justify-content:space-between;gap:32px;min-height:100svh;padding:32px clamp(24px,5vw,72px);display:flex}.login-page--sign-in .login-panel{gap:20px;padding-block:24px}.login-back{align-self:flex-start;font-size:11px}.login-content{text-align:center;width:100%;max-width:380px;animation:login-rise 1s var(--ease-out) both;margin:0 auto}.login-logo{width:190px;margin:0 auto 38px;line-height:0;display:block}.login-page--sign-in .login-logo{margin-bottom:26px}.login-logo img{width:100%;height:auto}.login-content h1{margin:14px 0 12px;font-size:36px;line-height:1.1}.login-content>.site-copy{max-width:330px;margin:0 auto}.login-form{text-align:left;margin-top:36px}.login-page--sign-in .login-form{margin-top:24px}.login-form [data-slot=field-group]{gap:26px}.login-page--sign-in .login-form [data-slot=field-group]{gap:18px}.login-form [data-slot=field-label],.login-form label{width:100%;font-family:var(--font-serif);color:var(--text);text-align:center;justify-content:center;font-size:14px;font-weight:400}.login-form [data-slot=input],.login-form input:not([type=checkbox]){height:44px;box-shadow:none;font-family:var(--font-serif);text-align:center;background:0 0;border:0;border-bottom:1px solid #9a9a93;border-radius:0;font-size:16px;transition:border-color .3s}.login-form [data-slot=input]:focus-visible,.login-form input:focus-visible{border-bottom-color:var(--ink);box-shadow:0 1px 0 0 var(--ink);outline:none}.login-form [data-slot=button],.login-form button[type=submit]{isolation:isolate;background:var(--button);color:#fff;width:100%;min-height:52px;font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;border-radius:0;margin-top:6px;font-size:10px;font-weight:500;position:relative;overflow:hidden}.login-form [data-slot=button]:before,.login-form button[type=submit]:before{content:"";z-index:-1;transform-origin:100%;background:#0d0d0d;transition:transform .6s cubic-bezier(.65,0,.35,1);position:absolute;inset:0;transform:scaleX(0)}.login-form [data-slot=button]:hover:before,.login-form button[type=submit]:hover:before{transform-origin:0;transform:scaleX(1)}.login-form a{font-family:var(--font-serif);color:var(--text);font-size:13px}.login-form [data-slot=field-error],.login-form [role=alert]{font-family:var(--font-serif);text-align:center}.login-footnote{max-width:380px;font-family:var(--font-serif);color:var(--text);text-align:center;margin:0 auto;font-size:12px;line-height:1.7}@keyframes login-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes login-photo-in{0%{opacity:.4;transform:scale(1.08)}}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-visual{min-height:34svh;padding:24px}.login-visual-quote{font-size:24px}.login-panel{min-height:auto;padding:24px 20px 40px}.login-logo{width:160px;margin-bottom:28px}.login-page--sign-in{min-height:100dvh;display:block}.login-page--sign-in .login-visual,.login-page--sign-in .login-footnote{display:none}.login-page--sign-in .login-panel{gap:12px;min-height:100dvh;padding:clamp(12px,2.5dvh,24px) 20px}.login-page--sign-in .login-logo{width:138px;margin-bottom:16px}.login-page--sign-in .login-content h1{margin:8px 0;font-size:30px}.login-page--sign-in .login-form{margin-top:18px}.login-page--sign-in .login-form [data-slot=field-group]{gap:14px}.login-page--sign-in .login-form [data-slot=button]{min-height:44px;margin-top:0}}@media (min-width:901px) and (max-height:700px){.login-page--sign-in .login-panel{gap:12px;padding-block:16px}.login-page--sign-in .login-logo{width:150px;margin-bottom:16px}.login-page--sign-in .login-content h1{margin-block:8px;font-size:30px}.login-page--sign-in .login-form{margin-top:16px}.login-page--sign-in .login-form [data-slot=field-group]{gap:14px}.login-page--sign-in .login-footnote{display:none}}@media (max-width:900px) and (max-height:540px){.login-page--sign-in .login-content>.small-label,.login-page--sign-in .login-content>.site-copy{display:none}}@media (max-width:900px){.login-page--sign-in:has(.login-form [role=alert]) .login-content>.site-copy{display:none}}@media (max-width:900px) and (max-height:540px){.login-page--sign-in:has(.login-form [role=alert]) .login-logo{width:110px;margin-bottom:8px}.login-page--sign-in:has(.login-form [role=alert]) .login-form{margin-top:8px}.login-page--sign-in:has(.login-form [role=alert]) .login-form [data-slot=field-group]{gap:8px}}
