/* ===================================== */
/* landing Section Animations      */
/* ===================================== */

/* Generic fade-slide animation */
@keyframes fadeSlideUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Initial hidden state */
.our-story-hero {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease-out, transform 0.6s ease-out;
}

/* Triggered when in view */
.our-story-hero.is-visible {
    animation: fadeSlideUp 1s ease-out forwards;
}