[data-hero-slideshow] {
  background: center / cover no-repeat url("/assets/wp-content/uploads/2023/09/DJ-Setup-at-Hotel-Emma-1.jpg.webp");
}

.hero-slideshow {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.hero-slideshow__slide {
  position: absolute;
  inset: 0;
  background: center / cover no-repeat;
  opacity: 0;
  transition: opacity 500ms ease;
}

.hero-slideshow__slide.is-active {
  opacity: 1;
}

.hero-slideshow__slide.has-zoom {
  animation: hero-zoom 5500ms linear forwards;
}

[data-hero-slideshow] > .tte-background-overlay {
  z-index: 1;
  pointer-events: none;
}

[data-hero-slideshow] > .tte-row {
  z-index: 2;
}

.hero-slideshow.is-paused .hero-slideshow__slide {
  animation-play-state: paused;
}

@keyframes hero-zoom {
  from { transform: scale(1); }
  to { transform: scale(1.1); }
}

@media (prefers-reduced-motion: reduce) {
  .hero-slideshow__slide.has-zoom { animation: none; }
  .hero-slideshow__slide { transition: none; }
}