.hero-slider[data-animation="fade"] .hero-slide {
  transition: opacity 1s ease;
}

.hero-slider[data-animation="slide"] .hero-slide,
.hero-slider[data-animation="cards"] .hero-slide,
.hero-slider[data-animation="squeeze"] .hero-slide,
.hero-slider[data-animation="squeezev"] .hero-slide {
  opacity: 1;
  background-color: var(--navy-800);
}

.hero-slider[data-animation="flip"] .hero-slide,
.hero-slider[data-animation="cube"] .hero-slide,
.hero-slider[data-animation="cubev"] .hero-slide,
.hero-slider[data-animation="door"] .hero-slide,
.hero-slider[data-animation="curtain"] .hero-slide,
.hero-slider[data-animation="grid"] .hero-slide,
.hero-slider[data-animation="panjur"] .hero-slide,
.hero-slider[data-animation="panjurv"] .hero-slide,
.hero-slider[data-animation="wave"] .hero-slide,
.hero-slider[data-animation="squeeze"] .hero-slide,
.hero-slider[data-animation="squeezev"] .hero-slide {
  transition: none;
}

.hero-slider[data-animation="slide"] .hero-slide {
  transform: translateX(100%);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}

.hero-slider[data-animation="slide"] .hero-slide[data-active="true"] {
  transform: translateX(0);
}

.hero-slider[data-animation="slide"] .hero-slide.is-exit-left {
  transform: translateX(-100%);
  z-index: 2;
}

.hero-slider[data-animation="slide"] .hero-slide.is-exit-right {
  transform: translateX(100%);
  z-index: 2;
}

.hero-slider[data-animation="slide"] .hero-slide.is-enter-left {
  transform: translateX(-100%);
}

.hero-slider[data-animation="zoom"] .hero-slide {
  transform: scale(0.85);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.hero-slider[data-animation="zoom"] .hero-slide[data-active="true"] {
  transform: scale(1);
}

.hero-slider[data-animation="kenburns"] .hero-slide {
  transition: opacity 1.2s ease;
  transform: scale(1);
}

.hero-slider[data-animation="kenburns"] .hero-slide[data-active="true"] {
  animation: heroKenBurns 20s ease-in-out forwards;
}

@keyframes heroKenBurns {
  0% { transform: scale(1) translate(0, 0); }
  100% { transform: scale(1.08) translate(-1%, -0.5%); }
}

.hero-slider[data-animation="blur"] .hero-slide {
  filter: blur(20px);
  transition: opacity 0.8s ease, filter 0.8s ease;
}

.hero-slider[data-animation="blur"] .hero-slide[data-active="true"] {
  filter: blur(0);
}

.hero-slider[data-animation="cards"] .hero-slide {
  transform: translateX(100%);
  transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1),
              opacity 0.7s ease,
              filter 0.7s ease;
}

.hero-slider[data-animation="cards"] .hero-slide[data-active="true"] {
  transform: translateX(0);
  z-index: 3;
}

.hero-slider[data-animation="cards"] .hero-slide.is-cards-exit {
  transform: scale(0.9);
  opacity: 0.5;
  filter: brightness(0.6);
  z-index: 1;
}

