/* Photographs change behind the original, separately rendered -3deg status card. */
.hero-slider { padding-bottom: 0; }
.hero-slider .hero-image { position: relative; }
.hero-slider [data-hero-photo] { position: absolute; inset: 0; }
.hero-copy-stack { display: grid; }
.hero-copy-stack > * { grid-area: 1 / 1; }
.hero-slider [data-hero-slide] {
  opacity: 0;
  visibility: hidden;
  transition: opacity .8s ease, visibility 0s .8s;
}
.hero-slider [data-hero-slide].is-active {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.hero-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; min-height: 40px; margin-top: 8px; }
.hero-slider .hero-index { position: static; }
.hero-slider-controls { display: flex; align-items: center; gap: 2px; }
.hero-slider-controls button { display: grid; place-items: center; width: 32px; height: 36px; padding: 0; border-radius: 5px; }
.hero-slider-controls button:hover { background: var(--sand); }
.hero-slide-dot span { width: 6px; height: 6px; border-radius: 50%; background: var(--line); }
.hero-slide-dot[aria-pressed="true"] span { background: var(--gold); }
.hero-slider-pause { color: var(--gold); }
.hero-slider-pause svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; }
.hero-play-icon { display: none; }
.hero-slider-pause.is-paused .hero-pause-icon { display: none; }
.hero-slider-pause.is-paused .hero-play-icon { display: block; }
@media (prefers-reduced-motion: reduce) {
  .hero-slider [data-hero-slide] { transition: none; }
}