@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}
}
/* 464 (Alex, 2026-10-26, on a MacBook: the card was cut off below Sign in and the headline ran out of the frame). The page is
   the screen: the shell takes the viewport height exactly and never scrolls; the headline is sized to its own column
   (container units), so it never runs past the card; and the card shrinks by height tiers so Sign in, "or" and Google
   are always in view. Under ~560 px tall the card scrolls inside itself (the page still does not). Phones (≤ 600 px) and
   tablets (≤ 820 px) keep their own layouts. */
@media (min-width:821px){
 body{height:100svh;overflow:hidden}
 .login-shell{height:calc(100svh - 28px);min-height:0;grid-template-rows:auto minmax(0,1fr) auto}
 .story{container-type:inline-size;min-width:0}
 .story h1{font-size:clamp(34px,10cqw,82px);letter-spacing:-.04em}
 .story em{letter-spacing:-.035em}
 .sign-in-card{min-height:0;max-height:100%;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
}
@media (min-width:821px) and (max-height:900px){
 .login-shell{padding:22px 36px 16px;gap:18px 5%}
 .story{padding-bottom:12px}.story h1{margin:16px 0}.story-index{margin-top:22px;padding-top:14px}
 .sign-in-card{padding:26px 30px 0}.card-top img{width:38px;height:38px;border-radius:11px}
 .card-heading{margin:22px 0 16px}.card-heading h2{font-size:28px;letter-spacing:-1px;margin-bottom:6px}.eyebrow{margin-bottom:8px}
 .field{margin:13px 0 7px}.input-wrap{min-height:46px}.input-wrap input{padding:12px 0}.error{min-height:18px;padding-top:4px}
 #reset-note{margin-top:10px}.or-divider{margin:12px 0 10px}.access-note{margin:12px 0 14px}.card-footer{padding:13px 0}
 .login-footer{min-height:24px}
}
@media (min-width:821px) and (max-height:760px){
 .login-shell{padding:18px 32px 14px;gap:12px 4%}
 .login-header{grid-column:1}.login-footer{grid-column:1}
 .sign-in-card{grid-column:2;grid-row:1/-1;align-self:center}
 .story>p{display:none}.story-index{display:none}.story h1{margin:12px 0 0}
 .sign-in-card{padding:22px 28px 0}.card-top img{width:34px;height:34px}.card-heading{margin:16px 0 12px}.card-heading h2{font-size:26px}
 .card-heading>p:last-child{display:none}.field{margin:11px 0 6px}.input-wrap{min-height:44px}.input-wrap input{padding:11px 0}
 .or-divider{margin:10px 0 8px}.access-note{margin:10px 0 10px}.card-footer{padding:10px 0}
}
@media (min-width:821px) and (max-height:600px){
 .story h1{font-size:clamp(30px,8cqw,52px)}.story-kicker{display:none}
}