/* =============================================
   ABOUT US PAGE - CUSTOM ANIMATIONS
   Professional, one-time scroll animations
   NO shimmer, NO blur, NO looping
   ============================================= */

/* DISABLE all shimmer effects for About Us images */
.about-image img,
.leader-photo img {
    background: transparent !important;
    background-image: none !important;
    animation: none !important;
}

/* DISABLE blur-up effect */
.about-image img,
.leader-photo img {
    filter: none !important;
    backdrop-filter: none !important;
}

/* DISABLE scale effect - images should NOT scale */
.about-image img,
.leader-photo img {
    transform: none !important;
}

/* Override any hover effects on images */
.about-image:hover img,
.leader-photo:hover img {
    transform: none !important;
    box-shadow: 0 10px 30px rgba(15, 44, 74, 0.15) !important;
    /* Keep original shadow only */
}

/* Stats animation - count up effect */
.stat-number {
    transition: all 0.3s ease;
}

/* Category and value cards - professional timing */
.category-card,
.value-item,
.diff-card {
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.6s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Depth cards - smooth entrance animation */
.depth-card {
    opacity: 1;
    transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Mission/Vision cards - smooth directional entrance */
.grid-2>div {
    will-change: transform, opacity;
}

/* NO LOOPING - animations trigger once only */
.animate-on-scroll.visible,
.slide-left.visible,
.slide-right.visible,
.scale-in.visible,
.fade-in.visible {
    /* Animation completes and stays */
    will-change: auto;
    /* Release resources after animation */
}

/* Professional timing for About Us */
@media (prefers-reduced-motion: no-preference) {

    /* Text animations - 500-700ms range */
    .about-content h2,
    .about-content p,
    .section-title,
    .section-subtitle {
        transition-duration: 0.6s;
        /* 600ms - middle of range */
    }

    /* Image container animations - slide and fade only */
    .about-image.slide-right,
    .about-image.slide-left {
        transition-duration: 0.7s;
        /* 700ms */
    }

    /* Stats - quick but smooth */
    .about-stats {
        transition-duration: 0.5s;
        /* 500ms */
    }
}

/* Mobile optimization - even subtler */
@media (max-width: 768px) {

    /* Faster animations on mobile for responsiveness */
    .animate-on-scroll,
    .slide-left,
    .slide-right {
        transition-duration: 0.4s !important;
    }
}

/* Accessibility - respect reduced motion */
@media (prefers-reduced-motion: reduce) {

    .about-image,
    .leader-photo {
        transform: none !important;
        transition: opacity 0.2s ease !important;
    }

    .about-image img,
    .leader-photo img {
        transform: none !important;
        filter: none !important;
    }

    .slide-left,
    .slide-right {
        transform: none !important;
    }
}