/* Controls stay outside the photo, preserving the published crop and caption. */
.home-showcase { display: flex; flex-direction: column; gap: .75rem; }
.home-showcase-stage { flex: none; order: 0; }
.home-showcase-controls { order: 1; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.home-showcase-controls[hidden] { display: none; }
.home-showcase-controls button { min-height: 44px; padding: .55rem .8rem; border: 1px solid #b6c9c5; border-radius: 999px; background: #fffdfa; color: #143f42; font: inherit; font-size: .875rem; font-weight: 700; cursor: pointer; }
.home-showcase-controls button:hover { background: #e3eeeb; }
.home-showcase-controls button:focus-visible { outline: 3px solid #49304f; outline-offset: 3px; }
.home-showcase-position { margin-inline: auto; font-size: .875rem; font-variant-numeric: tabular-nums; color: #143f42; }
.home-showcase-arrows { display: flex; gap: .4rem; }
.home-showcase-arrows button { min-width: 44px; font-size: 1.25rem; line-height: 1; }
.home-showcase[data-playing="false"] .home-showcase-slide.is-active img,
.home-showcase[data-playing="false"] .home-showcase-progress > span.is-active::after { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  .home-showcase-slide, .home-showcase-slide.is-active { transition: none; }
  .home-showcase-slide.is-active img, .home-showcase-progress > span.is-active::after { animation: none; }
}