/* Decorative media: never contributes to hero sizing or intercepts input. */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero-media{position:absolute;inset:0;z-index:-1;pointer-events:none;background:#08111b;overflow:hidden}
.hero-media picture,.hero-media img,.hero-media video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:72% center}
.hero-media video{opacity:0;transition:opacity .6s ease}
.hero.is-video-playing .hero-media video{opacity:1}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,27,.97) 0%,rgba(8,17,27,.92) 38%,rgba(8,17,27,.72) 55%,rgba(8,17,27,.16) 82%),linear-gradient(0deg,#08111b 0%,transparent 18%,transparent 85%,rgba(8,17,27,.3) 100%)}
.hero-motion{position:absolute;right:clamp(16px,4vw,32px);bottom:18px;min-height:44px;padding:8px 14px;border:1px solid #2b4157;border-radius:999px;background:#08111b;color:#b6c2ce;font:500 12px/1.4 var(--font-body);cursor:pointer;z-index:1}
.hero-motion[hidden]{display:none}
.hero-motion:hover{color:#eef2f6;border-color:#3dd6f0}
@media(max-width:1023px){
 .hero-media{max-height:820px}
 .hero-media img{object-position:75% top}
 .hero-media::after{background:linear-gradient(90deg,rgba(8,17,27,.94),rgba(8,17,27,.82)),linear-gradient(0deg,#08111b,transparent 35%)}
 .hero-media video,.hero-motion{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-media video,.hero-motion{display:none}.hero-media video{transition:none}}