/**
 * Scroll Text Reveal — styles minimaux.
 * La couleur réelle est appliquée en JS via GSAP (data-reveal-from / to).
 *
 * IMPORTANT : on ne touche jamais au `display` ni à l'alignement du conteneur
 * `.js-scroll-reveal-text` pour préserver la mise en forme d'origine
 * (centrage, line-height, largeur du parent, etc.).
 */

.js-scroll-reveal-text .reveal-word {
    display: inline-block;
    white-space: nowrap;
}

.js-scroll-reveal-text .reveal-unit {
    display: inline-block;
    will-change: color;
    transition: none;
}

@media (prefers-reduced-motion: reduce) {
    .js-scroll-reveal-text .reveal-unit {
        color: inherit !important;
    }
}