/* ======================================== APPARITION AU SCROLL L'état masqué n'est appliqué QUE si le JS est actif (classe .js-reveal sur ) → sans JS, tout reste visible. ======================================== */ .js-reveal .reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); will-change: opacity, transform; } .js-reveal .reveal.is-visible { opacity: 1; transform: none; } /* Sécurité : on coupe tout si l'utilisateur préfère moins de mouvement */ @media (prefers-reduced-motion: reduce) { .js-reveal .reveal { opacity: 1; transform: none; transition: none; } }