@font-face{font-family:panchang;src:url(../media/Panchang_Variable-s.p.2ggnfyse05dri.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:panchang Fallback;src:local(Arial);ascent-override:58.57%;descent-override:15.7%;line-gap-override:5.43%;size-adjust:165.62%}._2n033a_className{font-family:panchang,panchang Fallback}._2n033a_variable{--font-wide:"panchang", "panchang Fallback"}
@font-face{font-family:zodiak;src:url(../media/Zodiak_VariableItalic-s.p.00iih9mww77yw.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:italic}@font-face{font-family:zodiak Fallback;src:local(Arial);ascent-override:78.12%;descent-override:22.09%;line-gap-override:7.1%;size-adjust:126.74%}.MZnMea_className{font-family:zodiak,zodiak Fallback;font-style:italic}.MZnMea_variable{--font-serif:"zodiak", "zodiak Fallback"}
@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.0b02cdm7g7y6h.woff2)format("woff2");font-display:swap;font-weight:100 900}.iaM1Ya_className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.iaM1Ya_variable{--font-geist-mono:"GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}
:root{--ink:#0b0c0e;--salt:#f4efe6;--salt-dim:#f4efe6b8;--red:#c21420;--haze:#d6d0c5;--wide:var(--font-wide), system-ui, sans-serif;--serif:var(--font-serif), Georgia, serif;--mono:var(--font-geist-mono), ui-monospace, monospace;--gutter:clamp(18px, 3vw, 48px);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--haze);overflow-x:clip}body{background:var(--ink);color:var(--salt);font-family:var(--wide);-webkit-font-smoothing:antialiased;overflow-x:clip}::selection{background:var(--red);color:var(--salt)}html[data-locked=true],html[data-locked=true] body{overflow:hidden}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.sb{z-index:30;cursor:pointer;touch-action:none;opacity:.55;width:22px;transition:opacity .6s var(--ease-out);position:fixed;top:clamp(72px,11vh,104px);bottom:clamp(72px,11vh,104px);right:0}.sb[data-active=true],.sb:hover{opacity:1}html[data-locked=true] .sb{opacity:0;pointer-events:none}.sb-rail{background:#f4efe629;width:1px;position:absolute;top:0;bottom:0;right:10px}.sb-tick{background:#f4efe66b;width:7px;height:1px;position:absolute;right:10px}.sb-thumb{background:var(--salt);will-change:transform;width:3px;transition:width .24s var(--ease-out), right .24s var(--ease-out);border-radius:3px;position:absolute;top:0;right:9px;box-shadow:0 0 12px #00000059}.sb:hover .sb-thumb,.sb[data-drag=true] .sb-thumb{width:5px;right:8px}.sb[data-drag=true]{cursor:grabbing}@media (pointer:coarse){.sb{display:none}}.stage{z-index:0;inset:0;width:100vw!important;height:100lvh!important;position:fixed!important}main,.footer{z-index:2;position:relative}.hero{height:100svh;position:relative}.mono{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.bar{padding:22px var(--gutter);z-index:20;mix-blend-mode:difference;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.mark{letter-spacing:.02em;text-transform:uppercase;font-size:15px;font-weight:800}.hero-copy{opacity:clamp(0, calc(1 - var(--p,0) * 2.6), 1);left:var(--gutter);right:var(--gutter);z-index:2;justify-content:space-between;align-items:flex-end;gap:32px;display:flex;position:absolute;bottom:clamp(24px,6vh,64px)}.hero-title{flex-direction:column;font-weight:400;line-height:.95;display:flex}.hero-title .serif{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(2rem,4.2vw,4.4rem);font-style:italic;font-weight:300}.hero-title .wide{letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(1.9rem,4.6vw,4.8rem);font-weight:800}.hero-title .line{display:block}.hero-title .word{white-space:pre;vertical-align:top;margin-bottom:-.14em;padding-bottom:.14em;display:inline-block;overflow:hidden}.hero-title .char{transition:transform 1.1s var(--ease-expo) calc(var(--d,0s) + var(--i,0) * 32ms);will-change:transform;display:inline-block;transform:translateY(115%)}.hero-stats{text-align:left;grid-template-columns:repeat(3,auto);gap:10px 28px;display:grid}.hero-stats dt{white-space:nowrap;color:var(--salt-dim)}.hero-stats dd{white-space:nowrap;font-variant-numeric:tabular-nums;font-family:var(--wide);letter-spacing:0;text-transform:none;margin-top:6px;font-size:18px;font-weight:600}.hero-note{color:var(--salt-dim);grid-column:1/-1}.site .bar{opacity:0;transition:opacity .9s var(--ease-out) .9s}.site[data-play=true] .bar{opacity:1}.site .stat{opacity:0;transition:opacity .9s var(--ease-out) var(--d,0s), transform .9s var(--ease-expo) var(--d,0s);transform:translateY(14px)}.site[data-play=true] .hero-title .char,.site[data-play=true] .stat{opacity:1;transform:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loader{--word:min(9.9vw, 26vh);background:var(--haze);z-index:10;pointer-events:none;position:fixed;inset:0}.loader-canvas{width:100%;height:100%;font-family:var(--wide);display:block;position:absolute;inset:0}@keyframes loader-in{0%{opacity:0;translate:0 5vh}}.loader-glyphs{animation:loader-in 1.1s var(--ease-expo) .12s both;left:0;right:0;top:calc(50% + var(--word) * .42 + 26px);text-align:center;color:#0b0c0eb3;letter-spacing:.18em;transition:opacity .4s var(--ease-out);position:absolute}.loader[data-stage=dive] .loader-glyphs{opacity:0}.scroll-cue{right:var(--gutter);writing-mode:vertical-rl;letter-spacing:.16em;color:var(--salt-dim);opacity:clamp(0, calc(1 - var(--p,0) * 4), 1);clip-path:inset(0 0 100%);align-items:center;gap:14px;font-size:10px;display:flex;position:absolute;top:62%;translate:0 -50%}.site[data-play=true] .scroll-cue{animation:cue-in 1.1s var(--ease-out) 3.2s both}@keyframes cue-in{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.scroll-cue:after{content:"";transform-origin:top;width:1px;height:44px;animation:cue 1.8s var(--ease-in-out) infinite;background:currentColor;display:block}@keyframes cue{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.chapter{position:relative}.chapter+.chapter{margin-top:-100vh}.launch{height:210vh}.run{height:560vh}.dusk{height:370vh}.finale{height:260vh}.pin{height:100svh;position:sticky;top:0;overflow:hidden}.kicker{color:var(--salt-dim);margin-bottom:18px}.h2{flex-direction:column;font-weight:400;line-height:.95;display:flex}.h2 .serif{font-family:var(--serif);letter-spacing:-.02em;padding-bottom:.08em;font-size:clamp(1.9rem,3.6vw,3.8rem);font-style:italic;font-weight:300}.h2 .wide{letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(1.9rem,4.2vw,4.4rem);font-weight:800}.beat{left:var(--gutter);max-width:34rem;opacity:clamp(0, var(--o), 1);translate:0 calc((1 - clamp(0, var(--o), 1)) * 24px);position:absolute;top:clamp(84px,16vh,160px)}.launch .beat-in{--o:min(calc((var(--p) - .004) * 30), calc((.55 - var(--p)) * 6))}.hud{left:var(--gutter);right:var(--gutter);--o:min(calc((var(--p) - .004) * 30), calc((.97 - var(--p)) * 25));opacity:clamp(0, var(--o), 1);flex-wrap:wrap;align-items:flex-end;column-gap:clamp(24px,5vw,80px);display:flex;position:absolute;bottom:clamp(24px,6vh,64px)}.hud-run{--o:min(calc((var(--p) - .002) * 40), calc((.55 - var(--p)) * 14))}.run .beat-fan{--o:min(calc((var(--p) - .67) * 12), calc((.99 - var(--p)) * 22))}.beat-note{color:#f4efe6e0;text-shadow:0 1px 14px #08090b8c;max-width:26rem;margin-top:18px;line-height:1.6}.hud-dusk{--o:min(calc((var(--p) - .06) * 10), calc((.99 - var(--p)) * 22))}.shade{z-index:1;pointer-events:none;opacity:0;will-change:opacity;background:linear-gradient(#08090b94 0%,#08090b66 22%,#08090b24 42%,#08090b00 56%),linear-gradient(#08090b00 66%,#08090b29 82%,#08090b6b 100%);position:fixed;inset:0}.beat .h2,.split strong,.hud-num{text-shadow:0 1px 28px #08090b38}.run .beat-in{--o:min(calc(var(--p) * 30), calc((.2 - var(--p)) * 10))}.dusk .beat-in{--o:min(calc((var(--p) - .04) * 12), calc((.4 - var(--p)) * 8))}.dusk .beat-out{--o:min(calc((var(--p) - .74) * 10), calc((.99 - var(--p)) * 22))}.splits{right:var(--gutter);text-align:right;flex-direction:column;gap:26px;list-style:none;display:flex;position:absolute;top:clamp(84px,16vh,160px)}.split{--o:min(calc((var(--p) - var(--a)) * 12), calc((var(--b) - var(--p)) * 12));opacity:clamp(0, var(--o), 1);translate:calc((1 - clamp(0, var(--o), 1)) * 20px) 0;flex-direction:column;gap:6px;display:flex}.split span{color:var(--salt-dim)}.split strong{font-family:var(--wide);letter-spacing:-.03em;text-transform:none;font-size:clamp(1.8rem,3.4vw,3.4rem);font-weight:800}.hud-cell{align-items:baseline;gap:.12em;display:flex}.hud-num{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(3.6rem,12vw,12.5rem);font-weight:800;line-height:.82}.hud-unit{font-family:var(--serif);color:var(--salt-dim);font-size:clamp(1.6rem,4vw,4rem);font-style:italic;font-weight:300}.hud-note{color:var(--salt-dim);flex-basis:100%;margin-top:16px}.finale-copy{left:var(--gutter);right:var(--gutter);--o:min(calc((var(--p) - .24) * 6), calc(1 - var(--x,0) * 5));opacity:clamp(0, var(--o), 1);translate:0 calc((1 - clamp(0, var(--o), 1)) * 24px);pointer-events:auto;position:absolute;bottom:clamp(24px,6vh,64px)}.count-key{margin:22px 0 26px}.count-units{color:var(--salt-dim);flex-wrap:wrap;gap:0 10px;display:flex}.count-units span+span:before{content:":";opacity:.5;margin-right:10px}.share{flex-wrap:wrap;gap:10px;display:flex}.btn{font:inherit;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--salt);cursor:pointer;transition:transform .16s var(--ease-out), background-color .2s ease, border-color .2s ease;background:0 0;border:1px solid #f4efe666;border-radius:999px;padding:14px 22px;font-size:12px}.btn:hover{border-color:var(--salt)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--salt);outline-offset:3px}.btn-solid{background:var(--salt);color:var(--ink);border-color:var(--salt)}.btn-solid:hover{background:#fff}.footer{z-index:2;min-height:170svh;padding:clamp(96px, 15vh, 160px) var(--gutter) clamp(20px, 3vh, 32px);background:linear-gradient(#05060a00 82%,#05060a99 100%);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.footer-head{text-align:center;top:clamp(96px,15vh,160px);left:var(--gutter);right:var(--gutter);--o:calc((var(--end,0) - .25) * 5);opacity:clamp(0, var(--o), 1);translate:0 calc((1 - clamp(0, var(--o), 1)) * 16px);pointer-events:none;flex-direction:column;align-items:center;gap:18px;display:flex;position:fixed}.footer-head .kicker{color:var(--salt-dim)}.footer-head .h2{align-items:center}.footer-base{grid-row:3;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:end;gap:clamp(24px,4vw,72px);display:grid}.footer-credit{flex-direction:column;gap:10px;display:flex}.footer-credit .mono{color:var(--salt-dim)}.credit-names{font-family:var(--serif);letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;gap:0 .3em;padding-bottom:.08em;font-size:clamp(1.5rem,2.4vw,2.4rem);font-style:italic;font-weight:300;line-height:1.1;display:flex}.credit-amp{color:var(--salt-dim)}.footer a{color:inherit;text-underline-offset:.14em;-webkit-text-decoration:underline #ece4d859;text-decoration:underline #ece4d859;text-decoration-thickness:1px;transition:color .2s}.footer a:hover{color:#fff;text-decoration-color:currentColor}.footer-legal{color:var(--salt-dim);text-transform:none;letter-spacing:.02em;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;font-size:10.5px;line-height:1.6;display:grid}@media (min-width:761px){.beat{max-width:none}.beat .h2>span{white-space:nowrap}}@media (max-width:760px){.bar .mono{letter-spacing:.04em;font-size:10px}.scroll-cue{display:none}.beat{right:var(--gutter)}.footer-legal{grid-template-columns:1fr;gap:12px;font-size:9.5px}.footer-base{grid-template-columns:minmax(0,1fr);gap:20px}.splits{gap:14px;top:auto;bottom:calc(clamp(24px,6vh,64px) + 21vw);translate:0}.hero-copy{flex-direction:column;align-items:flex-start;gap:22px}.hero-title .serif{font-size:clamp(2rem,9vw,2.6rem)}.hero-title .wide{font-size:clamp(2rem,9.6vw,2.8rem)}.hero-stats{column-gap:22px}.hero-stats dd{font-size:16px}}@media (prefers-reduced-motion:reduce){.site .scroll-cue{clip-path:none;animation:none}.scroll-cue:after{animation:none}.hero-title .char,.site .stat{transition-duration:1ms;transition-delay:0s}}
