/* Fundo independente: mantém o layout e as interações da landing page. */
.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#172e33}
.hero-poster,.hero-poster img,.hero-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 54%}
.hero-video{opacity:0;transition:opacity .6s ease}
.hero-media.is-playing .hero-video{opacity:1}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,46,51,.62),rgba(23,46,51,.38)),linear-gradient(0deg,rgba(23,46,51,.5),transparent 40%)}
@media(max-width:999px){.hero-media::after{background:linear-gradient(180deg,rgba(23,46,51,.55),rgba(23,46,51,.7))}}
@media(prefers-reduced-motion:reduce){.hero-video{transition:none}}