/* css/animations.css */

/* Base Reveal Class */
.reveal {
    opacity: 0;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform, opacity;
}

/* Scroll Indicators for Animations */
.reveal-up { transform: translateY(50px); }
.reveal-down { transform: translateY(-50px); }
.reveal-left { transform: translateX(-50px); }
.reveal-right { transform: translateX(50px); }
.reveal-scale { transform: scale(0.8); }

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

/* Delay Utilites */
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }
.delay-400 { transition-delay: 400ms; }
.delay-500 { transition-delay: 500ms; }

/* Staggering helper for grids */
/* The JS will handle the actual delay assignment for staggered children */