:root{color-scheme:dark;--font-display: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:#000;-webkit-tap-highlight-color:transparent;overflow:hidden}.scroll{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none}#app,#app canvas{display:block;width:100vw;height:100vh;width:100dvw;height:100dvh}#app{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#app canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;touch-action:pan-y;pointer-events:none}#loader{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000;color:#fff;font-family:var(--font-mono);font-size:13px;letter-spacing:.25em;text-transform:uppercase;z-index:10;transition:opacity .6s ease}#loader.hidden{opacity:0;pointer-events:none}#hero{position:absolute;left:0;right:0;top:var(--loop-bottom, 50%);bottom:0;padding-bottom:env(safe-area-inset-bottom,0px);z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;pointer-events:none;text-align:center;font-family:var(--font-body);opacity:0;transform:translateY(24px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.22,1,.36,1)}#hero.revealed{opacity:1;transform:translateY(0)}.hero__title{margin:0;color:#fff;font-family:var(--font-display);font-weight:800;font-size:clamp(2.25rem,7.5vw,4.5rem);line-height:.98;letter-spacing:-.035em;text-shadow:0 2px 24px rgba(0,0,0,.6)}.hero__cta{pointer-events:auto;display:inline-block;padding:.85rem 2.6rem;border-radius:999px;background:#fff;color:#000;font-family:var(--font-mono);font-size:clamp(.8rem,2vw,.9rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;box-shadow:0 8px 30px #00000073;transition:transform .2s ease,box-shadow .2s ease}.hero__cta:hover{transform:translateY(-2px);box-shadow:0 12px 38px #0000008c}.hero__cta:active{transform:translateY(0)}.hero__features{list-style:none;margin:.2rem 0 0;padding:0;width:max-content;max-width:min(86vw,22rem);display:grid;grid-template-columns:repeat(2,auto);justify-content:center;column-gap:1.6rem;row-gap:.55rem}.hero__features li{display:inline-flex;align-items:center;color:#ffffff9e;font-family:var(--font-mono);font-size:clamp(.6rem,1.5vw,.7rem);font-weight:400;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.hero__features li:before{content:"";width:3px;height:3px;margin-right:.6rem;border-radius:50%;background:currentColor;opacity:.7}.screen{position:relative;z-index:1;width:100%;min-height:100vh;min-height:100dvh}.scroll-cue{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 1.5rem);transform:translate(-50%);z-index:21;pointer-events:none;opacity:0;transition:opacity 1s ease .6s}#hero.revealed~.scroll-cue{opacity:.5}.scroll-cue.gone{opacity:0!important;transition-delay:0s}.scroll-cue__line{display:block;width:1px;height:2.2rem;transform-origin:top;background:linear-gradient(to bottom,#fff0,#fff);animation:scroll-cue-pulse 1.9s ease-in-out infinite}@keyframes scroll-cue-pulse{0%,to{transform:scaleY(.55);opacity:.35}50%{transform:scaleY(1);opacity:1}}.screen--doom{display:grid;place-items:center;padding:2rem clamp(1.5rem,6vw,2.5rem);background:linear-gradient(to bottom,#0000,#000000d9 32%,#000000f0)}.doom__text{max-width:22ch;text-align:center;color:#ffffffeb;font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,5.5vw,2.6rem);line-height:1.16;letter-spacing:-.02em;text-wrap:balance;opacity:0;transform:translateY(22px);transition:opacity 1s ease,transform 1s cubic-bezier(.22,1,.36,1)}.doom__text.in-view{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.scroll-cue__line{animation:none}.doom__text{transition:opacity .4s ease;transform:none}}.nav-toggle{position:fixed;top:calc(env(safe-area-inset-top,0px) + clamp(.9rem,2.5vw,1.5rem));right:calc(env(safe-area-inset-right,0px) + clamp(.9rem,2.5vw,1.5rem));z-index:40;display:flex;flex-direction:column;justify-content:center;gap:5px;width:clamp(2.6rem,8vw,3rem);height:clamp(2.6rem,8vw,3rem);padding:.7rem;border:none;border-radius:999px;background:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:background .2s ease}.nav-toggle:hover{background:#0000008c}.nav-toggle__bar{display:block;width:100%;height:2px;border-radius:2px;background:#fff;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s ease}body.nav-open .nav-toggle__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}body.nav-open .nav-toggle__bar:nth-child(2){opacity:0}body.nav-open .nav-toggle__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#000000d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}body.nav-open .nav-menu{opacity:1;visibility:visible;pointer-events:auto}.nav-menu__list{list-style:none;display:flex;flex-direction:column;align-items:center;gap:clamp(1.4rem,4vh,2.4rem);padding:0;margin:0}.nav-menu__link{color:#fff;font-family:var(--font-display);font-size:clamp(1.7rem,6.5vw,2.8rem);font-weight:700;letter-spacing:-.025em;text-decoration:none;opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1),color .2s ease}.nav-menu__link:hover{color:#bbb}body.nav-open .nav-menu__link{opacity:1;transform:translateY(0)}body.nav-open .nav-menu__list li:nth-child(1) .nav-menu__link{transition-delay:.08s}body.nav-open .nav-menu__list li:nth-child(2) .nav-menu__link{transition-delay:.14s}body.nav-open .nav-menu__list li:nth-child(3) .nav-menu__link{transition-delay:.2s}body.nav-open .nav-menu__list li:nth-child(4) .nav-menu__link{transition-delay:.26s}body.nav-open .nav-menu__list li:nth-child(5) .nav-menu__link{transition-delay:.32s}