/* /css/fx-words-blur.css */

.fx-words-blur {
  display: inline-block;
}

/* unités injectées: mot ou lettre */
.fx-blur-unit {
  display: inline-block;
  opacity: 0;
  filter: blur(10px);
  transform: translateY(0);
}

/* will-change uniquement pendant l'anim */
.fx-words-blur.fx-animating .fx-blur-unit {
  will-change: transform, opacity, filter;
}

/* keyframes */
@keyframes fxBlurIn {
  from { opacity: 0; filter: blur(10px); }
  to   { opacity: 1; filter: blur(0); }
}

@keyframes fxBlurUp {
  from { opacity: 0; filter: blur(10px); transform: translateY(10px); }
  to   { opacity: 1; filter: blur(0); transform: translateY(0); }
}

@keyframes fxBlurDown {
  from { opacity: 0; filter: blur(10px); transform: translateY(-10px); }
  to   { opacity: 1; filter: blur(0); transform: translateY(0); }
}

/* a11y reduce motion */
@media (prefers-reduced-motion: reduce) {
  .fx-blur-unit {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
  }
}