@import url('perf.css');
/* Keep the desktop fallback frame filled while the WebGPU scene initializes. */
@media (min-width:701px){.fluid-text-stage .hero-bg{object-fit:cover!important}}
.site-header{justify-content:flex-end}.fluid-text-stage{position:absolute;inset:0;z-index:1;overflow:hidden;background:#050303;touch-action:pan-y;cursor:crosshair}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block;background:#050303;transition:opacity .8s ease}.hero-logo{position:absolute;z-index:3;right:15vw;left:auto;top:8vh;width:auto;height:31vh;max-height:none;max-width:22vw;object-fit:contain;display:block;opacity:0;filter:blur(7px) brightness(.75);animation:quietNeon 3.2s .45s cubic-bezier(.2,.7,.2,1) forwards;filter:drop-shadow(0 0 5px rgba(255,255,255,.18)) drop-shadow(0 0 18px rgba(215,30,70,.18))}.fluid-text-stage #fluidTextCanvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:2!important;display:block!important;pointer-events:auto!important;touch-action:pan-y!important;opacity:0;transition:opacity .8s ease}.fluid-text-stage.fluid-ready #fluidTextCanvas{opacity:1}.fluid-text-stage.fluid-ready .hero-bg{opacity:0}.fluid-text-stage.fluid-ready .hero-logo{opacity:0!important;animation:none}.webgpu-unavailable .hero-logo{opacity:1;filter:drop-shadow(0 0 8px rgba(255,255,255,.18))}.mobile-fluid-fallback{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;mix-blend-mode:screen}.hero .veil{z-index:4;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.54) 0,rgba(0,0,0,.26) 36%,rgba(0,0,0,.07) 63%,rgba(0,0,0,.02) 100%),linear-gradient(0deg,rgba(5,3,3,.74) 0,transparent 34%)}.hero-copy{z-index:5;left:5.6vw;bottom:11vh;max-width:640px}.hero-copy small{letter-spacing:.38em}.hero-copy h1{font-size:clamp(50px,6.2vw,92px);line-height:.98;margin:.22em 0 .18em}.hero-copy p{max-width:520px}.scroll{z-index:5;right:2.4vw;bottom:4vh}.signature{isolation:isolate}.signature .fx-steam{transform-origin:center center;will-change:transform}.signature-miso .steam-miso{transform:translateX(7vw) scale(1.14)}@keyframes quietNeon{0%{opacity:0;filter:blur(7px) brightness(.7)}45%{opacity:.32;filter:blur(3px) brightness(.9)}100%{opacity:1;filter:blur(0) brightness(1) drop-shadow(0 0 6px rgba(255,255,255,.16)) drop-shadow(0 0 16px rgba(220,35,75,.16))}}@media(max-width:900px){.hero-copy{left:5vw;bottom:9vh;max-width:58vw}.hero-copy h1{font-size:clamp(44px,7vw,72px)}.signature-miso .steam-miso{transform:translateX(6vw) scale(1.15)}}@media(max-width:700px){.site-header{justify-content:flex-end}.fluid-text-stage,.fluid-text-stage #fluidTextCanvas{touch-action:pan-y!important}.hero-bg{object-fit:contain;object-position:center center}.hero-copy{left:6vw;bottom:7.5vh;max-width:84vw}.hero-copy small{font-size:8px;letter-spacing:.26em}.hero-copy h1{font-size:clamp(40px,11vw,58px);max-width:92vw}.hero-copy p{max-width:78vw}.hero .veil{background:linear-gradient(0deg,rgba(5,3,3,.88) 0,rgba(5,3,3,.22) 40%,rgba(0,0,0,.04) 72%)}.signature .fx-steam{transform:none!important;pointer-events:none!important}.signature-tsubasa .media{object-fit:contain!important;object-position:center 42%!important;background:#000}.signature-tsubasa{background:#000}}@media(prefers-reduced-motion:reduce){.hero-logo{animation:none;opacity:1;filter:none}}