/* Mission & Vision - Instant Load Optimization */

/* Instant fade-in animation on page load */
.mission-vision-card {
    animation: instantFadeIn 0.3s ease-out;
    animation-fill-mode: both;
}

.mission-vision-card:nth-child(1) {
    animation-delay: 0.1s;
}

.mission-vision-card:nth-child(2) {
    animation-delay: 0.2s;
}

@keyframes instantFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile-specific optimization */
@media (max-width: 768px) {
    .mission-vision-card {
        animation: instantFadeIn 0.2s ease-out;
        animation-fill-mode: both;
    }
    
    .mission-vision-card:nth-child(1),
    .mission-vision-card:nth-child(2) {
        animation-delay: 0s; /* Instant on mobile */
    }
}

/* Preload optimization - ensure cards are visible immediately */
@media (prefers-reduced-motion: reduce) {
    .mission-vision-card {
        animation: none;
        opacity: 1;
        transform: none;
    }
}