.hero>.kara-hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.2s ease;pointer-events:none;z-index:0}
.hero>.kara-hero-film.playing{opacity:1}
.hero:has(>.kara-hero-film)>img{position:relative;z-index:0;pointer-events:none}
.hero:has(>.kara-hero-film.playing)>img{opacity:0}
.hero:has(>.kara-hero-film):after{z-index:1}
.hero:has(>.kara-hero-film) :is(.hero-copy,.hero-bottom){z-index:2}
@media(max-width:760px){.hero>.kara-hero-film{object-position:60% center}}
@media(prefers-reduced-motion:reduce){.hero>.kara-hero-film{display:none!important}.hero:has(>.kara-hero-film)>img{opacity:1!important}}

.hero:has(>.kara-hero-film)>img{transition:opacity 1.2s ease}