/* Anniversary photo header: palette-tinted film beneath copy and motion. */
.hero {
  --anniversary-header-tint: 89, 52, 46;
  isolation: isolate;
}
.hero > .hero-media,
.hero > .hero-photo {
  z-index: 0;
}
.hero > .hero-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(var(--anniversary-header-tint), 0.72) 0%,
    rgba(var(--anniversary-header-tint), 0.68) 45%,
    rgba(var(--anniversary-header-tint), 0.68) 70%,
    rgba(var(--anniversary-header-tint), 0.76) 100%
  );
}
.hero > .hero-light {
  z-index: 2;
}
.hero > .hero-copy,
.hero > .hero-top {
  z-index: 4;
}