.hero-film{--film-ratio:1.6;--film-width:50rem;width:min(100%, var(--film-width));aspect-ratio:16/10;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 7% 93%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-film-media,.hero-film-video,.hero-film-still{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.hero-film-still,.hero-film-media[data-still] .hero-film-video{display:none}.hero-film-media[data-still] .hero-film-still{display:block}@media (min-width:64rem){.hero-film{width:min(100%, var(--film-width), max(20rem, calc((100svh - 22rem) * var(--film-ratio))))}}@media (prefers-reduced-motion:reduce){.hero-film-media .hero-film-video{display:none}.hero-film-media .hero-film-still{display:block}}