.reveal {
    opacity: 0;
    transform: translateY(20px) scale(0.99);
    transition: opacity 600ms ease-out, transform 600ms ease-out;
    will-change: opacity, transform;
}

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

.reveal-left { transform: translateX(-20px) scale(0.99); }
.reveal-right { transform: translateX(20px) scale(0.99); }

.reveal-delay-1 { transition-delay: 80ms; }
.reveal-delay-2 { transition-delay: 160ms; }
.reveal-delay-3 { transition-delay: 240ms; }
.reveal-delay-4 { transition-delay: 320ms; }

.reveal-slow { transition-duration: 900ms; }