/*
 * Fondu + léger déplacement pour les éléments marqués `.js-reveal`, activés
 * par ../js/scrollReveal.js à l'entrée dans le viewport (classe `.is-visible`).
 * `.js-reveal-delay-1/2/3` échelonnent le départ de la transition pour une
 * rangée d'éléments. Valeurs reprises telles quelles du custom_style de la
 * page experience-coyote-drive, où ces règles étaient déjà dupliquées.
 */
.js-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .6s ease, transform .6s ease;
}

.js-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.js-reveal-delay-1 {
    transition-delay: .1s;
}

.js-reveal-delay-2 {
    transition-delay: .2s;
}

.js-reveal-delay-3 {
    transition-delay: .3s;
}

@media (prefers-reduced-motion: reduce) {
    .js-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}