/* Slide-in animation classes */
@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.slide_in {
    /* Visible by default */
    opacity: 1;
    transform: translateY(0);
}


/* Animation delay utilities */
.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }
.delay-400 { animation-delay: 0.4s; }
.delay-500 { animation-delay: 0.5s; }
.delay-600 { animation-delay: 0.6s; }
.delay-700 { animation-delay: 0.7s; }
.delay-800 { animation-delay: 0.8s; }

/* Hero slide-in animation (Cindori-style) */
@keyframes slideInKeyframes {
    to {
        transform: translateY(0);
    }
}

.slide-in.hero-animate {
    animation-name: slideInKeyframes;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

/* TranslateY utility classes for initial animation states */
.ty-20 {
    transform: translateY(20px);
}

.ty-30 {
    transform: translateY(30px);
}

.ty-50 {
    transform: translateY(50px);
}

.ty-100 {
    transform: translateY(100px);
}