/* Custom animations duration and easing */
[data-aos] {
    transition-duration: 800ms;
}

/* Custom animation delays for staggered effects */
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }

/* Ensure animations work smoothly on all devices */
@media screen and (max-width: 768px) {
    [data-aos] {
        transition-duration: 600ms;
    }
}