/* Additions for the Blade/Alpine port. */
[x-cloak] { display: none !important; }
.slider-slide {
  transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1), transform 1s cubic-bezier(0.22, 1, 0.36, 1), visibility 1s;
}
.slider-slide.is-hidden {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-60px) scale(0.97);
  pointer-events: none;
}
.slider-slide.is-hidden.from-left { transform: translateX(60px) scale(0.97); }
.slider-slide.is-active { opacity: 1; visibility: visible; transform: none; z-index: 1; }
.slider-slide.is-active .hero-copy > *,
.slider-slide.is-active .slide-copy > *,
.slider-slide.is-active .hero-scene,
.slider-slide.is-active .slide-art,
.slider-slide.is-active .slide-banner-image {
  animation: rise 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.slider-slide.is-active .hero-copy > :nth-child(2), .slider-slide.is-active .slide-copy > :nth-child(2) { animation-delay: 0.1s; }
.slider-slide.is-active .hero-copy > :nth-child(3), .slider-slide.is-active .slide-copy > :nth-child(3) { animation-delay: 0.2s; }
.slider-slide.is-active .hero-copy > :nth-child(4), .slider-slide.is-active .slide-copy > :nth-child(4) { animation-delay: 0.3s; }
@keyframes rise { from { opacity: 0; transform: translateY(28px); filter: blur(6px); } to { opacity: 1; transform: none; filter: blur(0); } }
.dot-fill { animation: dotfill linear forwards; }
@keyframes dotfill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) {
  .slider-slide, .slider-slide * { animation: none !important; transition: none !important; }
}
.is-filtered { display: none !important; }
