.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.2s ease;pointer-events:none}
.hero.video-visible .hero-video{opacity:1}
.hero-media-controls{position:absolute;right:5%;bottom:65px;display:flex;align-items:center;gap:7px;color:white;background:rgba(15,30,24,.65);border:1px solid rgba(255,255,255,.3);border-radius:3px;padding:3px 7px}
.hero-media-controls .icon-button{width:32px;height:32px;color:white}
.hero-media-controls .media-dot{width:28px;height:32px;padding:0;display:grid;place-items:center}
.media-dot:before{content:'';width:6px;height:6px;border-radius:50%;background:transparent;border:1px solid white}
.media-dot[aria-pressed=true]:before{background:white}
@media(max-width:600px){.hero-media-controls{bottom:49px;right:6%}.hero-video{object-position:50% center}}
@media(prefers-reduced-motion:reduce){.hero-video{transition:none}}