/* The supplied mobile film is an authored 9:16 composition, not a crop of the desktop film.
   Fit the hero to that frame rather than trimming the film to a variable browser viewport. */
@media (max-width: 700px) {
  body[data-page="home"] .hero {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: 9 / 16;
    background-image: url('/assets/grove-film-mobile-portrait-poster.jpg');
    background-size: contain;
    background-repeat: no-repeat;
  }
  body[data-page="home"] .hero video {
    object-fit: contain;
  }
}