/* Containers */
.fx-words-fade,
.fx-words-fade-up,
.fx-words-fade-down {
  display: inline-block;
}

/* Chaque mot injecté par le JS */
.fx-word {
  display: inline-block;
  opacity: 0;
}

/* will-change uniquement pendant l'animation */
.fx-animating .fx-word {
  will-change: transform, opacity;
}

/* Keyframes */
@keyframes fxWordFadeUp {
  from { transform: translateY(100%); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

@keyframes fxWordFadeDown {
  from { transform: translateY(-100%); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

@keyframes fxWordFade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Speed modifiers (classes lues par le JS) */
.fx-words-fade-fast {}
.fx-words-fade-slow {}