/* Homepage introduction only. The About page keeps its existing player art. */
@media (max-width: 48rem), (max-height: 32rem) and (max-width: 64rem) {
  .homepage-elie-introduction__video {
    aspect-ratio: 3 / 4;
  }

  /* The shared inner still would otherwise cover the responsive picture. */
  .homepage-elie-introduction__video .about-elie-video__inner-still {
    display: none;
  }

  .homepage-elie-introduction__video .about-elie-video__poster img {
    object-position: center;
  }

  .homepage-elie-introduction__video .about-elie-video__player {
    object-position: 50% 48%;
  }

  /* The old poster's ornaments were baked into its lettering artwork. Keep
     the independent celestial backdrop and give the clean portrait an edge. */
  .homepage-elie-introduction__video::after {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: block;
    content: "";
    background: linear-gradient(180deg, rgb(5 21 34 / .12), transparent 28%, transparent 67%, rgb(5 21 34 / .45));
    box-shadow: inset 0 0 0 1px rgb(232 195 115 / .45), inset 0 0 2.25rem rgb(5 21 34 / .32);
    pointer-events: none;
  }

  .homepage-elie-introduction__video .about-elie-video__mobile-controls,
  .homepage-elie-introduction__video.is-initialized .about-elie-video__mobile-controls {
    top: 78%;
    width: min(72%, 22rem);
  }

  .homepage-elie-introduction__video.is-initialized .about-elie-video__mobile-controls {
    top: 82%;
    gap: .15rem;
  }

  .homepage-elie-introduction__video .about-elie-video__seek {
    height: 2.75rem;
  }
}