:root{--paper:#F6EFE2;--paper-hi:#FBF7EE;--paper-dk:#EADFCB;--ink:#2B3A55;--ink-soft:#4A5670;--ink-faint:#6B7488;--red:#D9573B;--table:#C9A67E;--pad-x:clamp(16px,3.2vw,48px);--pad-y:clamp(14px,2.6vh,30px);--strip-h:64px;--mono:"DM Mono",ui-monospace,Menlo,monospace;--serif:Fraunces,Georgia,serif}*{box-sizing:border-box}html{background:var(--table);color:var(--ink);-webkit-text-size-adjust:100%}body{margin:0;background:var(--table);font-family:Instrument Sans,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.stage{position:fixed;inset:0;z-index:0}#scene{position:absolute;inset:0;width:100%;height:100%;display:block}.lamp{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(90% 70% at 38% 34%,#fff6e429,#fff6e400 60%),radial-gradient(140% 110% at 50% 45%,#3c240e00 55%,#3c240e38)}.dusk{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;background:radial-gradient(120% 90% at 50% 20%,#3e44704d,#1e1e4685);mix-blend-mode:multiply}.gold{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;background:radial-gradient(90% 80% at 20% 10%,#ffd66e4d,#e3b35e1a 55%,#e3b35e00);mix-blend-mode:soft-light}.grain{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.09;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='180' height='180' filter='url(%23n)' opacity='0.38'/></svg>");mix-blend-mode:multiply}.top{position:fixed;top:0;left:0;right:0;z-index:8;display:flex;align-items:flex-start;justify-content:space-between;padding:var(--pad-y) var(--pad-x);pointer-events:none;gap:16px}.top>*{pointer-events:auto}.brand{display:flex;align-items:baseline;gap:12px;text-decoration:none;color:var(--ink)}.brand-name{font-family:var(--serif);font-weight:640;font-size:23px;letter-spacing:-.01em;line-height:1;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 72}.brand-sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.brand,.brand-sub{transition:color .6s ease}.night .brand{color:var(--paper)}.night .brand-sub{color:#f6efe2b8}.chip{position:relative;border:0;background:none;padding:10px 17px 11px;margin:0;font-family:inherit;font-size:13px;font-weight:500;color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:10px;line-height:1;isolation:isolate}.chip:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(168deg,var(--paper-hi) 0%,var(--paper) 58%,#EFE5D2 100%);filter:url(#deckle) drop-shadow(0 3px 6px rgba(70,44,20,.22)) drop-shadow(0 1px 0 rgba(255,255,255,.6))}.chip>*{position:relative;z-index:1}.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--red)}.book-top{transform:rotate(.8deg);transition:transform .45s cubic-bezier(.2,.9,.25,1)}.book-top:hover{transform:rotate(-.4deg) translateY(-2px)}:where(.chip,a,button):focus-visible{outline:2px solid var(--ink);outline-offset:5px;border-radius:2px}main{position:relative;z-index:4;pointer-events:none}main a,main button,main .card,main .book{pointer-events:auto}section{position:relative}.hero{height:100vh}.unfold{height:40vh}.day{height:118vh}.finale{height:110vh}.close{height:80vh}.k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:0}.hero-copy{position:fixed;left:var(--pad-x);top:50%;transform:translateY(-46%);width:min(560px,44vw);pointer-events:auto}.hero h1{font-family:var(--serif);font-weight:560;font-size:clamp(44px,5.6vw,88px);line-height:.98;letter-spacing:-.022em;margin:18px 0 22px;color:var(--ink);font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144;text-wrap:balance}.hero h1 em{font-style:italic;font-weight:480;color:var(--ink)}.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.hero h1 .ln>span{display:inline-block}.lede{font-size:clamp(15px,1.15vw,17px);line-height:1.6;color:var(--ink-soft);max-width:36ch;margin:0 0 26px;text-wrap:pretty}.hint{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}.hint svg{animation:nudge 2.2s cubic-bezier(.45,0,.25,1) infinite}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.card{position:fixed;left:var(--pad-x);bottom:calc(var(--strip-h) + 34px);z-index:6;width:min(372px,calc(100vw - 2*var(--pad-x)));padding:20px 22px 18px 34px;isolation:isolate;opacity:0;visibility:hidden;transform:translateY(24px) rotate(-1.2deg)}.card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 21px,rgba(217,87,59,.55) 21px,rgba(217,87,59,.55) 22.5px,transparent 22.5px),repeating-linear-gradient(180deg,transparent 0 23px,rgba(43,58,85,.075) 23px 24px),linear-gradient(170deg,var(--paper-hi) 0%,var(--paper) 60%,#EFE4D0 100%);filter:url(#deckle) drop-shadow(0 6px 14px rgba(60,36,14,.26)) drop-shadow(0 1px 0 rgba(255,255,255,.5))}.card h2{font-family:var(--serif);font-weight:600;font-size:30px;line-height:1.02;letter-spacing:-.015em;margin:8px 0 12px;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 96}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:0 0 12px}.stats div{min-width:0}.stats dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.stats dd{margin:1px 0 0;font-family:var(--mono);font-size:13px;color:var(--ink);white-space:nowrap}.stats .wide{grid-column:1 / -1}.note{margin:0;font-size:14px;line-height:1.55;color:var(--ink-soft);text-wrap:pretty}.tap{margin:10px 0 0;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.strip{position:fixed;left:var(--pad-x);right:var(--pad-x);bottom:14px;height:var(--strip-h);z-index:6;display:flex;align-items:stretch;gap:14px;padding:8px 14px 6px;isolation:isolate;opacity:0;visibility:hidden}.strip:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#fbf7eef0,#f2e9d8f0);filter:url(#deckle) drop-shadow(0 4px 10px rgba(60,36,14,.2))}.strip svg{flex:1;min-width:0;height:100%;display:block;overflow:visible}.readout{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:3px;min-width:112px;font-family:var(--mono)}.readout b{font-weight:500;font-size:15px;color:var(--ink);letter-spacing:.02em}.readout span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.finale-line{position:fixed;left:50%;top:clamp(76px,13vh,130px);transform:translate(-50%,16px);z-index:6;width:min(900px,calc(100vw - 2*var(--pad-x)));text-align:center;opacity:0;visibility:hidden}.finale-line h2{font-family:var(--serif);font-weight:560;font-size:clamp(28px,3.6vw,54px);line-height:1.04;letter-spacing:-.018em;margin:10px 0 0;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144;text-wrap:balance}.finale-line h2 em{font-style:italic;font-weight:470}.book{position:fixed;left:var(--pad-x);top:50%;transform:translateY(-44%);z-index:6;width:min(520px,42vw);opacity:0;visibility:hidden}.book h2{font-family:var(--serif);font-weight:560;font-size:clamp(34px,4.2vw,64px);line-height:1;letter-spacing:-.02em;margin:14px 0 22px;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144;text-wrap:balance}.cta-big{font-family:var(--serif);font-size:21px;font-weight:600;padding:16px 26px 17px;transform:rotate(-.8deg);font-variation-settings:"SOFT" 100,"WONK" 1;transition:transform .45s cubic-bezier(.2,.9,.25,1)}.cta-big:hover{transform:rotate(.3deg) translateY(-2px)}.cta-big .arrow{color:var(--red);font-family:var(--mono);font-size:16px}.facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:6px 26px;margin:28px 0 18px}.facts dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.facts dd{margin:2px 0 0;font-size:14px;color:var(--ink)}.small{font-size:12px;line-height:1.6;color:var(--ink-soft);max-width:52ch;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.fallback{position:fixed;inset:0;z-index:9;display:none;place-items:center;text-align:center;padding:40px;font-size:15px;color:var(--ink);background:var(--table)}.fallback p{max-width:52ch}.no-webgl .fallback{display:grid}.no-webgl .stage{display:none}@media(max-width:760px){:root{--strip-h:50px}.brand-sub{display:none}.hero-copy{top:calc(var(--pad-y) + 58px);transform:none;width:auto;right:var(--pad-x)}.hero h1{font-size:clamp(38px,11vw,56px);margin:12px 0 14px}.lede{font-size:14.5px;margin-bottom:16px}.card{bottom:calc(var(--strip-h) + 22px);padding:14px 16px 13px 28px}.card:before{background:linear-gradient(90deg,transparent 16px,rgba(217,87,59,.55) 16px,rgba(217,87,59,.55) 17.5px,transparent 17.5px),repeating-linear-gradient(180deg,transparent 0 21px,rgba(43,58,85,.075) 21px 22px),linear-gradient(170deg,var(--paper-hi) 0%,var(--paper) 60%,#EFE4D0 100%)}.card h2{font-size:24px;margin:5px 0 8px}.stats{grid-template-columns:repeat(4,auto);gap:4px 12px;margin-bottom:8px}.stats dd{font-size:11.5px;white-space:normal}.stats dt{font-size:8.5px}.stats .wide{display:none}.note{font-size:13px;line-height:1.5}.tap{display:none}.strip{bottom:10px;padding:6px 10px 5px;gap:8px}.readout{min-width:78px}.readout b{font-size:13px}.book{top:calc(var(--pad-y) + 58px);transform:none;width:auto;right:var(--pad-x)}.facts{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.hint svg{animation:none}.chip,.cta-big,.book-top{transition:none}}html.hero-on,html.hero-on body{background:#0a0909}html.hero-on .lamp,html.hero-on .grain{display:none}html.hero-on .hero-copy,html.hero-on .top{visibility:hidden}html[data-hero=fold] .card,html[data-hero=fold] .strip{display:none!important}.hero-exit{height:0}html.hero-on .hero-exit{height:var(--hero-exit,150vh)}.handoff{position:absolute;left:0;top:0;width:1px;height:1px;pointer-events:none}.tour-cursor{position:fixed;left:0;top:0;z-index:50;width:22px;height:22px;pointer-events:none;margin:-2px 0 0 -3px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));transition:transform .12s ease-out}.tour-cursor.down{transform:scale(.86)}