@keyframes hero-rise-8{0%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes hero-rise-12{0%{transform:translateY(12px)}to{transform:translateY(0)}}@keyframes hero-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-h1{animation:hero-rise-8 .5s var(--ease-out)both}.hero-num{animation:hero-rise-12 .5s var(--ease-out)both}.hero-in{animation:hero-in .5s var(--ease-out)both;animation-delay:calc(var(--i,0)*80ms)}@media (max-width:1023px) and (max-height:700px){.hero-stage-box{height:24svh}.hero-body{margin-top:-2rem}.hero-body .hero-lead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero-body .hero-h1{font-size:clamp(20px,5.6vw,26px)}}@media (max-width:1023px) and (max-height:480px){.hero-stage-box{height:18svh}.hero-body .hero-h1{font-size:22px;line-height:1.2}}@keyframes hero-poster-sway{0%{transform:translate(-.8%)scale(1.04)}to{transform:translate(.8%)scale(1.04)}}canvas[data-hero-poster]{will-change:transform;animation:60s ease-in-out infinite alternate hero-poster-sway}section:has([data-hero-pause][aria-pressed=true]) canvas[data-hero-poster]{animation-play-state:paused}