/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Animation Classes */
.scroll-item,
.fade-up,
.fade-left,
.fade-right,
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-left {
    transform: translateX(-50px);
}

.fade-right {
    transform: translateX(50px);
}

.fade-in {
    transform: translateY(0);
}

.animated {
    opacity: 1;
    transform: translate(0, 0);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .scroll-item,
    .fade-up,
    .fade-left,
    .fade-right,
    .fade-in {
        transition: opacity 0.8s ease, transform 0.8s ease;
    }
}

/* Optimisation pour mobile */
@media (max-width: 400px) {
    .text-4xl {
        font-size: 2rem;
    }
    
    .text-3xl {
        font-size: 1.75rem;
    }
    
    .text-2xl {
        font-size: 1.5rem;
    }
    
    .text-xl {
        font-size: 1.25rem;
    }
}