.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.reveal-left  { transform: translateX(-60px); opacity: 0; }
.reveal.reveal-right { transform: translateX(60px);  opacity: 0; }
.reveal.reveal-scale { transform: scale(0.88);       opacity: 0; }

.reveal.visible {
    opacity: 1;
    transform: translateY(0) translateX(0) scale(1);
}

.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }
.delay-5 { transition-delay: 0.5s; }
.delay-6 { transition-delay: 0.6s; }