*,:after,:before{box-sizing:border-box}html,body{min-height:100%}html{background:#07060a}body{color:#fff;width:100%;min-height:100svh;margin:0;font-family:Montserrat,sans-serif;overflow:hidden}#shader-canvas{z-index:0;opacity:0;touch-action:none;width:100%;height:100%;transition:opacity .9s;position:fixed;inset:0}.is-shader-ready #shader-canvas{opacity:1}.is-shader-fallback body{background:radial-gradient(60% 45% at 28% 30%,#ff8a002e,#0000 70%),radial-gradient(55% 40% at 70% 28%,#ff2c7324,#0000 70%),radial-gradient(65% 50% at 55% 72%,#9a35ff1f,#0000 70%),#07060a}.intro{top:var(--intro-top,58svh);z-index:2;text-align:center;width:100%;padding:0 clamp(1rem,3vw,2.5rem);position:fixed;left:0}.intro h1,.intro p{color:#fff;text-shadow:0 .1rem 1.2rem #00000080;overflow-wrap:break-word;max-width:100%;margin:0;font-weight:300}.intro h1{text-wrap:balance;margin-bottom:clamp(.25rem,1vw,.6rem);font-size:clamp(2rem,5vw,4.5rem);line-height:1.05}.intro p{opacity:.86;font-size:clamp(1rem,3vw,2rem);font-weight:100}@media (width<=640px){.intro h1{font-size:clamp(1.75rem,8vw,2.6rem);line-height:1.08}.intro p{font-size:clamp(.95rem,5vw,1.4rem)}}@media (prefers-reduced-motion:reduce){#shader-canvas{transition:none}}