/* Keep photo headers in the same wide composition as the 2183px desktop layout. */
@media (max-width: 760px) {
  .photo-page-hero {
    height: auto;
    aspect-ratio: 2183 / 460;
    container-type: inline-size;
    min-height: 0;
    padding: 0;
  }

  .photo-page-hero > .container {
    width: 62.29959cqw;
    max-width: none;
    padding-left: 2.19881cqw;
    padding-right: 2.19881cqw;
  }

  .photo-page-hero .chrome-page-heading {
    min-height: 0;
    max-width: none;
    gap: 1.46587cqw;
  }

  .photo-page-hero .chrome-page-title {
    width: 21.98809cqw;
    max-width: none;
    flex: none;
    margin: 0;
  }

  .photo-page-hero .chrome-page-icon {
    width: 6.41319cqw;
    height: auto;
    filter: drop-shadow(0 0.5497cqw 0.733cqw #0005);
  }

  .photo-page-hero .chrome-page-title > img {
    filter: drop-shadow(0 0.1374cqw 0.3665cqw #000);
  }

  .photo-page-hero .page-hero-photo img,
  .photo-page-hero[data-page-art] .page-hero-photo img,
  .lineup-page-hero .page-hero-photo img {
    object-position: center;
  }

  /* Home has its own wider image treatment; retain its desktop crop and fade. */
  .home-lead-image {
    margin-top: -4.99313vw;
    margin-bottom: 0;
    border-radius: 0;
    mask-image: linear-gradient(to bottom, transparent 0, #000 8.24553vw);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 8.24553vw);
  }

  .home-lead-image img {
    aspect-ratio: 22 / 6.5;
    object-position: center 55%;
  }
}