/* ========================================
     ANIMATIONS AU SCROLL - Spacestylist
     ======================================== */

.js-ready .anim-fade-up {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.js-ready .anim-fade-in {
    opacity: 0;
    transition: opacity 0.8s ease;
}

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

.anim-fade-in.is-visible {
    opacity: 1;
}

.js-ready .anim-fade-left {
    opacity: 0;
    transform: translateX(-40px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.anim-fade-left.is-visible {
    opacity: 1;
    transform: translateX(0);
}

.js-ready .anim-delay-1 { transition-delay: 0.15s; }
.js-ready .anim-delay-2 { transition-delay: 0.35s; }
.js-ready .anim-delay-3 { transition-delay: 0.55s; }
.js-ready .anim-delay-4 { transition-delay: 0.75s; }