.home-page .hero-main[data-home-highlights]::before{z-index:2;pointer-events:none}
.home-page .hero-main[data-home-highlights] .hero-content{z-index:3}
.hero-highlight-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity 800ms cubic-bezier(.23,1,.32,1)}
.hero-highlight-media.is-previous{opacity:1;z-index:0}
.hero-highlight-media.is-active{opacity:1;z-index:1}
@media(prefers-reduced-motion:reduce){.hero-highlight-media{transition:none}}
.a11y-motion .hero-highlight-media{transition:none}