[data-split-type="words"] .word {
  opacity: 0;
  display: inline-block;
}

[data-split-type="words"].is-animated .word {
  animation: wordSlide 0.8s cubic-bezier(0.34, 0.16, 0.5, 1.25) forwards;
  animation-delay: calc(var(--index) * 0.06s);
}

@keyframes wordSlide {
  0% {
    opacity: 0;
    transform: translateY(25px) scale(0.92);
  }
  50% {
    opacity: 0.7;
    transform: translateY(-3px) scale(1.03);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

[data-split-type="words"] {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.js-anim-title {
  opacity: 0;
}

.js-anim-title.visible {
  animation: slideInBlurred 1s forwards;
}

@keyframes slideInBlurred {
  from {
    opacity: 0;
    transform: translateX(-50px) rotate(15deg);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    transform: translateX(0) rotate(0);
    filter: blur(0);
  }
}