:root{--font-display:"Space Grotesk", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace;--bg:#c9d8dd;--ink:#171717;--ink-2:#171717b3;--ink-3:#17171773;--paper:#f4f7f6;--glass:#f4f9f9b8;--glass-line:#ffffffd9;--accent:#6e6e6c;--focus-ring:#0b6f8f;--gutter:clamp(16px, 3vw, 40px);--ease-out:cubic-bezier(.2, .7, .1, 1);--focus:0}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--ink);background:#000}body{font-family:var(--font-display);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:8px}.intro{will-change:filter, transform, opacity;position:fixed;inset:0}.intro canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.intro video{opacity:0;pointer-events:none;width:2px;height:2px;position:absolute}.hero{z-index:3;pointer-events:none;text-align:center;color:#fff;text-shadow:0 2px 30px #00141e59;align-content:center;justify-items:center;gap:18px;display:grid;position:fixed;inset:0}.hero-kicker{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;font-size:13px}.hero-title{letter-spacing:-.03em;font-size:clamp(36px,6vw,88px);font-weight:600;line-height:.98}.hero-cue{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;justify-items:center;gap:8px;font-size:11px;display:grid;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hero-cue:after{content:"";transform-origin:top;background:linear-gradient(#fff,#0000);width:1px;height:30px;animation:1.8s ease-in-out infinite drip}@keyframes drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.shelves-photo{opacity:0;filter:blur(calc(var(--reveal-blur,0px) + var(--focus) * 10px)) brightness(calc(1 - var(--focus) * .06));will-change:filter, transform, opacity;background:radial-gradient(55% 42% at 50% 34%,#fff 0%,#ffffffd9 38%,#fff0 72%),radial-gradient(125% 95% at 50% 42%,#f5f5f4 0%,#ebebea 52%,#d5d5d4 100%);position:fixed;inset:-24px}.slab{height:calc(var(--face) + var(--thick));position:absolute}.slab-top{height:var(--face);clip-path:polygon(1% 0,99% 0,100% 100%,0 100%);background:linear-gradient(#efefee,#fbfbfb);position:absolute;top:0;left:0;right:0}.slab-front{left:0;right:0;top:var(--face);height:var(--thick);background:linear-gradient(#fff,#eaeae9);position:absolute;box-shadow:0 1px #00000012,0 6px 14px -8px #00000040}.slab-shadow{left:3%;right:3%;top:calc(var(--face) + var(--thick));height:calc(var(--thick) * 6);background:radial-gradient(50% 100% at 50% 0,#0000002b,#0000 100%);position:absolute}.slabs{will-change:transform;position:absolute;inset:0}.fog{z-index:2;pointer-events:none;visibility:hidden;opacity:0;position:fixed;inset:-25%}.fog span{will-change:transform;filter:blur(30px);position:absolute;inset:0}.fog span:first-child{background:radial-gradient(38% 30% at 30% 40%,#f6f8f9f2,#0000 70%),radial-gradient(42% 34% at 70% 55%,#f0f3f5e6,#0000 70%),radial-gradient(60% 50%,#fafbfbd9,#0000 75%)}.fog span:nth-child(2){background:radial-gradient(30% 22% at 22% 62%,#fffc,#0000 70%),radial-gradient(34% 26% at 76% 34%,#ecf0f2bf,#0000 70%),radial-gradient(26% 20% at 52% 78%,#f8f9fab3,#0000 70%)}.fog span:nth-child(3){background:radial-gradient(22% 16% at 14% 30%,#ffffffb3,#0000 70%),radial-gradient(24% 18% at 84% 70%,#ffffffa6,#0000 70%),radial-gradient(18% 14% at 60% 20%,#f4f6f799,#0000 70%)}.dust{z-index:2;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.grain{z-index:9;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-size:180px 180px;animation:.6s steps(5,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-6%,4%)}40%{transform:translate(5%,-5%)}60%{transform:translate(-3%,7%)}80%{transform:translate(7%,2%)}to{transform:translate(0)}}.stage{z-index:1;pointer-events:none;visibility:hidden;position:fixed;inset:0}.stage.is-near{visibility:visible}.stage.is-live{pointer-events:auto}.stage canvas{display:block}.canvas-shelf{filter:blur(calc(var(--focus) * 9px))}.canvas-stage{pointer-events:none}.track{pointer-events:none;position:relative}.topbar{z-index:6;padding:16px var(--gutter);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:0;left:0;right:0}.wordmark{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#fff;mix-blend-mode:difference;font-size:12px}.topbar-actions{justify-content:center;gap:8px;display:flex}.ht-logo{filter:drop-shadow(0 1px 6px #fff9);justify-self:end;width:auto;height:20px}.btn{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px)saturate(1.2);transition:background .2s, transform .2s var(--ease-out), opacity .2s;border-radius:999px;padding:11px 18px;font-size:12px;box-shadow:0 6px 24px #0a28321f}.btn:hover{background:#ffffffeb}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ink);color:#f3f7f6;border-color:var(--ink)}.btn-primary:hover{background:#17323a}.btn-ghost{color:#fff;box-shadow:none;background:#ffffff2e;border-color:#ffffff73}.btn-ghost:hover{background:#ffffff4d}.btn:disabled{opacity:.6;cursor:default}.pill{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--ink);transition:background .2s, color .2s, transform .25s var(--ease-out), opacity .2s;background:#fffffff0;border:1px solid #00000014;border-radius:999px;padding:9px 15px;font-size:11px;box-shadow:0 4px 18px #0000001a}.pill:hover{background:#fff;transform:translateY(-1px)}.pill:active{transform:scale(.97)}.pill-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.pill-dark:hover{background:#000}.pill:disabled{cursor:default;transform:none}.pill-dark:disabled{background:#171717d1}.pill-soon{opacity:.6}.pill:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.shelf-pills{z-index:3;pointer-events:none;will-change:transform;position:fixed;inset:0}.pills{opacity:0;pointer-events:none;transition:opacity .2s, transform .35s var(--ease-out);flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:absolute;transform:translate(-50%,-50%)translateY(8px)scale(.96)}.pills.is-on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.stage-pills{z-index:4;opacity:0;pointer-events:none;transition:opacity .3s, transform .45s var(--ease-out);gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%,8px)}.stage-pills.is-on{opacity:1;pointer-events:auto;transition-delay:.25s;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.stage-pills .pill-flip:not(:focus-visible){clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}}.flip-cursor{z-index:7;pointer-events:none;position:fixed;top:0;left:0}.flip-cursor span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:var(--ink);color:#fff;opacity:0;transform-origin:0 0;transition:opacity .15s, transform .25s var(--ease-out);border-radius:999px;padding:8px 13px;font-size:11px;display:block;position:absolute;top:14px;left:14px;transform:scale(.6)}.flip-cursor.is-on span{opacity:1;transform:none}@media (hover:none){.flip-cursor{display:none}}.info{z-index:4;left:var(--gutter);opacity:0;pointer-events:none;width:min(300px,24vw);transition:opacity .35s var(--ease-out), transform .5s var(--ease-out);padding:0;position:fixed;top:50%;transform:translate(-12px,-50%)}.info.is-on{opacity:1;transform:translateY(-50%)}.info-verb,.info-label,.info-desc{font-family:var(--font-mono)}.info-verb{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-size:12px;display:inline-flex}.info-verb:before{content:"";background:currentColor;width:18px;height:1px}.info-brand{letter-spacing:-.02em;margin-top:10px;font-size:clamp(26px,2.4vw,36px);font-weight:600;line-height:1.05}.info-desc{color:var(--ink-2);margin-top:12px;font-size:13px;line-height:1.6}.info-results{gap:12px;margin-top:18px;list-style:none;display:grid}.info-results li{border-left:1px solid var(--ink-3);gap:2px;padding-left:12px;display:grid}.info-value{letter-spacing:-.01em;font-size:24px;font-weight:600}.info-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);font-size:11px}.shelf-index{z-index:4;left:var(--gutter);right:var(--gutter);border-top:1px solid #0000001a;padding:14px 0 18px;position:fixed;bottom:0}.shelf-index ol{scrollbar-width:none;justify-content:center;gap:clamp(28px,6vw,96px);list-style:none;display:flex;overflow-x:auto}.shelf-index ol::-webkit-scrollbar{display:none}.shelf-index button{text-align:left;color:var(--ink-3);white-space:nowrap;gap:2px;padding:2px 0;font-size:13px;line-height:1.25;transition:color .2s;display:grid}.shelf-index button:hover,.shelf-index button.is-active{color:var(--ink)}.si-num,.si-verb{font-family:var(--font-mono);letter-spacing:.04em;font-size:11px}.si-verb{text-transform:uppercase}.si-brand{color:var(--ink-2)}.shelf-index button:hover .si-brand,.shelf-index button.is-active .si-brand{color:var(--ink)}.si-brand{transition:background-size .35s var(--ease-out), color .2s;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;justify-self:start;padding-bottom:1px}.shelf-index button.is-active .si-brand{background-size:100% 1px}.shelf-index button:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}.intro-line{z-index:5;top:52px;left:var(--gutter);color:var(--ink-2);max-width:360px;font-size:15px;line-height:1.35;position:fixed}.topbar.on-light .wordmark{color:var(--ink);mix-blend-mode:normal}.loader{z-index:20;color:#e9f2f1;transition:opacity .8s var(--ease-out), visibility .8s;background:#0c1a1f;place-content:center;justify-items:center;gap:18px;display:grid;position:fixed;inset:0}.loader.is-done{opacity:0;visibility:hidden}.loader-name{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;font-size:13px}.loader-bar{background:#e9f2f133;width:min(260px,60vw);height:1px;overflow:hidden}.loader-bar span{transform-origin:0;background:#e9f2f1;height:100%;transition:transform .2s linear;display:block}.loader-pct{font-family:var(--font-mono);color:#e9f2f199;font-size:11px}.info.is-focused{box-shadow:none;-webkit-backdrop-filter:none;opacity:1;background:0 0;border:0;width:min(300px,50vw - 17.226vh - 64px);padding:0}.info.is-focused .info-brand{font-size:clamp(30px,3vw,46px)}.info.is-focused .info-desc{color:var(--ink);font-size:14px}.info.is-below{width:min(420px,100vw - 32px)}.info.is-below .info-verb{justify-content:center}.info.is-below .info-results{grid-auto-flow:column;justify-content:center;gap:22px}.info.is-below .info-results li{border-left:0;padding-left:0}.info.is-below .info-desc{margin-top:6px;display:block}@media (width<=720px){.shelf-index ol{justify-content:flex-start;gap:28px}.intro-line{font-size:13px;top:48px}.topbar{grid-template-columns:auto 1fr auto;gap:8px}.topbar-actions{left:0;right:0;bottom:max(16px, env(safe-area-inset-bottom));justify-content:center;gap:8px;padding:0 16px;position:fixed}.btn{padding:9px 12px;font-size:11px}.info{top:auto;bottom:64px;left:var(--gutter);right:var(--gutter);width:auto;padding:16px 18px;transform:translateY(12px)}.info.is-on{transform:none}.info-desc{display:none}.info-results{grid-auto-flow:column;justify-content:start;gap:18px;margin-top:10px}.info-brand{font-size:24px}}@media (prefers-reduced-motion:reduce){.grain{animation:none}.info,.btn,.loader,.pill,.pills,.stage-pills,.flip-cursor span{transition:none}.hero-cue:after{animation:none}}.intro2-plate,.intro2-live{width:100%;height:100%;position:fixed;inset:0}.intro2-plate{background:#c9d3d6;display:block}.intro2-live{pointer-events:auto;touch-action:pan-y;z-index:1}.intro2-track{pointer-events:none;position:relative}.grain{pointer-events:none;z-index:5;mix-blend-mode:soft-light;background-size:160px 160px;position:fixed;inset:0}.gate{z-index:6;pointer-events:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.gate.is-shown{pointer-events:auto}.gate-kicker{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.34em;text-transform:uppercase;color:#ffffffd9;text-shadow:0 1px 14px #281e1466;opacity:0;transition:opacity .5s, transform .7s var(--ease-out);margin:0;font-size:10px;position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%,-6px)}.gate.is-shown .gate-kicker{opacity:1;transition-delay:.45s;transform:translate(-50%)}.gate-btn{--mx:0px;--my:0px;--s:1;--open:0;--load:0;--px:28%;--py:-10%;isolation:isolate;color:#fff;cursor:progress;height:66px;font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;transform:translate(var(--mx), var(--my)) scale(var(--s));clip-path:inset(0 calc(50% - 1px));opacity:0;visibility:hidden;transition:transform .6s var(--ease-out), clip-path .5s var(--ease-out), opacity .3s, visibility 0s .5s;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;align-items:center;gap:18px;padding:0 11px 0 32px;font-size:16px;font-weight:500;display:flex;position:relative;box-shadow:0 24px 60px -18px #18120a73,0 3px 10px #18120a1f}.gate.is-shown .gate-btn,.gate.is-opening .gate-btn{clip-path:inset(-80px);opacity:1;visibility:visible;transition:transform .6s var(--ease-out), clip-path 1s cubic-bezier(.2, .9, .1, 1) 50ms, opacity .25s, visibility 0s}.gate-btn.is-ready{cursor:pointer}.gate-btn.is-ready:hover,.gate-btn.is-ready:focus-visible{--s:1.025;--open:1}.gate-btn.is-ready:active{--s:.985}.gate-btn:focus-visible{outline-offset:14px;outline:2px solid #fffffff2}.gate-glass,.gate-sheen,.gate-rim{pointer-events:none;border-radius:0;position:absolute;inset:0}.gate-glass{z-index:-3;-webkit-backdrop-filter:blur(9px)saturate(1.7)brightness(1.02);backdrop-filter:blur(9px)saturate(1.7)brightness(1.02);background:linear-gradient(#ffffff3d 0%,#ffffff0d 48%,#ffffff1f 100%),#1c1e2233;transition:background-color .5s;box-shadow:inset 0 1px 1px #fffffff2,inset 0 -1px 1px #ffffff59,inset 0 12px 20px -12px #ffffff8c,inset 0 -12px 18px -12px #fff6,inset 0 0 0 1px #ffffff29}.gate-btn.is-ready:hover .gate-glass{background-color:#1c1e221f}.gate-sheen{z-index:-2;opacity:.75;mix-blend-mode:screen;background:radial-gradient(140px 70px at var(--px) var(--py), #ffffff80, #fff0 70%);transition:opacity .4s;overflow:hidden}.gate-btn.is-ready:hover .gate-sheen{opacity:1}.gate-sheen:after{content:"";background:linear-gradient(105deg,#0000 38%,#ffffff61 48%,#ffffff1f 54%,#0000 62%) 130% 0/260% 100%;animation:5.5s cubic-bezier(.5,0,.3,1) 1.2s infinite gate-shine;position:absolute;inset:0}@keyframes gate-shine{0%{background-position:130% 0}35%,to{background-position:-30% 0}}.gate-rim{z-index:-1;-webkit-mask-composite:xor;background:conic-gradient(from 210deg,#fffffff2,#ffffff1f 18%,#b9d7ff8c 32%,#ffffff14 48%,#ffe2c499 68%,#ffffff29 84%,#fffffff2);padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.gate-label{text-shadow:0 1px 14px #14100a59;opacity:0;filter:blur(6px);transition:opacity .5s,filter .6s;position:relative}.gate.is-shown .gate-label{opacity:1;filter:blur();transition-delay:.3s}.gate-btn:not(.is-ready) .gate-label{opacity:.75}.gate-orb{width:44px;height:44px;transition:transform .6s var(--ease-out);background:linear-gradient(160deg,#ffffff80,#ffffff14 55%,#ffffff24),#ffffff0d;border-radius:0;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px 1px #fffffff2,inset 0 -3px 8px #ffffff38,inset 0 0 0 1px #fff3,0 6px 14px #14100a2e}.gate-btn.is-ready:hover .gate-orb,.gate-btn.is-ready:focus-visible .gate-orb{transform:scale(1.06)}.gate-portal{border:1px solid #ffffffd9;width:14px;height:18px;display:flex;position:relative}.gate-portal b{z-index:1;transition:transform .7s var(--ease-out), opacity .4s;background:#ffffff38;flex:1;position:relative}.gate-portal b:first-child{transform:translateX(calc(-.5px - var(--open) * 2px - var(--arrive) * 3px));border-right:1px solid #ffffffe6}.gate-portal b:last-child{transform:translateX(calc(.5px + var(--open) * 2px + var(--arrive) * 3px))}.gate-btn{--arrive:1}.gate.is-shown .gate-btn{--arrive:0}.gate.is-shown .gate-portal b{transition-delay:.5s}.gate-portal-light{width:2px;box-shadow:0 0 8px 2px #fffaeef2, 0 0 26px 6px rgba(255, 236, 205, calc(.3 + var(--open) * .4));transform:scaleX(calc(1 + var(--open) * 2.5));transition:transform .7s var(--ease-out), box-shadow .7s, opacity .6s;background:#fff;border-radius:2px;margin-left:-1px;position:absolute;top:1px;bottom:1px;left:50%}.gate.is-shown .gate-portal-light{animation:2.8s ease-in-out 1.2s infinite gate-breathe}@keyframes gate-breathe{50%{opacity:.6}}.gate-corner{opacity:0;--c:14px;width:12px;height:12px;transition:transform .6s var(--ease-out), opacity .4s;border:0 solid #fffffff2;position:absolute}.gate-corner.tl{transform:translate(calc(var(--c) * -1), calc(var(--c) * -1));border-width:1px 0 0 1px;top:-8px;left:-8px}.gate-corner.tr{transform:translate(var(--c), calc(var(--c) * -1));border-width:1px 1px 0 0;top:-8px;right:-8px}.gate-corner.bl{transform:translate(calc(var(--c) * -1), var(--c));border-width:0 0 1px 1px;bottom:-8px;left:-8px}.gate-corner.br{transform:translate(var(--c), var(--c));border-width:0 1px 1px 0;bottom:-8px;right:-8px}.gate.is-shown .gate-corner{opacity:1;--c:calc(var(--open) * 3px);transition-delay:.35s}.gate.is-opening .gate-corner{opacity:0;transition:opacity .3s}.gate-load{transform-origin:0;height:1px;transform:scaleX(var(--load));background:#ffffffd9;transition:transform .3s,opacity .6s .4s;position:absolute;bottom:9px;left:30px;right:30px}.gate-btn.is-ready .gate-load{opacity:0}.gate.is-opening{pointer-events:none}.gate.is-opening .gate-btn{--s:1.08;opacity:0;filter:blur(8px);transition:transform .7s var(--ease-out), opacity .45s, filter .5s}.gate.is-opening .gate-kicker{opacity:0;transition:opacity .3s}@media (width<=600px){.gate-btn{gap:14px;height:58px;padding:0 9px 0 24px;font-size:15px}.gate-orb{width:40px;height:40px}}@media (width<=380px){.gate-btn{gap:10px;height:52px;padding:0 7px 0 16px;font-size:13.5px}.gate-orb{width:36px;height:36px}.gate-kicker{letter-spacing:.26em;font-size:9px}}@media (prefers-reduced-motion:reduce){.gate *,.gate-btn{transition-duration:10ms!important;animation:none!important}}.studio-next{z-index:7;opacity:0;pointer-events:none;background:#fff;place-content:center;justify-items:center;gap:14px;transition:opacity .8s;display:grid;position:fixed;inset:0}.studio-next.is-shown{opacity:1;pointer-events:auto}.studio-next .gate-kicker{color:var(--ink);text-shadow:none;opacity:1;transform:none}.studio-next-note{color:#555;margin:0;font-size:15px}.studio-back{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;color:var(--ink);background:0 0;border:1px solid #cfcfcf;margin-top:10px;padding:12px 18px;font-size:11px}.studio-back:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.scroll-cue{z-index:6;pointer-events:none;font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:#fff;text-shadow:0 1px 10px #1e181073;opacity:0;align-items:center;gap:10px;margin-left:-46px;padding:8px 12px;font-size:10px;transition:opacity .45s;display:flex;position:fixed;bottom:34px;left:50%}.scroll-cue.on-pointer{margin-left:0;top:0;bottom:auto;left:0}html.cursor-scroll,html.cursor-scroll *{cursor:none!important}.scroll-cue.is-shown{opacity:1}.cue-corner{border:0 solid #ffffffe6;width:7px;height:7px;position:absolute}.cue-corner.tl{border-width:1px 0 0 1px;top:0;left:0}.cue-corner.br{border-width:0 1px 1px 0;bottom:0;right:0}.cue-track{background:#ffffff59;width:1px;height:18px;position:relative;overflow:hidden}.cue-dot{background:#fff;border-radius:2px;width:3px;height:6px;animation:1.6s cubic-bezier(.6,0,.3,1) infinite cue-run;position:absolute;top:-6px;left:-1px;box-shadow:0 0 6px #ffffffe6}@keyframes cue-run{0%{transform:translateY(0)}70%,to{transform:translateY(26px)}}@media (prefers-reduced-motion:reduce){.cue-dot{animation:none;top:6px}}.scroll-cue.is-up .cue-dot{animation-name:cue-run-up}@keyframes cue-run-up{0%{transform:translateY(26px)}70%,to{transform:translateY(0)}}.glyph-page{transform-origin:0;width:14px;height:18px;transition:transform .7s var(--ease-out);background:#ffffff2e;border:1px solid #ffffffd9;flex-direction:column;justify-content:center;gap:2.5px;padding:0 3px;display:flex;position:relative}.glyph-page i{background:#ffffffe6;height:1px;display:block}.glyph-page i:first-child{height:2px}.gate-btn.is-ready:hover .glyph-page,.gate-btn.is-ready:focus-visible .glyph-page{transform:perspective(60px)rotateY(-28deg)}html.lenis.lenis-stopped{overflow:hidden}@font-face{font-family:Neo Vector;src:url(/fonts/neo-vector.woff2)format("woff2");font-display:swap}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.intro2-live.is-lowered{transform:translateY(22vh)}.intro2-live{transition:transform 2.6s cubic-bezier(.65,0,.25,1)}.intro2-sky{z-index:2;pointer-events:none;opacity:0;background:linear-gradient(#fbfaf8 0,#f3eee8 8vh,#e6ddd3 14vh,#d4c6b7 19vh,#c9b7a4 22.6vh,#c9b7a4db 25vh,#c9b7a499 29vh,#c9b7a452 34vh,#c9b7a41a 38.5vh,#c9b7a400 42vh);height:42vh;transition:transform 2.6s cubic-bezier(.65,0,.25,1),opacity 1.2s ease-in 1.5s;position:fixed;top:0;left:0;right:0;transform:translateY(-22vh)}.intro2-sky.is-lowered{opacity:1;transition:none;transform:none}.opening{z-index:6;color:#0d0e10;pointer-events:none;position:fixed;inset:0}.opening.is-shown{pointer-events:auto}.opening>*,.opening-block>*{opacity:0;transition:opacity .6s, transform .9s var(--ease-out), filter .8s}.opening.is-shown>*,.opening.is-shown .opening-block>*{opacity:1}.opening:not(.is-shown) .opening-block>*{filter:blur(8px);transition-duration:.6s;transform:translateY(-10px);transition-delay:0s!important}.opening.is-shown .opening-block{opacity:1}.opening-logo{top:clamp(18px,3.2vh,34px);left:var(--gutter);width:auto;height:clamp(50px,6.5vh,76px);position:absolute}.opening-block{padding:0 var(--gutter);text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:12.5vh;left:0;right:0}.glass-title{--gx:30%;--gy:25%;--rx:0deg;--ry:0deg;--glint:20%;--lift:1;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(12px);transition:opacity .8s, transform .6s var(--ease-out);position:relative}.opening.is-shown .glass-title{opacity:1;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));transition-delay:.25s,0s}.opening.is-shown .glass-title:hover{--glint:32%;--lift:1.08;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-3px) scale(1.012)}.opening-title{font-family:"Neo Vector", var(--font-display);text-transform:uppercase;font-synthesis:weight;letter-spacing:.025em;white-space:nowrap;color:#0000;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(32px,5.6vw,118px);font-weight:700;line-height:1.04}.lg{pointer-events:none;position:absolute}.lg>*{width:100%;height:100%;position:absolute;inset:0}.lg-body,.lg-glint{-webkit-mask-image:var(--glass-mask);-webkit-mask-image:var(--glass-mask);mask-image:var(--glass-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.lg-body{-webkit-backdrop-filter:blur(2.5px) saturate(1.15) brightness(calc(1.07 * var(--lift))) contrast(1.05);backdrop-filter:blur(2.5px) saturate(1.15) brightness(calc(1.07 * var(--lift))) contrast(1.05);background:linear-gradient(#ffffff3d 0%,#f0f8ff0a 45%,#d6eaff24 100%);transition:-webkit-backdrop-filter .5s,backdrop-filter .5s}.lg-glint{background:radial-gradient(circle at var(--gx) var(--gy), #fffffff2, #dceeff66 calc(var(--glint) * .45), transparent var(--glint)), linear-gradient(100deg, transparent 38%, #ffffffbf 48%, #cde6ff4d 53%, transparent 62%) 130% 0 / 260% 100% no-repeat;mix-blend-mode:screen;animation:6s cubic-bezier(.5,0,.3,1) 1.5s infinite title-sweep}@keyframes title-sweep{0%{background-position:0 0,130% 0}35%,to{background-position:0 0,-30% 0}}.opening-sub{font-family:"Neo Vector", var(--font-display);text-transform:uppercase;color:#23262b;white-space:nowrap;text-shadow:0 0 14px #ffffffd9,0 0 2px #fff9;margin:clamp(8px,1.4vh,18px) 0 0;font-size:clamp(11px,1.4vw,30px);font-weight:400;line-height:1;display:block;transform:translateY(8px)}.opening.is-shown .opening-sub{transition-delay:.5s;transform:none}.opening-cta{margin-top:clamp(26px,5vh,52px)}.opening.is-shown .opening-cta{transition-delay:.7s}.gate.gate--inline{position:relative;top:auto;left:auto;transform:none}.gate--inline .gate-btn{letter-spacing:.02em;height:64px;text-shadow:none;gap:20px;padding:0 11px 0 34px;font-size:17px}.gate--inline .gate-orb{width:44px;height:44px}.opening-alt{color:#fff;cursor:pointer;font-family:var(--font-mono);letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;text-shadow:0 1px 10px #0a140873;transition:opacity .6s, border-color .3s, letter-spacing .5s var(--ease-out);background:0 0;border:0;border-bottom:1px solid #ffffffbf;margin-top:20px;padding:4px 0 6px;font-size:11px}.opening.is-shown .opening-alt{transition-delay:.85s}.opening-alt:hover:not(:disabled){letter-spacing:.36em;border-bottom-color:#fff}.opening-alt:disabled{cursor:progress}.opening.is-shown .opening-alt:disabled{opacity:.55}.opening-alt:focus-visible{outline-offset:6px;outline:1px solid #fff}@media (width<=600px){.opening-block{top:21vh}.opening-title{font-size:clamp(28px,9vw,46px)}.opening-sub{font-size:clamp(9px,2.7vw,14px)}.gate--inline .gate-btn{gap:14px;height:58px;padding:0 9px 0 22px;font-size:15px}.gate--inline .gate-orb{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.intro2-live,.intro2-sky{transition-duration:10ms}.opening>*,.opening-block>*,.opening.is-shown .opening-block>*{filter:none!important;transition-duration:10ms!important;transition-delay:0s!important;transform:none!important}}.sound-toggle{top:clamp(18px,3.2vh,34px);right:var(--gutter);z-index:7;-webkit-backdrop-filter:blur(12px)saturate(.6);backdrop-filter:blur(12px)saturate(.6);color:#fff;font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;opacity:0;pointer-events:none;background:#10121438;border:1px solid #ffffff59;align-items:center;gap:10px;padding:10px 12px;font-size:10px;transition:opacity .6s .4s,border-color .3s;display:flex;position:fixed}.sound-toggle.is-shown{opacity:1;pointer-events:auto}.sound-toggle:hover{border-color:#fffc}.sound-toggle:focus-visible{outline-offset:4px;outline:1px solid #fff}.st-bars{align-items:flex-end;gap:2px;height:12px;display:flex}.st-bars i{transform-origin:bottom;background:#fff;width:2px;height:100%;animation:1.1s ease-in-out infinite st-bar}.st-bars i:nth-child(2){animation-delay:-.3s}.st-bars i:nth-child(3){animation-delay:-.6s}.st-bars i:nth-child(4){animation-delay:-.85s}@keyframes st-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.sound-toggle.is-muted .st-bars i{animation:none;transform:scaleY(.18)}@media (width<=600px){.st-label{display:none}}@media (prefers-reduced-motion:reduce){.st-bars i{animation:none;transform:scaleY(.6)}}.shelf-chips{z-index:7;opacity:0;pointer-events:none;width:220px;transition:opacity .22s var(--ease-out);will-change:transform;flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:fixed;top:0;left:0}.shelf-chips.is-shown{opacity:1;pointer-events:auto}.shelf-chips button,.shelf-card button{font:500 13px/1 var(--font-display);letter-spacing:.01em;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);transition:background .2s, transform .2s var(--ease-out);background:#fafafa99;border:1px solid #ffffffe6;border-radius:0;padding:11px 17px;box-shadow:0 6px 18px #14181e24,inset 0 1px #fffffff2}.shelf-chips button.is-primary,.shelf-card button.is-primary{color:#fff;background:#121212db;border-color:#121212e6;box-shadow:0 6px 18px #14181e38,inset 0 1px #ffffff2e}.shelf-chips button:hover,.shelf-card button:hover{transform:translateY(-1px)}.shelf-chips button:focus-visible,.shelf-card button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:0}.shelf-card{z-index:7;width:min(380px,max(300px,25vw),100vw - 32px);color:var(--ink);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);opacity:0;pointer-events:none;transition:opacity .35s var(--ease-out), transform .5s var(--ease-out);background:#f8f8f894;border:1px solid #ffffffeb;padding:28px 28px 24px;position:fixed;top:50%;right:clamp(16px,5vw,80px);transform:translate(18px,-50%);box-shadow:0 24px 70px #14181e24,inset 0 1px #fffffff2}.shelf-card.is-shown{opacity:1;pointer-events:auto;transition-delay:.15s;transform:translateY(-50%)}.shelf-card-corner{border:0 solid var(--ink);opacity:.55;width:12px;height:12px;position:absolute}.shelf-card-corner.tl{border-top-width:1px;border-left-width:1px;top:-1px;left:-1px}.shelf-card-corner.br{border-bottom-width:1px;border-right-width:1px;bottom:-1px;right:-1px}.shelf-card-brand{font:500 10px/1.4 var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2);margin:0 0 10px}.shelf-card-title{font:600 26px/1.1 var(--font-display);letter-spacing:-.01em;margin:0 0 12px}.shelf-card-desc{font:400 15px/1.5 var(--font-display);color:var(--ink-2);margin:0 0 18px}.shelf-card-results{border-top:1px solid #1717171f;flex-wrap:wrap;gap:18px 28px;margin:0 0 22px;padding-top:16px;display:flex}.shelf-card-results dt{font:600 28px/1 var(--font-display)}.shelf-card-results dd{font:500 10px/1.3 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);margin:6px 0 0}.shelf-card-actions{gap:8px;display:flex}@media (width<=700px),(aspect-ratio<=4/5){.shelf-card{top:auto;bottom:16px;right:16px;transform:translateY(18px)}.shelf-card.is-shown{transform:translate(0)}}.shelf-chips-name{text-align:center;color:var(--ink);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);font:500 9.5px/1.35 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;background:#fafafab8;border:1px solid #ffffffe6;flex:0 0 100%;margin:0 0 2px;padding:8px 10px;box-shadow:0 6px 18px #14181e1f}.shelf-chips-name b{font:600 13px/1.2 var(--font-display);letter-spacing:0;text-transform:none;margin-bottom:2px;display:block}.shelf-card-type{color:var(--ink-2);font:500 10px/1.3 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;border:1px solid #1717172e;margin:-4px 0 14px;padding:4px 8px;display:inline-block}.shelf-card.is-stage .shelf-card-desc{display:none}.shelf-card{scrollbar-width:none;max-height:calc(100vh - 32px);overflow:hidden auto}.shelf-card::-webkit-scrollbar{display:none}.stage-steps{border-top:1px solid #1717171f;margin:0 0 16px;padding-top:14px}.stage-steps-say{font:400 14px/1.45 var(--font-display);color:var(--ink);min-height:2.9em;margin:0 0 12px}.stage-steps-say span{font:500 10px/1 var(--font-mono);letter-spacing:.2em;color:var(--ink-2);margin-bottom:4px;display:block}.stage-steps-row{gap:8px;display:flex}.stage-steps-row .stage-prev{padding:11px 14px}.stage-steps-row .stage-next{text-align:left;flex:1;justify-content:space-between;display:flex}@media (width<=700px),(aspect-ratio<=4/5){.shelf-card.is-stage{padding:18px 18px 16px}.shelf-card.is-stage .shelf-card-desc,.shelf-card.is-stage .shelf-card-results{display:none}.shelf-card.is-stage .shelf-card-title{margin-bottom:8px;font-size:20px}.shelf-card.is-stage .stage-steps-say{min-height:0}}html.stage-cursor-on,html.stage-cursor-on canvas{cursor:none!important}.stage-cursor{z-index:9;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.stage-cursor-chip{opacity:0;white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(10px)saturate(1.3);backdrop-filter:blur(10px)saturate(1.3);transition:opacity .18s var(--ease-out), transform .25s var(--ease-out);background:#1212129e;border:1px solid #ffffff59;flex-direction:column;align-items:center;gap:3px;padding:10px 14px;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.6);box-shadow:0 10px 30px #0a0c1040,inset 0 1px #ffffff40}.stage-cursor.is-shown .stage-cursor-chip{opacity:1;transform:translate(-50%,-50%)scale(1)}.stage-cursor-chip small{font:500 9px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.7}.stage-cursor-chip i{border:0 solid #fff;width:7px;height:7px;position:absolute}.stage-cursor-chip i.tl{border-top-width:1px;border-left-width:1px;top:-1px;left:-1px}.stage-cursor-chip i.br{border-bottom-width:1px;border-right-width:1px;bottom:-1px;right:-1px}@media (hover:none){.stage-cursor{display:none}}@media (prefers-reduced-motion:reduce){.stage-cursor-chip{transition:none}}html.is-skipping .intro2-live,html.is-skipping .intro2-sky{transition-duration:10ms!important}.topnav{z-index:12;opacity:0;pointer-events:none;transition:opacity .45s var(--ease-out), transform .6s var(--ease-out);position:fixed;top:22px;left:50%;transform:translate(-50%,-14px)}.topnav.is-shown{opacity:1;pointer-events:auto;transition-delay:.2s;transform:translate(-50%)}.topnav-btn{--px:30%;--py:-20%;isolation:isolate;color:#fff;cursor:pointer;white-space:nowrap;height:40px;font:500 11px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;transition:transform .35s var(--ease-out);background:0 0;border:0;border-radius:0;align-items:center;gap:12px;padding:0 18px;display:flex;position:relative;box-shadow:0 14px 34px -14px #18120a73}.topnav-btn:hover{transform:translateY(-1px)scale(1.02)}.topnav-btn:hover .gate-sheen{opacity:1}.topnav-btn:focus-visible{outline-offset:5px;outline:1px solid #fff}.topnav-arrow{font-family:var(--font-display);letter-spacing:0;transition:transform .35s var(--ease-out);font-size:14px}.topnav-btn:hover .topnav-arrow{transform:translate(3px)}.topnav.is-light .topnav-btn:hover .topnav-arrow:first-of-type{transform:translate(-3px)}.topnav-corner{opacity:.85;border:0 solid;width:8px;height:8px;position:absolute}.topnav-corner.tl{border-width:1px 0 0 1px;top:-5px;left:-5px}.topnav-corner.br{border-width:0 1px 1px 0;bottom:-5px;right:-5px}.topnav.is-light .topnav-btn{color:var(--ink);box-shadow:0 12px 30px -14px #14181e4d}.topnav.is-light .gate-glass{background:linear-gradient(#ffffffbf,#fff6),#f0f0f059}.topnav.is-light .topnav-btn:focus-visible{outline-color:var(--ink)}@media (width<=600px){.topnav{top:14px}.topnav-btn{letter-spacing:.14em;height:36px;padding:0 14px}}.shelf-hint{z-index:7;pointer-events:none;opacity:0;transition:opacity .22s var(--ease-out);will-change:transform;position:fixed;top:0;left:0}.shelf-hint.is-shown{opacity:1}.shelf-hint-chip,.stage-label-chip{white-space:nowrap;color:var(--ink);text-align:center;-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);background:#fafafab3;border:1px solid #fffffff2;flex-direction:column;align-items:center;gap:4px;margin-bottom:10px;padding:9px 14px 10px;display:flex;position:relative;box-shadow:0 10px 28px #14181e24,inset 0 1px #fff}.shelf-hint-chip b,.stage-label-chip b{font:600 13px/1.15 var(--font-display)}.shelf-hint-chip small{font:500 9px/1.2 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}.shelf-hint-chip em,.stage-label-chip small{font:600 9.5px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;margin-top:2px;font-style:normal}.shelf-hint-chip i,.stage-label-chip i{border:0 solid var(--ink);opacity:.6;width:7px;height:7px;position:absolute}.shelf-hint-chip i.tl,.stage-label-chip i.tl{border-top-width:1px;border-left-width:1px;top:-1px;left:-1px}.shelf-hint-chip i.br,.stage-label-chip i.br{border-bottom-width:1px;border-right-width:1px;bottom:-1px;right:-1px}.stage-label{z-index:7;pointer-events:none;opacity:0;transition:opacity .3s var(--ease-out);will-change:transform;position:fixed;top:0;left:0}.stage-label.is-shown{opacity:1}.stage-label-chip{animation:stage-label-in .5s var(--ease-out) both}.stage-label-chip b{letter-spacing:.01em;font-size:15px}@keyframes stage-label-in{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:none}}.stage-dots{gap:5px;margin-bottom:9px;display:flex}.stage-dots i{background:#1717172e;width:14px;height:2px;transition:background .3s,width .3s}.stage-dots i.is-on{background:var(--ink);width:26px}.stage-steps-back{font:500 9.5px/1.4 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin:0}.stage-cursor-chip em{font:600 9px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;font-style:normal;display:none}.stage-cursor.is-ready .stage-cursor-chip em{display:block}.stage-cursor.is-ready .stage-cursor-chip b,.stage-cursor.is-ready .stage-cursor-chip small{display:none}@media (prefers-reduced-motion:reduce){.stage-label-chip{animation:none}}.topnav:not(.is-light) .gate-glass{background:linear-gradient(#fff3 0%,#ffffff0a 50%,#ffffff1a 100%),#16181c61}.topnav:not(.is-light) .topnav-btn{text-shadow:0 1px 6px #00000059}.stage-label-chip small.then{letter-spacing:.16em;color:var(--ink-2);margin-top:0;font-weight:500}.shelf-hint-chip,.stage-label-chip{background:#fcfcfcd6;border:1px solid #fffffff2;gap:0;min-width:200px;margin:0;padding:13px 20px 12px;box-shadow:0 18px 44px -14px #14181e52,0 2px 6px #14181e0f,inset 0 1px #fff}.shelf-hint-chip .kicker{font:500 9.5px/1.3 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2)}.shelf-hint-chip b{font:600 17px/1.15 var(--font-display);letter-spacing:-.01em;color:var(--ink);margin-top:4px}.shelf-hint-chip em{font:600 10px/1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink);border-top:1px solid #1717171f;justify-content:center;align-self:stretch;align-items:center;gap:8px;margin-top:10px;padding-top:9px;font-style:normal;display:flex}.shelf-hint-chip .pulse{background:var(--ink);width:6px;height:6px;animation:1.6s ease-in-out infinite hint-pulse}@keyframes hint-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.stage-label-chip{margin-bottom:14px;padding:12px 20px 11px}.stage-label-chip b{font:600 19px/1.1 var(--font-display);letter-spacing:-.01em}.stage-label-chip small.then{letter-spacing:.16em;color:var(--ink-2);margin-top:5px;font-size:9.5px;font-weight:500}.stage-cursor-chip b{font:600 10.5px/1 var(--font-mono);letter-spacing:.22em}@media (prefers-reduced-motion:reduce){.shelf-hint-chip .pulse{animation:none}}.stage-hud{z-index:7;pointer-events:none;--hud-l:30vw;--hud-r:70vw;--hud-cy:55vh;--hud-w:min(280px, max(210px, 17vw));position:fixed;inset:0}.stage-hud-panel{top:var(--hud-cy);width:var(--hud-w);color:var(--ink);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);opacity:0;transition:opacity .35s var(--ease-out), transform .6s var(--ease-out);background:#fafafa99;border:1px solid #fffffff2;padding:22px 22px 20px;position:fixed;box-shadow:0 24px 60px -24px #14181e47,inset 0 1px #fff}.stage-hud-panel.is-left{right:calc(100vw - var(--hud-l) + 48px);transform:translate(22px,-50%)}.stage-hud-panel.is-right{left:calc(var(--hud-r) + 48px);transform:translate(-22px,-50%)}.stage-hud.is-shown .stage-hud-panel{opacity:1;pointer-events:auto;transition-delay:.25s;transform:translateY(-50%)}.stage-hud.is-shown .stage-hud-panel.is-right{transition-delay:.35s}.hud-c{border:0 solid var(--ink);opacity:.55;width:10px;height:10px;position:absolute}.hud-c.tl{border-top-width:1px;border-left-width:1px;top:-1px;left:-1px}.hud-c.br{border-bottom-width:1px;border-right-width:1px;bottom:-1px;right:-1px}.hud-wire{background:#17171759;width:40px;height:1px;position:absolute;top:50%}.hud-wire:after{content:"";background:var(--ink);width:5px;height:5px;position:absolute;top:-2px}.is-left .hud-wire{right:-41px}.is-left .hud-wire:after{right:-3px}.is-right .hud-wire{left:-41px}.is-right .hud-wire:after{left:-3px}.hud-kicker{font:500 10px/1.4 var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2);margin:0 0 10px}.hud-type{font:500 9.5px/1.2 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);border:1px solid #1717172e;margin:0;padding:5px 9px;display:inline-block}.hud-results{border-top:1px solid #1717171f;flex-wrap:wrap;gap:14px 26px;margin:18px 0 0;padding-top:16px;display:flex}.hud-results dt{font:600 30px/1 var(--font-display);letter-spacing:-.02em}.hud-results dd{font:500 9.5px/1.3 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);margin:6px 0 0}.stage-hud .stage-steps{border:0;margin:0;padding:0}.stage-hud .stage-steps-say{font:400 15px/1.5 var(--font-display);color:var(--ink);min-height:0;margin:0 0 16px}.stage-hud .stage-dots{margin-bottom:12px}.stage-hud .stage-steps-back{border-top:1px solid #1717171f;padding-top:12px}@media (width<=899px),(aspect-ratio<=20/21){.stage-hud{grid-template-columns:1fr 1.25fr;align-items:stretch;gap:8px;display:grid;inset:auto 12px 12px}.stage-hud-panel{width:auto;padding:14px 14px 12px;position:relative;top:auto;left:auto!important;right:auto!important;transform:translateY(16px)!important}.stage-hud.is-shown .stage-hud-panel{transform:none!important}.hud-wire{display:none}.hud-kicker{letter-spacing:.18em;margin-bottom:6px;font-size:8.5px}.hud-title{margin-bottom:8px;font-size:16px}.hud-type{letter-spacing:.14em;padding:4px 6px;font-size:8px}.hud-results{gap:8px 16px;margin-top:10px;padding-top:10px}.hud-results dt{font-size:20px}.stage-hud .stage-steps-say{margin-bottom:10px;font-size:13px;line-height:1.4}.stage-hud .stage-steps-back{padding-top:8px;font-size:8.5px}}.topnav{left:var(--gutter);transition:opacity .45s var(--ease-out), transform .6s var(--ease-out), left .6s var(--ease-out);top:clamp(18px,3.2vh,34px);transform:translateY(-10px)}.topnav.is-shown{opacity:.86;transform:none}.topnav.is-shown:hover,.topnav.is-shown:focus-within{opacity:1}.topnav.is-offset{left:calc(var(--gutter) + clamp(64px, 7vh, 88px))}.topnav-btn{letter-spacing:.2em;gap:9px;height:34px;padding:0 14px;font-size:9.5px;box-shadow:0 10px 24px -14px #18120a66}.topnav-arrow{font-size:12px}.topnav-corner{display:none}@media (width<=600px){.topnav{top:14px}.topnav-btn{letter-spacing:.14em;height:32px;padding:0 11px;font-size:8.5px}}.journey{right:calc(var(--gutter) + 6px);z-index:6;opacity:0;pointer-events:none;color:#fff;text-shadow:0 1px 8px #00000059;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;top:50%;transform:translate(10px,-50%)}.journey.is-shown{opacity:1;transform:translateY(-50%)}.journey-end{font:500 9px/1.3 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;writing-mode:vertical-rl;opacity:.8;transform:rotate(180deg)}.journey-end.is-lab{opacity:1;align-items:center;gap:8px;font-weight:600;display:flex}.journey-gate{gap:1px;display:flex;transform:rotate(180deg)}.journey-gate b{border:1px solid #fff;width:5px;height:9px}.journey-line{background:#ffffff59;width:1px;height:32vh;position:relative}.journey-fill{width:1px;height:calc(var(--p,0) * 100%);background:#fff;position:absolute;top:0;left:0;box-shadow:0 0 6px #fffc}.journey-dot{left:-3px;top:calc(var(--p,0) * 100% - 3px);background:#fff;width:7px;height:7px;position:absolute;box-shadow:0 0 10px #fff5e1e6}.scroll-guide{z-index:6;opacity:0;pointer-events:none;color:#fff;white-space:nowrap;font:500 10px/1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px)saturate(.8);backdrop-filter:blur(12px)saturate(.8);transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);background:#14161a52;border:1px solid #fff6;align-items:center;gap:12px;margin:0;padding:10px 16px;display:flex;position:fixed;bottom:clamp(74px,11vh,118px);left:50%;transform:translate(-50%,10px)}.scroll-guide.is-shown{opacity:1;transform:translate(-50%)}.scroll-guide-text{animation:guide-in .6s var(--ease-out) both}@keyframes guide-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.scroll-guide-chev{width:10px;height:14px;position:relative}.scroll-guide-chev i{border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:7px;height:7px;animation:1.6s ease-in-out infinite chev;position:absolute;left:1px;transform:rotate(45deg)}.scroll-guide-chev i:first-child{top:-1px}.scroll-guide-chev i:last-child{animation-delay:.15s;top:4px}@keyframes chev{0%,to{opacity:.25;translate:0 -2px}50%{opacity:1;translate:0 2px}}.scroll-guide.is-nudge{border-color:#ffffffd9;animation:1.4s ease-in-out infinite guide-nudge}@keyframes guide-nudge{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 0 6px #ffffff24}}@media (width<=600px){.journey-line{height:26vh}.scroll-guide{letter-spacing:.16em;padding:9px 12px;font-size:9px}}@media (prefers-reduced-motion:reduce){.scroll-guide-chev i,.scroll-guide.is-nudge,.scroll-guide-text{animation:none}}.journey-line{background:#fff6;width:2px;box-shadow:0 0 0 1px #14161a1f}.journey-fill{width:2px}.journey-dot{width:8px;height:8px;left:-3px}.journey-end{opacity:1;font-weight:600}.stage-hud-panel{transition:opacity .35s var(--ease-out), translate .6s var(--ease-out);translate:0;top:0!important;left:0!important;right:auto!important}.stage-hud-panel.is-left{translate:22px}.stage-hud-panel.is-right{translate:-22px}.stage-hud.is-shown .stage-hud-panel{translate:0}.stage-hud:not(.is-shown) .stage-hud-panel{transition:opacity .2s var(--ease-out), translate .4s var(--ease-out)}.hud-title{font:600 22px/1.15 var(--font-display);letter-spacing:-.015em;margin:0 0 8px}.hud-type{font:500 13px/1.35 var(--font-display);letter-spacing:0;text-transform:none;color:var(--ink-2);border:0;padding:0}.hud-desc{font:400 14px/1.55 var(--font-display);color:var(--ink);border-top:1px solid #1717171f;max-width:34ch;margin:14px 0 0;padding-top:14px}.hud-results{margin-top:14px}.stage-hud .stage-steps-back{font:400 12px/1.45 var(--font-display);letter-spacing:0;text-transform:none;color:var(--ink-2)}@media (width<=899px),(aspect-ratio<=20/21){.stage-hud-panel{translate:0 16px!important}.stage-hud.is-shown .stage-hud-panel{translate:0!important}.stage-hud-panel.is-left,.stage-hud-panel.is-right{transform:none!important}.hud-title{margin-bottom:4px;font-size:16px}.hud-type{font-size:11.5px}.hud-desc{display:none}.stage-hud .stage-steps-back{font-size:11px}}.shelf-hint-chip b{font:600 16px/1.2 var(--font-display);margin:0}.shelf-hint-chip .kicker{font:400 12.5px/1.3 var(--font-display);letter-spacing:0;text-transform:none;color:var(--ink-2);margin-top:3px}.shelf-hint-chip em{font:600 12px/1 var(--font-display);letter-spacing:0;text-transform:none}.stage-label-chip small{font:400 12.5px/1.3 var(--font-display);letter-spacing:0;text-transform:none;color:var(--ink-2);margin-top:6px}.stage-label-chip small.then{letter-spacing:0;margin-top:3px;font-size:12px}.stage-cursor-chip b,.stage-cursor-chip em{font:600 12px/1 var(--font-display);letter-spacing:.01em;text-transform:none}.scroll-guide{font:500 13px/1 var(--font-display);letter-spacing:.01em;text-transform:none;padding:11px 18px}.journey-end{font-family:var(--font-display);letter-spacing:.04em;text-transform:none;font-size:11px}.topnav-btn{font:500 12px/1 var(--font-display);letter-spacing:.01em;text-transform:none;height:32px;padding:0 13px}@media (width<=600px){.scroll-guide{font-size:12px}.topnav-btn{letter-spacing:0;font-size:11.5px}}.scroll-cue:not(.on-pointer){display:none}.sound-toggle{font:500 12px/1 var(--font-display);letter-spacing:.01em;text-transform:none;padding:9px 12px}.stage-hud-panel,.stage-label-chip,.stage-cursor-chip{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.stage-hud-panel,.stage-label-chip{background:#fcfcfce6}.stage-cursor-chip{background:#121212d1}.stage-cursor .cur-dot{opacity:0;color:#fff;width:42px;height:42px;transition:transform .28s var(--ease-out), opacity .18s var(--ease-out), background .2s;background:#121212c7;border:1px solid #fff6;place-items:center;display:grid;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.4);box-shadow:0 10px 26px #0a0c1047,inset 0 1px #ffffff40}.stage-cursor.is-shown .cur-dot{opacity:1;transform:translate(-50%,-50%)scale(1)}.stage-cursor.is-drag .cur-dot{background:#121212eb;transform:translate(-50%,-50%)scale(.86)}.stage-cursor.is-shelf .cur-dot{width:36px;height:36px}.cur-dot svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;animation:cur-icon .3s var(--ease-out)}@keyframes cur-icon{0%{opacity:0;transform:scale(.6)rotate(-20deg)}to{opacity:1;transform:none}}.stage-cursor .stage-cursor-chip{transform-origin:0;flex-direction:row;gap:0;padding:8px 11px;top:0;left:30px;transform:translateY(-50%)scale(.9)}.stage-cursor.is-shown .stage-cursor-chip{transform:translateY(-50%)scale(1)}.stage-cursor-chip i{display:none}@media (prefers-reduced-motion:reduce){.cur-dot svg{animation:none}}
