:root{--ink:#0a0c14;--ink-2:#12151f;--fg:#ece9e1;--muted:#9a9eae;--amber:#ffb43a;--heat:#ff7a1a;--teal:#4fd1c5;--coral:#ff6b8b;--steel:#6e7892;--line:#ece9e124;--panel:#0a0c14b8;--display:"Bricolage Grotesque","Archivo Black","Arial Black",system-ui,sans-serif;--body:"IBM Plex Sans",system-ui,-apple-system,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--gl:max(20px,env(safe-area-inset-left,0px));--gr:max(20px,env(safe-area-inset-right,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:var(--ink)}body{background:var(--ink);color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit}[hidden]{display:none!important}#stage{z-index:0;background:radial-gradient(120% 80% at 50% 110%,#161a2a 0%,var(--ink) 60%);position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}#glow{pointer-events:none;z-index:1;mix-blend-mode:screen;will-change:transform;background:radial-gradient(closest-side,#ffb43a29,#ff7a1a0f 45%,#ffb43a00 70%);border-radius:50%;width:70vmax;height:70vmax;margin:-35vmax 0 0 -35vmax;position:fixed;top:0;left:0;transform:translate(-200vw,-200vh)}#parts{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#parts .act{opacity:0;transition:opacity .35s}#parts .gear{fill:#12151f8c;stroke:var(--teal);stroke-width:1.5px;vector-effect:non-scaling-stroke}#parts .gear.hot{stroke:var(--amber)}#parts .hub{fill:none;stroke:var(--teal);stroke-width:1.5px;vector-effect:non-scaling-stroke}#parts .press{fill:#12151fd9;stroke:var(--teal);stroke-width:1.5px;vector-effect:non-scaling-stroke}#parts .press2{fill:var(--steel);opacity:.8}#parts .tool{fill:#12151fe6;stroke:var(--amber);stroke-width:1.5px}#parts .sparkl{stroke:var(--amber);stroke-width:1.5px;stroke-linecap:round}#parts .arc{fill:none;stroke:var(--amber);stroke-width:2px;opacity:.55;stroke-linecap:round}#parts .guide{fill:none;stroke:var(--teal);stroke-width:1px;stroke-dasharray:3 7;opacity:.5}#parts .hinge{fill:#12151fe6;stroke:var(--teal);stroke-width:2px}#parts .bolt{fill:var(--amber)}#parts .burst{stroke:var(--amber);stroke-width:2px;stroke-linecap:round;opacity:0}#parts .ring{fill:none;stroke:var(--amber);stroke-width:1.5px}#parts .beam{stroke:var(--amber);stroke-width:2px;stroke-linecap:round;opacity:0}#parts .lbl{font:500 11px var(--mono);fill:var(--muted);letter-spacing:.14em;text-transform:uppercase}.spacer{height:620vh}.hdr{z-index:4;padding-block:14px;padding-left:var(--gl);padding-right:var(--gr);padding-top:calc(14px + env(safe-area-inset-top,0px));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.mark{font:800 15px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;align-items:baseline;gap:10px;text-decoration:none;display:flex}.mark small{font:500 11px/1 var(--mono);letter-spacing:.14em;color:var(--muted)}.tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12151fb3;border-radius:999px;padding:9px 13px;text-decoration:none}.btn:hover{border-color:var(--amber)}.btn:focus-visible,.door:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.copy{z-index:3;left:var(--gl);bottom:max(30px,env(safe-area-inset-bottom,0px));max-width:min(620px,calc(100vw - var(--gl) - var(--gr)));opacity:0;pointer-events:none;transition:opacity .45s,transform .45s;position:fixed;transform:translateY(14px)}.copy.on{opacity:1;transform:none}.copy .n{font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;display:flex}.copy .n i{background:var(--amber);width:28px;height:1px;display:inline-block}.copy h2{font:800 clamp(46px,9vw,124px)/.92 var(--display);font-variation-settings:"opsz" 96;letter-spacing:-.025em;text-wrap:balance;margin:.18em 0 .22em}.copy h2 b{color:var(--amber);font-weight:inherit}.copy p{font:400 clamp(15px,1.35vw,19px)/1.5 var(--body);color:#d9d6ce;max-width:34em;margin:0}.hint{z-index:3;left:50%;bottom:max(18px,env(safe-area-inset-bottom,0px));font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);pointer-events:none;flex-direction:column;align-items:center;gap:8px;transition:opacity .4s;display:flex;position:fixed;transform:translate(-50%)}.hint i{background:linear-gradient(var(--amber),transparent);width:1px;height:34px;animation:1.6s ease-in-out infinite drip}@keyframes drip{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)}}.hint.off{opacity:0}.finale{z-index:3;opacity:0;pointer-events:none;padding-left:var(--gl);padding-right:var(--gr);padding-block:calc(70px + env(safe-area-inset-top,0px)) max(28px,env(safe-area-inset-bottom,0px));flex-direction:column;transition:opacity .7s;display:flex;position:fixed;inset:0;overflow:auto}.finale.on{opacity:1;pointer-events:auto}.fin{gap:22px;width:100%;max-width:1200px;margin:auto auto 0;display:grid}.fin .n{font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.fin h1{font:800 clamp(26px,4.2vw,54px)/1.05 var(--display);font-variation-settings:"opsz" 96;letter-spacing:-.02em;text-wrap:balance;max-width:16em;margin:0}.fin h1 b{color:var(--amber);font-weight:inherit}.fin .slogan{font:500 clamp(14px,1.2vw,17px)/1.4 var(--mono);color:var(--teal);letter-spacing:.02em;margin:0}.doors{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:6px;display:grid}@media (max-width:1040px){.doors{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.doors{grid-template-columns:1fr}}.door.next{background:linear-gradient(165deg,#ffb43a0d,#fff0 45%),#04050a47;border-style:dashed;border-color:#ffb43a59}.door.next h3{color:var(--amber);letter-spacing:.12em;font-size:clamp(28px,2.4vw,36px);line-height:.8}.door.next .go{color:var(--amber)}.door.next p{color:#a9a6a0}.door{-webkit-backdrop-filter:blur(16px)saturate(1.2);background:linear-gradient(165deg,#ffffff12,#fff0 42%),#04050a61;border:1px solid #ece9e129;border-top-color:#ece9e147;border-radius:14px;gap:8px;min-width:0;padding:18px 18px 16px;text-decoration:none;transition:transform .25s,border-color .25s,background .25s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0d,0 12px 30px #00000040}.door:hover{border-color:var(--amber);background:linear-gradient(165deg,#ffffff17,#fff0 42%),#04050a85;transform:translateY(-3px)}.door p{text-shadow:0 1px 2px #0009}.door .k{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;display:flex}.door .k em{color:var(--amber);font-style:normal}.door h3{font:800 clamp(20px,1.8vw,26px)/1.1 var(--display);letter-spacing:-.01em;margin:0}.door p{font:400 14px/1.5 var(--body);color:#c9c6be;margin:0}.door .go{font:500 12px/1 var(--mono);color:var(--teal);margin-top:4px}.door.soon{border-style:dashed}.door.soon .go{color:var(--muted)}.fin .foot{font:400 12px/1.5 var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.fin .foot a{color:var(--muted)}#fallback{z-index:5;padding:0 var(--gr) 0 var(--gl);pointer-events:none;position:fixed;top:64px;left:0;right:0}#fallback p{max-width:34em;font:400 14px/1.5 var(--body);color:var(--muted);margin:0}.no-gl .spacer,.no-gl .hint,.no-gl .tools{display:none}.no-gl .finale{opacity:1;pointer-events:auto;transition:none}.no-gl body{background:radial-gradient(120% 80% at 50% 110%,#161a2a 0%,var(--ink) 60%) fixed}.btn.quiet{color:var(--muted);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;padding:9px 6px}.btn.quiet:hover,.btn.quiet:focus-visible{color:var(--fg);border-color:var(--line)}.og .hdr,.og .hint,.og .doors,.og .foot,.og .fin .n,.og #fallback{display:none!important}.og .finale{align-content:end;transition:none}.og .fin h1{max-width:12em;font-size:68px}.og .fin .slogan{font-size:24px}@media (prefers-reduced-motion:reduce){.copy,.finale,.door,#parts .act{transition:none}.hint i{animation:none}}@media (max-width:620px){#parts .lbl{display:none}.finale{padding-top:calc(29vh + env(safe-area-inset-top,0px))}.fin{gap:14px}.door{gap:6px;padding:14px 16px 13px}}@media (max-height:520px) and (orientation:landscape){.copy h2{font-size:clamp(34px,9vh,60px)}.copy p{max-width:26em}.finale{padding-top:calc(60px + env(safe-area-inset-top,0px))}}