/* Dedicated mobile videos keep their whole frame above the next content area. */
@media (max-width: 767px) {
  .mobile-video-active {
    --mobile-video-height: calc(100vw * 16 / 9);
  }
  .hero.mobile-video-active > video.hero-video {
    height: var(--mobile-video-height);
    object-fit: contain;
    object-position: center top;
  }
  .hero.mobile-video-active > .hero-shade {
    height: var(--mobile-video-height);
  }
  .hero.mobile-video-active .hero-copy {
    min-height: var(--mobile-video-height);
  }
  .im-hero.mobile-video-active {
    height: auto;
    min-height: 0;
    padding: 0;
    overflow: visible;
  }
  .im-hero.mobile-video-active .im-backdrop,
  .im-hero.mobile-video-active > .im-shade {
    bottom: auto;
    height: var(--mobile-video-height);
  }
  .im-hero.mobile-video-active .im-backdrop video {
    object-fit: contain;
    object-position: center top;
  }
  .im-hero.mobile-video-active .im-intake-layout {
    display: block;
    height: auto;
    min-height: 0;
  }
  .im-hero.mobile-video-active .im-hero-copy {
    min-height: var(--mobile-video-height);
    overflow: visible;
  }
  .showroom.mobile-video-active .showroom-background {
    bottom: auto;
    height: var(--mobile-video-height);
  }
  .showroom.mobile-video-active .showroom-video {
    object-fit: contain;
    object-position: center top;
  }
  .showroom.mobile-video-active .showroom-intro {
    min-height: var(--mobile-video-height);
  }
  .company-hero.mobile-video-active {
    min-height: var(--mobile-video-height);
  }
  .company-hero.mobile-video-active > video.company-video,
  .company-hero.mobile-video-active > .company-shade {
    height: var(--mobile-video-height);
  }
  .company-hero.mobile-video-active > video.company-video {
    object-fit: contain;
    object-position: center top;
  }
}