/* Original concert photograph, with a persistent blue-to-colour reveal. */
.hero.hero--reveal {
  min-height: 0;
  aspect-ratio: auto;
}

.hero--reveal .hero-media {
  position: relative;
  inset: auto;
  width: 100%;
  grid-template-rows: auto auto;
}

.hero-photo {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  isolation: isolate;
}

.hero--reveal .hero-photo img,
.hero-photo__blue {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: fill;
  /* Crop 14% from the left/top, retaining the first white suit and watermark. */
  transform: scale(1.1627906977);
  transform-origin: right bottom;
}

.hero--reveal .hero-photo img {
  filter: grayscale(1) sepia(1) hue-rotate(172deg) saturate(1.6);
}

.hero-photo__blue {
  z-index: 1;
  visibility: hidden;
  pointer-events: none;
}

.hero-photo.has-colour-reveal img {
  filter: none;
}

.hero-photo.has-colour-reveal .hero-photo__blue {
  visibility: visible;
}

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

  .hero--reveal .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--reveal .hero-media {
    grid-row: 2;
  }
}