/* A slow acoustic field, drawn locally with no video download or external service. */
.landing-scene:before{z-index:1}
.landing-scene:after{content:'';position:absolute;inset:-10%;z-index:-3;pointer-events:none;background:radial-gradient(ellipse 35% 45% at 84% 30%,#174d6938,transparent 90%),radial-gradient(ellipse 55% 25% at 65% 87%,#17638a30,transparent 90%);animation:hero-atmosphere 22s ease-in-out infinite alternate}
.landing-copy{position:relative;z-index:2}
#hero-wave-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9}
.hero-motion-toggle{position:absolute;right:5.5%;bottom:24px;z-index:3;display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:9px 13px;border:1px solid #6a90a44d;border-radius:22px;background:#071b29ad;backdrop-filter:blur(10px);color:#9ab9cc;font-size:10px;letter-spacing:.5px}
.hero-motion-toggle:hover{color:#e3f1f8;border-color:#8aafc3}.hero-motion-toggle:focus-visible{outline:2px solid #b2d6e8;outline-offset:4px}.hero-motion-toggle svg{width:12px;height:12px;fill:currentColor}.hero-motion-toggle .motion-play{display:none}.hero-motion-toggle.is-paused .motion-pause{display:none}.hero-motion-toggle.is-paused .motion-play{display:block}
.landing-scene[data-motion=paused]:after{animation-play-state:paused}
@keyframes hero-atmosphere{from{transform:translate3d(-2%,-1%,0)}to{transform:translate3d(2%,2%,0)}}
@media(max-width:760px){#hero-wave-field{opacity:.85}.hero-motion-toggle{right:6%;bottom:18px;font-size:9px;min-height:34px;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){.landing-scene:after{animation:none}}
