.home-refined .hero-film {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 62% 50%;
  opacity: 0;
  transition: opacity 180ms ease;
  pointer-events: none;
}
.home-refined .hero-film.is-playing { opacity: 1; }
.home-refined .hero[data-film-variant] .hero-film,
.home-refined .hero[data-film-variant] > img { object-position: center; }
.home-refined .hero[data-film-variant]::after {
  background: linear-gradient(90deg, rgba(12,28,43,.68) 0%, rgba(12,28,43,.46) 36%, rgba(12,28,43,.1) 70%, rgba(12,28,43,.04) 100%);
}
@media (max-width: 700px) {
  .home-refined .hero-film { object-position: center; }
  .home-refined .hero[data-film-state] > img { object-position: 36% 50%; }
  .home-refined .hero[data-film-variant] > img { object-position: center; }
  .home-refined .hero[data-film-variant]::after {
    background: linear-gradient(180deg, rgba(12,28,43,.22), rgba(12,28,43,.6) 32%, rgba(12,28,43,.56) 66%, rgba(12,28,43,.22));
  }
}
@media (prefers-reduced-motion: reduce) {
  .home-refined .hero-film { transition: none; }
}