/* Home hero slider: slides fade into each other; the active one's photo drifts slowly. */
[data-hero-slides] [data-hero-slide] {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.9s ease, visibility 0s linear 0.9s;
}
[data-hero-slides] [data-hero-slide][data-active="true"] {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  transition: opacity 0.9s ease, visibility 0s;
}
/* Without JavaScript the first slide simply shows. */
[data-hero-slides]:not(.hero-js) [data-hero-slide]:first-child {
  opacity: 1;
  visibility: visible;
}
[data-hero-slides] .hero-zoom {
  transform: scale(1);
  transition: transform 7s ease-out;
}
[data-hero-slides] [data-hero-slide][data-active="true"] .hero-zoom {
  transform: scale(1.08);
}
[data-hero-slides] [data-hero-slide] .hero-rise {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.7s ease 0.25s, transform 0.7s ease 0.25s;
}
[data-hero-slides] [data-hero-slide][data-active="true"] .hero-rise,
[data-hero-slides]:not(.hero-js) [data-hero-slide]:first-child .hero-rise {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  [data-hero-slides] .hero-zoom { transition: none; transform: none !important; }
  [data-hero-slides] [data-hero-slide] .hero-rise { transform: none; }
}