/* État initial */
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: 
        opacity 0.8s ease,
        transform 0.8s ease;
}

/* Variante gauche */
.reveal-left {
    transform: translateX(-40px);
}

/* Variante droite */
.reveal-right {
    transform: translateX(40px);
}

/* Quand visible */
.reveal.active {
    opacity: 1;
    transform: translate(0, 0);
}