/* Stage 5A: only the second layer of the existing hero photo. */
.hero-photo > .hero-slide-secondary {
  --ix: 0;
  --iy: 0;
  --iw: 570;
  opacity: 0;
  transition: opacity 900ms ease-in-out;
  pointer-events: none;
}
.hero-photo[data-slide-index="1"] > .hero-slide-secondary { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .hero-photo > .hero-slide-secondary { transition: none; }
}