*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:#030512;overflow:hidden}
.page{position:relative;width:100vw;height:100svh;height:100dvh;overflow:hidden;background:#030512}
.hero-artboard{position:fixed;inset:0;width:100vw;height:100dvh;object-fit:fill;object-position:center center;display:block;z-index:1;background:#030512}
.particle-canvas{position:fixed;inset:0;width:100vw;height:100dvh;z-index:5;pointer-events:none;mix-blend-mode:screen;opacity:.20}
@media(max-width:600px){.particle-canvas{opacity:.13}}
@media(prefers-reduced-motion:reduce){.particle-canvas{display:none}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}