/* ================= SCROLL REVEAL SYSTEM ================= */

/* Base hidden state */
.reveal {
    opacity: 0;
    transition: 
        opacity 0.9s ease,
        transform 0.9s ease;
    will-change: transform, opacity;
}

/* Directions */
.reveal-left {
    transform: translateX(-80px);
}

.reveal-right {
    transform: translateX(80px);
}

.reveal-up {
    transform: translateY(80px);
}

.reveal-down {
    transform: translateY(-80px);
}

.reveal-scale {
    transform: scale(0.9);
}

/* Active state */
.reveal.active {
    opacity: 1;
    transform: translate(0,0) scale(1);
}

.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.25s; }
.delay-3 { transition-delay: 0.4s; }
.delay-4 { transition-delay: 0.55s; }
.delay-5 { transition-delay: 0.7s; }    
.delay-6 { transition-delay: 0.85s; }
.delay-7 { transition-delay: 1s; }
.delay-8 { transition-delay: 1.15s; }
.delay-9 { transition-delay: 1.3s; }