.hero-slider[data-animation="creative"] .hero-slide {
  transform: scale(0.8) rotate(5deg);
  transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.hero-slider[data-animation="creative"] .hero-slide[data-active="true"] {
  transform: scale(1) rotate(0deg);
}

.hero-slider[data-animation="rotate"] .hero-slide {
  transform: rotate(180deg) scale(0.3);
  transition: opacity 1s ease, transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.hero-slider[data-animation="rotate"] .hero-slide[data-active="true"] {
  transform: rotate(0deg) scale(1);
}

.hero-slider[data-animation="morph"] .hero-slide {
  transform: scale(1.05) translateX(-2%);
  transition: opacity 1.2s ease, transform 1.2s ease;
}

.hero-slider[data-animation="morph"] .hero-slide[data-active="true"] {
  transform: scale(1) translateX(0);
}

.hero-slide__stage {
  position: absolute;
  inset: 0;
  z-index: 4;
  transform-style: preserve-3d;
}

.hero-slide__clone {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}

.hero-slide__stage .hero-slide__clone {
  z-index: auto;
}

.hero-slide__content > * {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s var(--ease-out) var(--hero-td),
              transform 0.7s var(--ease-out) var(--hero-td);
}

.hero-slider .hero-slide[data-active="true"] .hero-slide__content > * {
  opacity: 1;
  transform: none;
}

.hero-slider[data-text-animation="fadeDown"] .hero-slide__content > * {
  transform: translateY(-30px);
}

.hero-slider[data-text-animation="fadeLeft"] .hero-slide__content > * {
  transform: translateX(-50px);
}

.hero-slider[data-text-animation="fadeRight"] .hero-slide__content > * {
  transform: translateX(50px);
}

.hero-slider[data-text-animation="zoomIn"] .hero-slide__content > * {
  transform: scale(0.5);
}

.hero-slider[data-text-animation="zoomOut"] .hero-slide__content > * {
  transform: scale(1.5);
}

.hero-slider[data-text-animation="typewriter"] .hero-slide__content > * {
  transform: none;
  clip-path: inset(0 100% 0 0);
  transition: opacity 0.01s ease var(--hero-td),
              clip-path 0.8s steps(20, end) var(--hero-td);
}

.hero-slider[data-text-animation="typewriter"] .hero-slide[data-active="true"] .hero-slide__content > * {
  clip-path: inset(0 0 0 0);
}

.hero-slider[data-text-animation="blur"] .hero-slide__content > * {
  transform: none;
  filter: blur(10px);
  transition: opacity 0.7s ease var(--hero-td), filter 0.7s ease var(--hero-td);
}

.hero-slider[data-text-animation="blur"] .hero-slide[data-active="true"] .hero-slide__content > * {
  filter: blur(0);
}

.hero-slider[data-text-animation="bounce"] .hero-slide__content > * {
  transform: translateY(50px);
  transition: opacity 0.7s ease var(--hero-td),
              transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) var(--hero-td);
}

.hero-slider[data-text-animation="flip"] .hero-slide__content {
  perspective: 800px;
}

.hero-slider[data-text-animation="flip"] .hero-slide__content > * {
  transform: rotateX(90deg);
  transform-origin: center bottom;
}

.hero-slider[data-text-animation="spiral"] .hero-slide__content > * {
  transform: rotate(360deg) scale(0);
  transition: opacity 0.8s ease var(--hero-td), transform 0.8s ease var(--hero-td);
}

.hero-slider[data-text-animation="elastic"] .hero-slide__content > * {
  transform: translateY(40px) scale(0.9);
  transition: opacity 0.7s ease var(--hero-td),
              transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) var(--hero-td);
}

.hero-slider[data-text-animation="swing"] .hero-slide__content > * {
  transform: none;
  transform-origin: top center;
  transition: none;
}

.hero-slider[data-text-animation="swing"] .hero-slide[data-active="true"] .hero-slide__content > * {
  animation: heroTextSwing 1s ease var(--hero-td) both;
}

@keyframes heroTextSwing {
  0% { opacity: 0; transform: rotateZ(-15deg); }
  20% { opacity: 1; }
  40% { transform: rotateZ(10deg); }
  60% { transform: rotateZ(-5deg); }
  80% { transform: rotateZ(3deg); }
  100% { opacity: 1; transform: rotateZ(0); }
}

.hero-slider[data-text-animation="glitch"] .hero-slide__content > * {
  transform: none;
  transition: none;
}

.hero-slider[data-text-animation="glitch"] .hero-slide[data-active="true"] .hero-slide__content > * {
  animation: heroTextGlitch 0.8s ease var(--hero-td) both;
}

@keyframes heroTextGlitch {
  0% { opacity: 0; transform: translate(0); clip-path: inset(0 0 100% 0); }
  10% { opacity: 1; clip-path: inset(20% 0 40% 0); transform: translate(-5px, 2px); }
  20% { clip-path: inset(60% 0 10% 0); transform: translate(5px, -2px); }
  30% { clip-path: inset(10% 0 60% 0); transform: translate(-3px, 1px); }
  40% { clip-path: inset(40% 0 20% 0); transform: translate(3px, -1px); }
  50% { clip-path: inset(0); transform: translate(-2px, 2px); }
  60% { transform: translate(2px, -1px); }
  70% { transform: translate(-1px, 1px); }
  80% { transform: translate(1px, 0); }
  100% { opacity: 1; transform: translate(0); clip-path: inset(0); }
}

.hero-slider[data-text-animation="neon"] .hero-slide__content > * {
  transform: none;
  transition: none;
}

.hero-slider[data-text-animation="neon"] .hero-slide[data-active="true"] .hero-slide__content > * {
  animation: heroTextNeon 1.2s ease var(--hero-td) both;
}

@keyframes heroTextNeon {
  0% { opacity: 0; text-shadow: none; }
  10% { opacity: 1; text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(232, 137, 27, 0.6); }
  20% { opacity: 0.4; text-shadow: none; }
  30% { opacity: 1; text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 30px rgba(232, 137, 27, 0.8); }
  40% { opacity: 0.6; text-shadow: 0 0 5px rgba(255, 255, 255, 0.3); }
  50% { opacity: 1; text-shadow: 0 0 15px rgba(255, 255, 255, 0.9), 0 0 40px rgba(232, 137, 27, 0.7); }
  100% { opacity: 1; text-shadow: 0 0 5px rgba(255, 255, 255, 0.3), 0 0 15px rgba(232, 137, 27, 0.3); }
}

