.br-hero-film { min-width: 0; margin: 0; }
.br-hero-film-frame { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid #343438; border-radius: 16px; background: #101014; box-shadow: 0 20px 64px rgb(0 0 0 / 18%); }
.br-hero-film-poster, .br-hero-film-poster img, .br-hero-film-video { display: block; width: 100%; height: 100%; }
.br-hero-film-poster img, .br-hero-film-video { object-fit: contain; }
.br-hero-film-video { position: absolute; inset: 0; opacity: 0; }
.br-hero-film-video.is-playing { opacity: 1; }
.br-hero-film figcaption { margin-top: 12px; color: #b4b4ba; font-size: .75rem; text-align: center; }
@media (max-width: 767px) {
    .br-hero-film-frame { width: min(100%, 300px); margin-inline: auto; aspect-ratio: 9 / 16; }
}