:root { --reveal-duration: 520ms; --reveal-distance: 20px; --reveal-interval: 100ms; --reveal-delay-cap: 350ms; --reveal-easing: cubic-bezier(.2,.65,.3,1); }
.scroll-reveals .scroll-reveal { opacity: 0; translate: 0 var(--reveal-distance); transition: opacity var(--reveal-duration) var(--reveal-easing), translate var(--reveal-duration) var(--reveal-easing); transition-delay: var(--reveal-delay, 0ms); }
.scroll-reveals .scroll-revealed { opacity: 1; translate: none; }
.scroll-reveals .reveal-immediate { transition: none; }
@media (prefers-reduced-motion: reduce) { .scroll-reveals .scroll-reveal { opacity: 1; translate: none; transition: none; } }
@media print { .scroll-reveals .scroll-reveal { opacity: 1; translate: none; transition: none; } }