/* Global Scroll Animations (Apple-like) */

/* Base Transition Settings */
:root {
    --ease-apple: cubic-bezier(0.16, 1, 0.3, 1);
    --duration-base: 0.8s;
}

/* 
 * Apple AirPlay Style Reveal
 * Initial State: 100px down, 0 opacity. No scale scaling.
 */
.animate-fade-scale {
    opacity: 0;
    transform: translateY(100px);
    /* Apple uses roughly 100px offset */
    transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1),
        transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

/* Visible State */
.animate-fade-scale.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger Delays (Utility classes) */
.delay-100 {
    transition-delay: 0.1s;
}

.delay-200 {
    transition-delay: 0.2s;
}

.delay-300 {
    transition-delay: 0.3s;
}

.delay-400 {
    transition-delay: 0.4s;
}

.delay-500 {
    transition-delay: 0.5s;
}

/* 
 * Simple Fade Up (Alternative)
 */
.animate-fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.animate-fade-up.is-visible {
    opacity: 1;
    transform: translateY(0);
}