:root{--ink:#04050b;--paper:#eef0f7;--dim:#aab0c8;--ember:#ffb259;--hot:#fff3df;--cool:#8fb4ff;--display:"Space Grotesk",system-ui,sans-serif;--mono:"Spline Sans Mono",ui-monospace,monospace;--body:"Inter",system-ui,sans-serif;--dayp:0%;--text:color-mix(in oklab, var(--paper), #0a0c14 var(--dayp));--halo:color-mix(in oklab, rgba(2,3,9,.7), rgba(248,250,255,.72) var(--dayp));--em-c:color-mix(in oklab, var(--hot), #9a4604 var(--dayp))}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--ink);color:var(--paper);font-family:var(--body)}body{-webkit-font-smoothing:antialiased;overflow-x:hidden}#gl{position:fixed;inset:0;z-index:0;display:block;width:100vw;height:100vh}.veil{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(135% 115% at 50% 48%,transparent 56%,#02030a 100%)}.grain{position:fixed;inset:-50%;z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grainJmp .85s steps(1,end) infinite}@keyframes grainJmp{0%,to{transform:translate(0)}20%{transform:translate(-1.8%,1.2%)}40%{transform:translate(1.4%,-1.8%)}60%{transform:translate(-1.2%,-1.4%)}80%{transform:translate(1.7%,1.5%)}}@media (prefers-reduced-motion:reduce){.grain{animation:none}}.flare{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen}.fl{position:absolute;left:0;top:0;will-change:transform}.fl-streak{width:74vw;height:3px;margin:-1.5px 0 0 -37vw;border-radius:3px;background:linear-gradient(90deg,transparent,rgba(255,206,150,.5) 38%,rgba(255,244,228,.95) 50%,rgba(255,206,150,.5) 62%,transparent)}.fl-hex{background:radial-gradient(circle,rgba(255,214,160,.3),rgba(255,190,120,.1) 60%,transparent 72%);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.fl-a{width:74px;height:74px;margin:-37px 0 0 -37px}.fl-b{width:120px;height:120px;margin:-60px 0 0 -60px;background:radial-gradient(circle,rgba(150,190,255,.18),rgba(150,190,255,.05) 60%,transparent 75%)}.fl-dot{width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:radial-gradient(circle,rgba(255,240,220,.85),rgba(255,220,170,.25) 55%,transparent 75%)}.fl-disc{width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,130,.4),rgba(255,196,130,.08) 62%,transparent 78%)}.fl-c{width:58px;height:58px;margin:-29px 0 0 -29px;background:radial-gradient(circle,rgba(140,180,255,.28),rgba(140,180,255,.06) 58%,transparent 76%)}.fl-ring{width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;background:radial-gradient(circle,transparent 52%,rgba(255,205,150,.3) 62%,rgba(255,205,150,.1) 68%,transparent 74%)}.cut{position:fixed;inset:0;z-index:8;pointer-events:none;opacity:0;background:#04050b}.schema{position:fixed;inset:0;z-index:6;opacity:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 45%,#0a0d18ee,#04050bf5);transition:none}.schema-card{width:min(96vw,86rem);text-align:center}.schema-card>svg{width:100%;height:auto;max-height:56vh}.schema-tag{font-family:var(--mono);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ember);margin-bottom:1rem}.schema-cap{font-family:var(--body);font-size:clamp(.95rem,1.4vw,1.15rem);color:#d6daea;max-width:42rem;margin:1.2rem auto 0}.schema-row{display:flex;gap:2rem;align-items:center;justify-content:center;margin-top:1.1rem}.schema-zoom{width:46%;max-height:34vh;flex:none;border:1px solid #ffffff24;border-radius:6px;background:#070a14b0}.schema-row .schema-cap{margin:0;text-align:left}.s-zoomnote{fill:#8fb4ff;font-family:var(--mono);font-size:18px;letter-spacing:.08em}@media (max-width:900px){.schema-row{flex-direction:column;gap:1rem}.schema-zoom{width:80%}}.schema-cap strong{color:var(--hot);font-style:italic;font-weight:400}.s-umb{fill:#ffe9cf;font-family:var(--mono);font-size:30px;letter-spacing:.1em}.s-pen{fill:#9fb4e0;font-family:var(--mono);font-size:30px;letter-spacing:.1em}.s-bel{fill:var(--ember);font-family:var(--mono);font-size:28px}.s-body{fill:#aab0c8;font-family:var(--mono);font-size:28px}.schema svg .s-rays line{stroke-dasharray:1;stroke-dashoffset:clamp(0,1 - (var(--p,0) - .22)/.33,1)}.schema svg .s-zone-umb{opacity:calc(.7*clamp(0,(var(--p,0) - .5)/.18,1))}.schema svg .s-umb{opacity:clamp(0,(var(--p,0) - .5)/.18,1)}.schema svg .s-zone-pen{opacity:calc(.14*clamp(0,(var(--p,0) - .62)/.18,1))}.schema svg .s-pen{opacity:clamp(0,(var(--p,0) - .62)/.18,1)}.schema svg .s-callout{opacity:clamp(0,(var(--p,0) - .78)/.18,1)}.schema .schema-cap{opacity:clamp(0,(var(--p,0) - .72)/.24,1)}.s-dot{animation:belPulse 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes belPulse{0%,to{transform:scale(1)}50%{transform:scale(1.55)}}@media (prefers-reduced-motion:reduce){.s-dot{animation:none}}.labels{position:fixed;inset:0;z-index:3;pointer-events:none}.lab{position:absolute;transform:translate(-50%,-50%);opacity:0;transition:opacity .35s ease;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--hot);white-space:nowrap;padding:.25rem .5rem;border:1px solid #ffffff33;border-radius:3px;background:#0a0d18aa;backdrop-filter:blur(3px)}.lab[data-lab=angle]{color:var(--ember);border-color:var(--ember);font-size:.95rem;letter-spacing:0}.story{position:relative;z-index:4}.beat{min-height:100svh;display:flex;align-items:center;padding:0 clamp(1.4rem,6vw,7rem)}.beat.right{justify-content:flex-end}.beat.center{justify-content:center;text-align:center}.beat[data-beat="7"]{align-items:flex-end;padding-bottom:10vh}.card{position:relative;max-width:30rem;opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}.beat.center .card{max-width:42rem}.card.in{opacity:1;transform:none}.tag{font-family:var(--body);font-style:italic;font-weight:400;font-size:clamp(.98rem,1.45vw,1.15rem);line-height:1.35;letter-spacing:0;text-transform:none;color:var(--text);opacity:.8;margin-bottom:.55rem;display:flex;align-items:baseline;gap:.6rem;text-shadow:0 1px 2px var(--halo),0 1px 12px var(--halo)}.beat.center .tag{justify-content:center}.beat.right .tag{text-align:right}.step{flex:none;align-self:flex-start;font-family:var(--mono);font-style:normal;font-weight:500;font-size:.66rem;letter-spacing:.06em;color:var(--em-c);border:1px solid color-mix(in oklab,var(--em-c),transparent 60%);border-radius:2px;padding:.16rem .42rem;line-height:1;transform:translateY(.05em)}.beat[data-beat="0"]{padding-top:10vh}.beat[data-beat="0"] .card{opacity:1;transform:none}.beat[data-beat="0"] .card>*{opacity:0}body.landed .beat[data-beat="0"] .card>*{animation:lcIn 1.1s ease forwards}body.landed .lc-tag{animation-delay:.3s}body.landed .lc-j{animation-delay:.55s}body.landed .lc-hms{animation-delay:.8s}body.landed .lc-line{animation-delay:1.05s}@keyframes lcIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.lc-tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.32em;text-transform:uppercase;color:var(--em-c);text-shadow:0 1px 2px var(--halo)}.lc-j{font-family:var(--display);font-weight:300;font-size:clamp(3rem,7vw,5.2rem);letter-spacing:-.04em;line-height:1;margin-top:.6rem;color:var(--text);text-shadow:0 1px 2px var(--halo),0 3px 22px var(--halo)}.lc-j i{font-style:normal;color:var(--em-c)}.lc-j b{font-weight:300;font-variant-numeric:tabular-nums}.lc-hms{font-family:var(--mono);letter-spacing:.14em;font-size:clamp(.95rem,1.5vw,1.15rem);margin-top:.6rem;color:var(--text);text-shadow:0 1px 2px var(--halo)}.lc-line{font-family:var(--body);font-style:italic;font-weight:300;font-size:clamp(1rem,1.6vw,1.25rem);letter-spacing:0;line-height:1.4;margin-top:.85rem;color:var(--text);text-shadow:0 1px 2px var(--halo),0 1px 12px var(--halo)}@media (prefers-reduced-motion:reduce){body.landed .beat[data-beat="0"] .card>*{animation-duration:.01s;animation-delay:0s}}h1{font-family:var(--display);font-weight:500;font-size:clamp(2.5rem,7vw,5rem);line-height:1.02;letter-spacing:-.03em;color:var(--text);text-shadow:0 1px 2px var(--halo),0 2px 18px var(--halo)}h2{font-family:var(--display);font-weight:500;font-size:clamp(1.85rem,4.5vw,3.3rem);line-height:1.08;letter-spacing:-.022em;color:var(--text);text-shadow:0 1px 2px var(--halo),0 2px 16px var(--halo)}em{font-style:normal;font-weight:600;color:var(--em-c)}.lead{font-family:var(--body);font-weight:400;font-size:clamp(1.15rem,2.7vw,1.7rem);margin-top:.7rem;letter-spacing:-.01em;color:var(--text);opacity:.9;text-shadow:0 1px 2px var(--halo),0 1px 16px var(--halo)}p{font-size:clamp(1.02rem,1.4vw,1.18rem);margin-top:.6rem;color:var(--text);text-shadow:0 1px 2px var(--halo),0 1px 14px var(--halo)}p .k{color:var(--hot);font-style:italic}.warn{margin-top:1.3rem;padding:.85rem 1.05rem;border-left:2px solid var(--ember);background:#ffb2591a;font-family:var(--mono);font-size:.82rem;color:#ffe9cf}.form{margin-top:1.9rem;display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;max-width:28rem;margin-inline:auto}.form input{flex:1;min-width:13rem;background:#070912d9;border:1px solid #ffffff33;border-radius:3px;padding:.9rem 1.05rem;color:var(--paper);font-family:var(--mono);font-size:.92rem;backdrop-filter:blur(6px);transition:border-color .18s,box-shadow .18s}.form input::placeholder{color:#7d83a0}.form input:focus{outline:none;border-color:var(--ember);box-shadow:0 0 0 3px #ffb2592e}.form button{background:var(--hot);color:#1a1205;border:0;border-radius:3px;padding:.9rem 1.5rem;font-family:var(--mono);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .18s,transform .12s,box-shadow .18s}.form button:hover{background:var(--ember);transform:translateY(-2px);box-shadow:0 8px 22px #ffb25933}.form button:active{transform:translateY(0)}.form button:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}.form.done input,.form.done button,.form.done .consent-check{display:none}.consent-check{flex-basis:100%;display:flex;gap:.55rem;align-items:flex-start;margin-top:.9rem;font-family:var(--mono);font-size:.72rem;color:#aab0c8;text-align:left;cursor:pointer;line-height:1.55}.consent-check input{accent-color:var(--ember);width:.95rem;min-width:0;height:.95rem;margin-top:.12rem;flex:none;cursor:pointer;padding:0;background:none;border:none}.consent-check span{flex:1 1 0;text-align:left}.consent-check a{color:var(--ember);text-decoration:underline;text-underline-offset:2px}.consent-check a:hover{color:var(--hot)}.form-msg{margin-top:1rem;font-family:var(--mono);font-size:.8rem;letter-spacing:.04em;min-height:1.1em;color:var(--hot);opacity:0;transform:translateY(4px);transition:opacity .4s,transform .4s}.form-msg.show{opacity:1;transform:none}.form-msg.err{color:#ff9d7a}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.hud{position:fixed;left:0;top:0;height:2px;background:var(--ember);width:0;z-index:6;transition:width .12s linear}.cue{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:5;font-family:var(--mono);font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:#c2c6da;opacity:.72;transition:opacity .5s;animation:cueBob 2.4s ease-in-out infinite;will-change:transform}.cue.gone{opacity:0;pointer-events:none}@keyframes cueBob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.ticker{position:fixed;top:.9rem;right:.9rem;z-index:7;max-width:min(60vw,16rem);display:flex;flex-direction:column;align-items:flex-end;gap:.18rem;text-align:right;padding:.5rem .8rem;border:1px solid #ffffff26;border-radius:5px;background:#080b14b0;backdrop-filter:blur(9px);box-shadow:0 6px 24px #02030a55;opacity:0;transform:translateY(-6px);transition:opacity .6s ease,transform .6s ease;pointer-events:none}.ticker.show{opacity:1;transform:none}.ticker-clock{font-family:var(--mono);font-size:.96rem;line-height:1;color:var(--paper);font-variant-numeric:tabular-nums;white-space:nowrap}.ticker-clock b{font-weight:500;color:var(--hot)}.ticker-clock i{font-style:normal;color:var(--ember);font-size:.66em;margin:0 .5rem 0 .12rem}.ticker-label{font-family:var(--mono);font-size:.54rem;letter-spacing:.12em;color:var(--ember);line-height:1.25}.intro{position:fixed;inset:0;z-index:40;overflow:hidden}.odyssey{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#04050b}.odyssey img{position:absolute;left:50%;top:50%;width:118%;height:118%;object-fit:cover;transform:translate(-50%,-50%);opacity:0;will-change:transform,opacity}.odyssey .od-veil{position:absolute;inset:0;background:radial-gradient(90% 70% at 50% 46%,#02030980,#02030924 55%,#0203098c)}.odyssey canvas{position:absolute;inset:0;width:100%;height:100%}.odyssey .od-credit{position:absolute;bottom:1.3rem;left:1.4rem;font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:#6d738f}.intro-lines{z-index:1}.land-flash{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:0;background:radial-gradient(130% 130% at 42% 26%,#fffdf7,#fff3d8 55%,#ffe4b8);transition:opacity 1.4s cubic-bezier(.6,0,.9,.5) .7s}.land-flash.on{opacity:1}.land-flash.lift{opacity:0;transition:opacity 1.7s ease}@media (prefers-reduced-motion:reduce){.land-flash{display:none}.odyssey img{transition:none!important}}.intro-moon{position:absolute;top:50%;left:50%;width:215vmax;height:215vmax;border-radius:50%;background:radial-gradient(circle at 42% 40%,#0b0e18,#05060d 60%,#04050b);transform:translate(-50%,-50%);will-change:transform;transition:transform 2.8s cubic-bezier(.62,0,.22,1)}.intro.revealing .intro-moon{transform:translate(-285vmax,-50%)}.intro-lines{position:absolute;inset:0;display:grid;padding:0 8vw}.intro-line{grid-area:1/1;place-self:center;max-width:50rem;text-align:center;text-wrap:balance;font-family:var(--display);font-style:normal;font-weight:400;letter-spacing:-.015em;font-size:clamp(1.4rem,3.3vw,2.4rem);line-height:1.4;color:#e9ecf6;opacity:0;text-shadow:0 1px 24px #02030a}.intro.revealing .intro-lines{opacity:0;transition:opacity .35s}.intro-progress{position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%);z-index:2;display:flex;gap:.5rem}.intro-progress i{display:block;width:1.7rem;height:2px;border-radius:2px;background:#ffffff20;position:relative;overflow:hidden}.intro-progress i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--f,0%);background:var(--ember)}.intro.revealing .intro-progress{opacity:0;transition:opacity .3s}.intro-skip{position:absolute;bottom:1.3rem;right:1.4rem;z-index:2;background:none;border:0;cursor:pointer;font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#8b90a8;transition:color .2s}.intro-skip:hover{color:var(--ember)}.intro.revealing .intro-skip{opacity:0;pointer-events:none;transition:opacity .3s}body.intro-lock{overflow:hidden}@media (prefers-reduced-motion:reduce){.intro-moon,.intro-line{transition-duration:.25s}}.loading{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:var(--ink);transition:opacity .7s}.loading span{font-family:var(--mono);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ember)}.loading.gone{opacity:0;pointer-events:none}@media (max-width:720px){.beat{padding:0 1.4rem}.beat.right{justify-content:flex-start}.lab{font-size:.62rem}.ticker{top:.6rem;right:.6rem;padding:.42rem .6rem}.ticker-clock{font-size:.82rem}.ticker-label{font-size:.5rem;letter-spacing:.08em}.card:before,.beat.right .card:before{inset:-1.2rem -1.4rem;background:radial-gradient(96% 80% at 50% 46%,rgba(3,4,10,.78),rgba(3,4,10,.46) 46%,transparent 82%)}}@media (prefers-reduced-motion:reduce){.cue{animation:none}.card{transition:opacity .4s ease}.card.in{transform:none}*{scroll-behavior:auto}}