/* Hero-video collage: positioned independently from the base stylesheet. */
.hero-film--one { right: calc(26vw + 114px); }
.hero-film--two { right: calc(11vw + 114px); }
.hero-film--three { width: clamp(375px, 24vw, 500px); top: calc(16vh - 38px); right: calc(7vw + 38px); }

@media (min-width: 721px) and (max-width: 1100px) {
  .hero-film--one { top: 10vh; right: calc(20vw + 92px); }
  .hero-film--two { top: 54vh; right: calc(4vw + 92px); }
  .hero-film--three { top: calc(20vh - 38px); right: calc(1vw + 38px); }
}