@font-face{font-family:Hanken;src:url('/fonts/hanken.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Hanken,Arial,sans-serif;color:#272621;background:#edeae3;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;padding:14px;background:none}button,input{font:inherit}button,a,input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ff825f;outline-offset:5px}button[hidden]{display:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.login-shell{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 28px);border-radius:22px;display:grid;grid-template-columns:minmax(0,1fr) 440px;grid-template-rows:auto 1fr auto;gap:36px 5%;padding:30px 44px 25px;background:#35372f;color:#fff}
.film,.film-poster,.film video,.film-shade,#light-field{position:absolute;inset:0;width:100%;height:100%}.film{z-index:-1;pointer-events:none}.film-poster,.film video{object-fit:cover;object-position:45% 48%}.film video{opacity:0;transition:opacity 1.2s}.film video[data-playing=true]{opacity:1}.film-shade{background:linear-gradient(90deg,rgba(12,21,20,.33),rgba(13,24,19,.04) 60%,rgba(12,18,14,.16)),linear-gradient(0deg,rgba(5,16,15,.78),transparent 57%,rgba(6,16,13,.3))}#light-field{opacity:.45}
.login-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:block;margin-left:-10px}.wordmark img{display:block;width:215px;height:auto}.workspace-label{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.15px;border:1px solid #ffffff38;border-radius:30px;padding:10px 16px;background:#16201a30;backdrop-filter:blur(12px)}.workspace-label>span{width:5px;height:5px;background:#edcfb0;border-radius:50%}
.story{align-self:end;padding:0 0 27px;max-width:770px;min-width:0;text-shadow:0 2px 25px #14241938}.story-kicker{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.3px;color:#f2e7d9}.rule{display:block;width:28px;height:1px;background:#f6ba91}.story h1{font-weight:350;font-size:clamp(46px,5.2vw,82px);line-height:1.04;letter-spacing:-3.4px;margin:26px 0}.story em{font-family:Georgia,serif;font-weight:400;letter-spacing:-3px;color:#f2d3af}.story>p{font-size:13px;line-height:1.85;color:#f0efe7d9;margin:0;max-width:490px}.story-index{display:flex;flex-wrap:wrap;gap:24px;margin-top:44px;border-top:1px solid #ffffff32;padding-top:20px;font-size:11px}.story-index small{font-size:9px;margin-right:8px;color:#dcb899;font-variant-numeric:tabular-nums}
.sign-in-card{align-self:center;border-radius:24px;background:#faf9f5;color:#292b28;padding:34px 36px 0;box-shadow:0 24px 80px #09201521,inset 0 0 0 1px #fff8}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-top img{border-radius:14px;width:45px;height:45px}.card-top>span{font-size:8px;letter-spacing:1.3px;color:#72746b}.card-heading{margin:42px 0 30px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#817e71;margin:0 0 13px}.card-heading h2{font-size:35px;line-height:1.15;letter-spacing:-1.4px;font-weight:450;margin:0 0 11px}.card-heading>p:last-child{font-size:13px;color:#77796e;margin:0}.field{display:block;font-size:11px;font-weight:550;margin:21px 0 9px}.input-wrap{position:relative;display:flex;align-items:center;gap:12px;min-height:52px;border:1px solid #dddfd6;border-radius:10px;padding:0 15px;background:#fff8;transition:border-color .2s,box-shadow .2s}.input-wrap>svg{color:#999b91;width:17px;height:17px}.input-wrap:focus-within{border-color:#c17a53;box-shadow:0 0 0 3px #c17a5312}.input-wrap input{border:0;outline:0;min-width:0;width:100%;background:transparent;color:#292b28;padding:16px 0;font-size:13px}.input-wrap input::placeholder{color:#989b91}.input-wrap:has(input[aria-invalid=true]){border-color:#b44b32}.input-wrap button{margin-right:-10px}.eye-slash{display:none}#password-toggle[aria-pressed=true] .eye-slash{display:block}.error{color:#a23c2b;font-size:12px;line-height:1.5;min-height:26px;padding-top:8px}.sign-in{width:100%;justify-content:space-between;margin-top:5px}.sign-in svg{width:19px;height:19px}.access-note{font-size:10px;color:#777b70;margin:21px 0 31px;text-align:center;line-height:1.6}.card-footer{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid #e3e4db;padding:21px 0;font-size:9px;color:#7b7e72}.card-footer svg{width:13px;height:13px}.no-script{font-size:12px;line-height:1.6;color:#a23c2b}
.or-divider{display:flex;align-items:center;gap:14px;margin:18px 0 14px;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#8a8c81}.or-divider::before,.or-divider::after{content:'';flex:1;height:1px;background:#e3e4db}.or-divider[hidden],.google-sign-in[hidden]{display:none}.google-sign-in{width:100%;gap:12px}.google-sign-in svg{width:18px;height:18px}
.login-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;color:#f0eee5b5;min-height:34px}.login-footer button{gap:6px}.login-footer svg{width:13px;height:13px}.play-icon{display:none}#motion-toggle[aria-pressed=true] .pause-icon{display:none}#motion-toggle[aria-pressed=true] .play-icon{display:block}
@media(min-width:1600px){.login-shell{padding:40px 64px 30px;grid-template-columns:minmax(0,1fr) 470px;column-gap:8%}.sign-in-card{padding:42px 42px 0}.story{padding-bottom:35px}.card-heading{margin-top:52px}}
@media(max-width:1100px){.login-shell{padding:24px 30px;grid-template-columns:minmax(0,1fr) 390px;column-gap:30px}.sign-in-card{padding:28px 28px 0}.story h1{font-size:52px;letter-spacing:-2.7px}.story em{letter-spacing:-2.5px}.story-index{gap:15px}.story-kicker{font-size:10px}.story>p br{display:none}}
@media(max-width:820px){body{padding:8px}.login-shell{min-height:calc(100svh - 16px);border-radius:18px;grid-template-columns:1fr;padding:21px 22px 16px;gap:24px}.login-header{grid-column:1;gap:12px}.wordmark{margin-left:-8px}.wordmark img{width:170px}.workspace-label{font-size:0;border:0;padding:8px;background:none;backdrop-filter:none}.workspace-label>span{width:6px;height:6px}.story{max-width:460px;padding:12px 0 0;margin:0 auto;width:100%}.story h1{font-size:42px;letter-spacing:-1.8px;margin:15px 0 0}.story em{letter-spacing:-1.8px}.story-kicker{font-size:9px}.story>p,.story-index{display:none}.sign-in-card{width:100%;max-width:460px;margin:0 auto;padding:26px 28px 0;border-radius:20px}.card-top img{width:36px;height:36px;border-radius:10px}.card-top>span{font-size:7px;letter-spacing:1px}.card-heading{margin:27px 0 25px}.card-heading h2{font-size:30px}.eyebrow{font-size:8px;margin-bottom:10px}.input-wrap input{font-size:16px;padding:15px 0}.field{margin-top:18px}.access-note{margin-bottom:23px}.card-footer{padding:18px 0}.login-footer{grid-column:1;font-size:8px;max-width:460px;width:100%;margin:0 auto}.film-shade{background:linear-gradient(0deg,#14241dec,rgba(18,32,24,.25) 74%,#14241d60)}.film-poster,.film video{object-position:40% 40%}}
@media(max-width:380px){.login-shell{padding:16px}.sign-in-card{padding:24px 22px 0}.story h1{font-size:37px}.card-top>span{font-size:6px}.login-footer>span{max-width:140px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the classic sign-in palette isolated from the redesigned workspace tokens. */
:root{--btn-primary-surface:var(--btn-ink);--btn-primary-hover-surface:var(--btn-ink-hover);--btn-primary-shadow:none;--btn-primary-hover-shadow:none;--btn-ink:#151517;--btn-ink-hover:#2e2e33;--btn-hover:#efedf3;--btn-line:#e3e3e9;--btn-text:#171719;--btn-muted:#5f606a}
/* Disclosure package claim, signed in already: "Add <address> to your For buyers?" (public/login.js, final fix wave) */
#claim-confirm{display:grid;gap:14px;margin-top:18px}
#claim-confirm .claim-question{margin:0;font-size:18px;font-weight:600;line-height:1.35}
#claim-confirm .claim-actions{display:flex;flex-wrap:wrap;gap:10px}
/* 296 (Tim, 2026-10-07: "challenging to read text on the login page… too many options clutter, small text"). A phone shows
   the wordmark and ONE card: the greeting, two labelled fields, Sign in and "Forgot your password?"; Google, a new workspace
   and who to ask sit behind one quiet "Other ways to sign in". Urbanist, 16 px and up, ink that reads on the card, 44 px
   targets. Wider screens keep the page as it was ("Other ways" open, its title hidden). Presentation only. */
@font-face{font-family:Urbanist;src:url(/fonts/urbanist.ttf) format("truetype");font-display:swap}
.other-ways>summary{display:none}
.other-ways>summary::-webkit-details-marker{display:none}
#reset-note{margin:14px 0 0}
@media(max-width:600px){
 body{padding:0}
 .login-shell{font-family:Urbanist,Hanken,Arial,sans-serif;min-height:100svh;border-radius:0;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px}
 .story,.workspace-label,.card-top,.eyebrow,.card-heading>p:last-child,.card-footer,.login-footer>span{display:none}
 .login-header{padding:6px 4px 0}
 .wordmark img{height:30px;width:auto}
 .sign-in-card{width:100%;align-self:stretch;padding:24px 20px 20px;border-radius:22px}
 .card-heading h2{font-size:28px;letter-spacing:-.8px;margin:0 0 4px}
 .field{font-size:16px;font-weight:600;color:#292b28;margin:18px 0 8px}
 .input-wrap input{font-size:17px;padding:14px 0}
 #login-form [type=submit]{min-height:52px;font-size:17px;margin-top:4px}
 .error{font-size:15px;color:#8f2f20}
 .access-note{font-size:15px;color:#4c4e46;margin:14px 0}
 .access-note a{display:inline-block;min-height:44px;line-height:44px;color:#292b28;text-decoration:underline}
 #reset-note{margin:6px 0 0;text-align:center}
 .other-ways{margin-top:6px;border-top:1px solid #e3e4db}
 .other-ways>summary{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:15px;color:#4c4e46;cursor:pointer;list-style:none}
 .other-ways>summary::after{content:"";width:8px;height:8px;margin-left:10px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-3px) rotate(45deg)}
 .other-ways[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
 .other-ways .or-divider{display:none}
 #google-signin{min-height:52px;font-size:16px;margin-top:6px}
 .login-footer{justify-content:flex-end;min-height:0;margin-top:auto}
 #motion-toggle{font-size:14px;min-height:44px}
}