.hero-slider[data-text-animation="underlineSweep"] .hero-slide__content > * {
  position: relative;
  transform: translateY(20px);
  transition: opacity 0.6s ease var(--hero-td), transform 0.6s ease var(--hero-td);
}

.hero-slider[data-text-animation="underlineSweep"] .hero-slide__content > .hero__title::after,
.hero-slider[data-text-animation="underlineSweep"] .hero-slide__content > .hero__lead::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.6s ease calc(var(--hero-td) + 0.4s);
}

.hero-slider[data-text-animation="underlineSweep"] .hero-slide[data-active="true"] .hero-slide__content > .hero__title::after,
.hero-slider[data-text-animation="underlineSweep"] .hero-slide[data-active="true"] .hero-slide__content > .hero__lead::after {
  transform: scaleX(1);
}

.hero-slider[data-text-animation="maskSweep"] .hero-slide__content > * {
  transform: none;
  clip-path: inset(0 100% 0 0);
  transition: opacity 0.01s ease var(--hero-td),
              clip-path 0.8s cubic-bezier(0.77, 0, 0.175, 1) var(--hero-td);
}

.hero-slider[data-text-animation="maskSweep"] .hero-slide[data-active="true"] .hero-slide__content > * {
  clip-path: inset(0 0 0 0);
}

.hero-slider[data-text-animation="letterByLetter"] .hero-slide__content > *,
.hero-slider[data-text-animation="letterDrop"] .hero-slide__content > *,
.hero-slider[data-text-animation="letterScatter"] .hero-slide__content > * {
  opacity: 1;
  transform: none;
  transition: none;
}

.hero-slider[data-text-animation="letterByLetter"] .hero-slide__content > .hero__actions,
.hero-slider[data-text-animation="letterDrop"] .hero-slide__content > .hero__actions,
.hero-slider[data-text-animation="letterScatter"] .hero-slide__content > .hero__actions {
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition-delay: var(--hero-actions-delay, 0.8s);
}

.hero-slider[data-text-animation="letterByLetter"] .hero-slide[data-active="true"] .hero-slide__content > .hero__actions,
.hero-slider[data-text-animation="letterDrop"] .hero-slide[data-active="true"] .hero-slide__content > .hero__actions,
.hero-slider[data-text-animation="letterScatter"] .hero-slide[data-active="true"] .hero-slide__content > .hero__actions {
  opacity: 1;
  transform: none;
}

.hero-slider[data-text-animation="letterByLetter"] .hero-slide__content > .hero__actions {
  transform: translateY(10px);
}

.hero-slider[data-text-animation="letterDrop"] .hero-slide__content > .hero__actions {
  transform: translateY(-20px);
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: var(--hero-actions-delay, 0.8s);
}

.hero-slider[data-text-animation="letterScatter"] .hero-slide__content > .hero__actions {
  transform: scale(0.8);
  transition: opacity 0.4s ease, transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--hero-actions-delay, 0.8s);
}

.hero-slide .char-anim {
  display: inline-block;
  opacity: 0;
}

.hero-slider[data-text-animation="letterByLetter"] .hero-slide .char-anim {
  transition: opacity 0.15s ease;
  transition-delay: calc(var(--ci) * var(--hero-char-delay, 0.04s));
}

.hero-slider[data-text-animation="letterByLetter"] .hero-slide[data-active="true"] .char-anim {
  opacity: 1;
}

.hero-slider[data-text-animation="letterDrop"] .hero-slide .char-anim {
  transform: translateY(-40px);
  transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: calc(var(--ci) * var(--hero-char-delay, 0.04s));
}

.hero-slider[data-text-animation="letterDrop"] .hero-slide[data-active="true"] .char-anim {
  opacity: 1;
  transform: translateY(0);
}

.hero-slider[data-text-animation="letterScatter"] .hero-slide .char-anim {
  transform: translate(var(--sx, 0px), var(--sy, 0px)) rotate(var(--sr, 0deg));
  transition: opacity 0.4s ease, transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: calc(var(--ci) * var(--hero-char-delay, 0.03s));
}

.hero-slider[data-text-animation="letterScatter"] .hero-slide[data-active="true"] .char-anim {
  opacity: 1;
  transform: translate(0, 0) rotate(0deg);
}

@media (prefers-reduced-motion: reduce) {
  .hero-slider .hero-slide,
  .hero-slider .hero-slide__content > *,
  .hero-slider .hero-slide .char-anim {
    transition-duration: 1ms !important;
    transition-delay: 0ms !important;
    animation: none !important;
  }

  .hero-slider .hero-slide {
    transform: none !important;
    filter: none !important;
  }

  .hero-slider .hero-slide__content > *,
  .hero-slider .hero-slide[data-active="true"] .char-anim {
    opacity: 1;
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
  }

  .hero-slider .hero-slide:not([data-active="true"]) .hero-slide__content > * {
    opacity: 0;
  }
}