/* ============================================
   Spomotion - Animation Utilities
   ============================================ */

/* Scroll Reveal Utilities */
.reveal-up {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.reveal-up.active {
    opacity: 1;
    transform: translateY(0);
}

.reveal-fade {
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.reveal-fade.active {
    opacity: 1;
}

.reveal-scale {
    opacity: 0;
    transform: scale(0.95);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.reveal-scale.active {
    opacity: 1;
    transform: scale(1);
}

/* Stagger reveals */
.stagger-1 {
    transition-delay: 0.1s !important;
}

.stagger-2 {
    transition-delay: 0.2s !important;
}

.stagger-3 {
    transition-delay: 0.3s !important;
}

.stagger-4 {
    transition-delay: 0.4s !important;
}

.stagger-5 {
    transition-delay: 0.5s !important;
}

.stagger-6 {
    transition-delay: 0.6s !important;
}