/* Top hero only: the approved sea-to-potato cross-fade preview. */
.poster-hero--slideshow {
  isolation: isolate;
}
.poster-hero--slideshow .poster-hero-media,
.poster-hero--slideshow .poster-hero-potato {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.poster-hero--slideshow .poster-hero-media {
  z-index: -2;
}

.poster-hero--slideshow .poster-hero-potato {
  opacity: 0;
  background: rgb(0 0 0 / 16%);
  pointer-events: none;
}

.poster-hero--slideshow .poster-hero-potato img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.poster-hero--slideshow .poster-hero-potato::after {
  position: absolute;
  inset: 0;
  content: "";
  background: rgb(12 20 12 / 28%);
}

.poster-hero--slideshow.is-slideshow-ready .poster-hero-potato {
  animation: poster-hero-potato-crossfade 20s linear infinite;
}

.poster-hero--slideshow.is-slideshow-document-hidden .poster-hero-potato {
  animation-play-state: paused;
}

@keyframes poster-hero-potato-crossfade {
  0%, 40% { opacity: 0; }
  50%, 90% { opacity: 1; }
  100% { opacity: 0; }
}

@media (max-width: 767px) {
  .poster-hero--slideshow .poster-hero-title { bottom: 40px; }
  .poster-hero--slideshow .poster-hero-potato img {
    object-position: 50% 50%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .poster-hero--slideshow .poster-hero-potato {
    animation: none !important;
    opacity: 0 !important;
  }
}