/* === SCROLL REVEAL ANIMATION SYSTEM === */
.sr {
    opacity: 0;
    transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1), filter 0.9s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.sr.sr-fade-up { transform: translateY(60px); }
.sr.sr-fade-down { transform: translateY(-40px); }
.sr.sr-fade-left { transform: translateX(-60px); }
.sr.sr-fade-right { transform: translateX(60px); }
.sr.sr-scale { transform: scale(0.85); filter: blur(5px); }
.sr.sr-zoom { transform: scale(0.9); }

.sr.revealed {
    opacity: 1;
    transform: translateY(0) translateX(0) scale(1);
    filter: blur(0);
}

.sr-d1 { transition-delay: 0.1s; }
.sr-d2 { transition-delay: 0.2s; }
.sr-d3 { transition-delay: 0.3s; }
.sr-d4 { transition-delay: 0.4s; }
.sr-d5 { transition-delay: 0.5s; }
.sr-d6 { transition-delay: 0.6s; }
.sr-d7 { transition-delay: 0.7s; }

.sr.sr-slow {
    transition-duration: 1.2s;
}