/* Static concert photograph, with a subtle warm cream tone. */
.hero.hero--photo {
  min-height: 0;
  aspect-ratio: auto;
}

.hero--photo .hero-media {
  position: relative;
  inset: auto;
  width: 100%;
  display: block;
}

.hero-photo {
  position: relative;
  width: 100%;
  aspect-ratio: 1920 / 1280;
  overflow: hidden;
}

.hero--photo .hero-photo img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: contain;
  /* Preserve the full choir, including the people at both edges. */
  transform: none;
  filter: sepia(0.28) saturate(0.75);
}

@media (max-width: 1100px) {
  .hero.hero--photo {
    display: grid;
    grid-template-rows: auto auto;
    padding-top: clamp(7.5rem, 15vw, 10rem);
  }

  .hero--photo .hero-center {
    position: relative;
    inset: auto;
    grid-row: 1;
    width: min(33rem, calc(100% - 2.5rem));
    margin-inline: auto;
    padding-bottom: clamp(2rem, 5vw, 3rem);
    transform: none;
  }

  .hero--photo .hero-media {
    grid-row: 2;
  }
}