/* Scandinavian Clean — subtle, precise animations */

[data-animate] {
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.25,0.1,0.25,1),
                transform 0.5s cubic-bezier(0.25,0.1,0.25,1);
}

[data-animate="fade-in"] { opacity: 0; }
[data-animate="slide-up"] { transform: translateY(24px); }
[data-animate="slide-left"] { transform: translateX(24px); }
[data-animate="slide-right"] { transform: translateX(-24px); }

[data-animate].animated {
    opacity: 1;
    transform: none;
}

@keyframes fade-up {
    0% { opacity: 0; transform: translateY(16px); }
    100% { opacity: 1; transform: translateY(0); }
}

.animate-fade-up {
    animation: fade-up 0.5s cubic-bezier(0.25,0.1,0.25,1) forwards;
}

.stagger-1 { animation-delay: 0.05s; }
.stagger-2 { animation-delay: 0.1s; }
.stagger-3 { animation-delay: 0.15s; }
.stagger-4 { animation-delay: 0.2s; }
.stagger-5 { animation-delay: 0.25s; }
.stagger-6 { animation-delay: 0.3s; }