html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root{--bone:#f4f1ea;--muted:#9298a2;--copy:#b7bec7;--dim:#5d626b;--accent:#ff4d1c;--line:#f4f1ea24;--panel:#0a0b0e8c;--sans:"Neue Haas Grotesk Display", "Helvetica Neue", "SF Pro Display", Inter, "Segoe UI Variable Display", "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Roboto Mono", monospace;--edge:clamp(18px, 3.4vw, 44px);--dwell:55svh}*{box-sizing:border-box}html{scroll-behavior:auto}body{color:var(--bone);font-family:var(--sans);-webkit-font-smoothing:antialiased;cursor:none;background:#05060a;margin:0;overflow-x:hidden}@media (pointer:coarse){body,button,a,svg,circle{cursor:auto}.cursor-ring,.cursor-dot{display:none}}button,a,.design__handle,.swatch,.chip{cursor:none}.cursor-dot{background:var(--accent);pointer-events:none;z-index:9999;will-change:transform;border-radius:50%;width:6px;height:6px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-ring{pointer-events:none;z-index:9998;will-change:transform, scale;mix-blend-mode:difference;border:1px solid #fff6;border-radius:50%;width:32px;height:32px;transition:opacity .3s,width .3s,height .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}::selection{background:var(--accent);color:#05060a}.stage{z-index:0;position:fixed;top:0;bottom:0;left:0;right:0}.stage canvas{touch-action:pan-y;display:block}.grain{z-index:3;pointer-events:none;background:radial-gradient(125% 95% at 50% 44%,#0000 52%,#0000004d 100%),repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 3px);position:fixed;top:0;bottom:0;left:0;right:0}.micro{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bone);font-size:10px;line-height:1.7;display:block}.micro em{color:var(--dim);font-style:normal}.micro--dim{color:var(--muted)}.mark{font-family:var(--sans);letter-spacing:.42em;text-transform:uppercase;font-size:15px;font-weight:600;display:block}.mark--big{letter-spacing:.4em;text-indent:.4em;font-size:clamp(34px,8vw,58px);font-weight:500}.frame{inset:var(--edge);z-index:4;pointer-events:none;mix-blend-mode:difference;justify-content:space-between;align-items:flex-start;display:flex;position:fixed}.frame__tr{text-align:right}.frame__tr .micro:first-child{letter-spacing:.22em;font-size:12px}.scroll{z-index:2;pointer-events:none;position:relative}.chapter{height:calc(100svh + var(--dwell));position:relative}.chapter__stage{height:100svh;padding:0 var(--edge) 130px;opacity:var(--o,0);align-items:center;display:flex;position:sticky;top:0}.chapter__stage:before{content:"";pointer-events:none;background:linear-gradient(90deg,#05060af0 0%,#05060ae6 55%,#05060a9e 78%,#0000 100%);width:min(74%,62rem);position:absolute;top:0;bottom:0;left:0;right:auto}.chapter--right .chapter__stage:before{background:linear-gradient(270deg,#05060af0 0%,#05060ae6 55%,#05060a9e 78%,#0000 100%);top:0;bottom:0;left:auto;right:0}.copy{max-width:30rem;transform:translateY(var(--shift,0px));position:relative}.copy--right{text-align:right;margin-left:auto;margin-right:300px}.split-text{display:inline}.split-word{vertical-align:top;display:inline-block;overflow:hidden}.split-word>span{opacity:0;will-change:transform, opacity;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s cubic-bezier(.2,.8,.2,1);display:inline-block;transform:translateY(110%)}.is-active .split-word>span{opacity:1;transform:translateY(0)}.copy__idx{color:var(--accent);align-items:center;gap:10px;margin-bottom:22px;display:flex}.copy--right .copy__idx{justify-content:flex-end}.copy__idx i{background:currentColor;width:34px;height:1px;display:block}.copy h2{letter-spacing:-.045em;text-wrap:balance;margin:0 0 24px;font-size:clamp(2.6rem,6vw,5rem);font-weight:400;line-height:.92}.copy p{color:var(--copy);letter-spacing:.01em;max-width:26rem;margin:0;font-size:clamp(1rem,1.2vw,1.1rem);font-weight:300;line-height:1.7}.copy--right p{margin-left:auto}.cue{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--bone);align-items:center;gap:12px;margin-top:34px;font-size:10px;display:flex}.cue b{background:linear-gradient(var(--accent), transparent);width:1px;height:46px;animation:2.4s ease-in-out infinite drop}@keyframes drop{0%,to{opacity:.5;transform-origin:top;transform:scaleY(.35)}50%{opacity:1;transform-origin:top;transform:scaleY(1)}}.outro{min-height:100svh;padding:0 var(--edge) var(--edge);pointer-events:none;align-items:flex-end;display:flex}.outro__inner{width:100%;max-width:calc(100% - 310px)}.outro h3{letter-spacing:.08em;color:#0000;-webkit-text-stroke:1px #f4f1ea42;margin:0 0 .12em;font-size:clamp(3rem,12vw,9rem);font-weight:500;line-height:.8}.outro__grid{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:26px;padding-top:22px;display:grid}.outro__grid p{color:var(--muted);max-width:22rem;margin:8px 0 0;font-size:.9rem;line-height:1.5}.outro__foot{border-top:1px solid var(--line);justify-content:space-between;gap:20px;margin-top:26px;padding-top:14px;display:flex}.hud{z-index:4;font-family:var(--mono);letter-spacing:.1em;pointer-events:none;width:218px;font-size:10px;position:fixed}.hud--bl{left:var(--edge);bottom:var(--edge);transition:opacity .8s,transform .8s cubic-bezier(.19,1,.22,1)}.hud--away{opacity:0;transform:translateY(12px)}.hud__row{border-bottom:1px solid #f4f1ea14;justify-content:space-between;gap:12px;padding:6px 0;display:flex}.hud__k{color:var(--dim);text-transform:uppercase}.hud__v{color:var(--bone);text-align:right;font-weight:500}.hud__bar{background:#f4f1ea14;height:1px;margin-top:14px;overflow:hidden}.hud__bar i{background:var(--bone);transform-origin:0;height:100%;transition:transform .4s cubic-bezier(.19,1,.22,1);display:block;box-shadow:0 0 10px #f4f1ea80}.hud__chapters{color:var(--dim);gap:12px;margin-top:12px;display:flex}.hud__chapters span{transition:color .4s,text-shadow .4s}.hud__chapters .on{color:var(--bone);text-shadow:0 0 8px #f4f1ea99}.panel{right:var(--edge);bottom:var(--edge);z-index:5;scrollbar-width:none;-webkit-backdrop-filter:blur(24px)saturate(1.4);opacity:0;pointer-events:none;background:#05060a73;border:1px solid #f4f1ea14;border-radius:12px;width:268px;max-height:calc(100vh - 190px);padding:16px 18px 18px;transition:opacity .8s,transform .8s cubic-bezier(.19,1,.22,1);position:fixed;overflow-y:auto;transform:translateY(14px);box-shadow:0 14px 40px -10px #0009,inset 0 1px #f4f1ea14}.panel::-webkit-scrollbar{display:none}.panel--open{opacity:1;pointer-events:auto;transform:translateY(0)}.panel__head{border-bottom:1px solid #f4f1ea14;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px;padding-bottom:12px;display:flex}.panel__head--sub{margin-top:18px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{background:radial-gradient(circle at 32% 26%, var(--f), transparent 46%), linear-gradient(150deg, color-mix(in srgb, var(--c) 78%, #fff), var(--c) 62%);outline-offset:3px;border:1px solid #f4f1ea2e;border-radius:50%;width:30px;height:30px;padding:0;transition:transform .4s cubic-bezier(.19,1,.22,1),box-shadow .4s}.swatch:hover{transform:translateY(-3px)scale(1.08)}.swatch.is-on{box-shadow:0 0 0 1px #05060a, 0 0 0 2px var(--bone);transform:translateY(-2px)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips--wide{margin-top:16px}.chip{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);background:#ffffff05;border:1px solid #f4f1ea14;border-radius:6px;padding:8px 12px;font-size:9.5px;transition:all .4s cubic-bezier(.19,1,.22,1);box-shadow:inset 0 0 #f4f1ea00}.chip:hover{color:var(--bone);background:#ffffff0d;border-color:#f4f1ea4d;box-shadow:inset 0 0 12px #f4f1ea0d}.chip.is-on{color:#05060a;background:var(--bone);border-color:var(--bone);box-shadow:0 0 12px #f4f1ea66}.boot{z-index:9;clip-path:inset(0);background:#05060a;place-items:center;transition:opacity 1.2s,visibility 1.2s,clip-path 1.2s cubic-bezier(.7,0,.3,1);display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.boot--out{opacity:0;visibility:hidden;clip-path:inset(0 0 100%)}.boot__inner{text-align:center;justify-items:center;gap:20px;display:grid}.boot__line{background:#f4f1ea24;width:min(38vw,260px);height:1px;overflow:hidden}.boot__line i{background:var(--accent);width:40%;height:100%;animation:1.4s cubic-bezier(.5,0,.3,1) infinite sweep;display:block}@keyframes sweep{0%{transform:translate(-110%)}to{transform:translate(320%)}}@media (max-width:820px){.hud--bl{display:none}.panel{width:auto;left:var(--edge);right:var(--edge);padding:12px 14px 14px;display:none}.panel--focus{display:block}.panel__head{margin-bottom:11px;padding-bottom:9px}.panel__head--sub{display:none}.swatches{gap:10px}.chips{scrollbar-width:none;flex-wrap:nowrap;margin-top:11px;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips--wide{margin-top:9px}.chip{white-space:nowrap}.copy,.copy--right{text-align:left;max-width:none;margin:0}.chapter__stage:before,.chapter--right .chapter__stage:before{background:linear-gradient(#05060adb 30%,#0000 100%);width:100%}.copy--right p{margin-left:0}.chapter__stage{align-items:flex-start;padding-top:13svh}.outro{padding-bottom:210px}.outro__inner{max-width:none}.outro__foot{flex-direction:column;gap:6px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cue b,.boot__line i{animation:none}}.design{margin:18px 0 4px}.design__hint{margin:2px 0 8px;font-size:.58rem;display:block}.design__reset{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--dim);background:0 0;border:0;padding:0}.design__reset:not(:disabled):hover{color:var(--accent)}.design__reset:disabled{opacity:.4;cursor:default}.design__plot{touch-action:none;width:100%;height:auto;margin-bottom:6px;display:block;overflow:visible}.design__fill{fill:#6ee7ff12;stroke:none}.design__curve{fill:none;stroke:#6ee7ff;stroke-width:1.6px}.design__curve--dim{stroke:#6ee7ff57;stroke-width:1.2px}.design__handle{fill:var(--accent);stroke:#05060ae6;stroke-width:2px;transition:r .15s}.design__handle:hover{r:8;outline:none}.design__handle:focus-visible{r:8;outline:none}.design__handle:focus-visible{stroke:var(--bone)}.sound{color:var(--dim);pointer-events:auto;background:0 0;border:0;align-items:center;gap:7px;margin-top:8px;padding:0;display:inline-flex}.sound:hover,.sound--on{color:var(--bone);text-shadow:0 0 10px #f4f1ea66}.sound__bars{align-items:flex-end;gap:2px;height:10px;display:flex}.sound__bars i{background:currentColor;width:2px;height:4px;transition:height .2s}.sound--on .sound__bars i{animation:1.1s cubic-bezier(.4,0,.2,1) infinite vu}.sound--on .sound__bars i:nth-child(2){animation-delay:.18s}.sound--on .sound__bars i:nth-child(3){animation-delay:.36s}@keyframes vu{0%,to{height:3px}50%{height:9px;box-shadow:0 0 6px}}.ignite-btn{font-family:var(--sans);letter-spacing:.4em;color:var(--bone);-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #f4f1ea26;border-radius:8px;padding:16px 36px;font-size:13px;font-weight:500;transition:all .6s cubic-bezier(.19,1,.22,1);box-shadow:inset 0 0 #f4f1ea00,0 0 #ff4d1c00}.ignite-btn:hover{background:var(--accent);border-color:var(--accent);color:#05060a;transform:translateY(-4px);box-shadow:inset 0 0 10px #fff3,0 0 30px #ff4d1c66}.is-launching .frame,.is-launching .scroll,.is-launching .panel,.is-launching .hud{opacity:0;pointer-events:none;transition:opacity 1.2s}.finale{z-index:9999;opacity:0;visibility:hidden;pointer-events:none;background:#000;justify-content:center;align-items:center;transition:opacity 2s 2.5s,visibility 2s 2.5s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.finale.is-active{opacity:1;visibility:visible}.finale__credits{text-align:center;opacity:0;transition:transform 2s 3.5s,opacity 2s 3.5s;transform:translateY(20px)}.finale.is-active .finale__credits{opacity:1;transform:translateY(0)}.finale__credits h2{letter-spacing:.4em;margin:0 0 12px;font-size:clamp(34px,8vw,58px)}.finale__credits p{color:var(--dim);margin:0 0 24px}@media (prefers-reduced-motion:reduce){.sound--on .sound__bars i{height:6px;animation:none}}@media (max-width:720px){.design{margin:12px 0 2px}.design__hint,.design__plot:last-of-type{display:none}}