/* Performance Optimizations for Hosting */

/* Optimize animations with will-change */
.fade-in {
    will-change: opacity, transform;
    transform: translateZ(0); /* Force hardware acceleration */
}

.service-card,
.project-card,
.stat-item,
.ongoing-project,
.vision-mission-card {
    will-change: opacity, transform;
    transform: translateZ(0);
}

/* Optimize video performance */
.hero-video video {
    will-change: transform;
    transform: translateZ(0);
}

/* Optimize navbar performance */
.navbar {
    will-change: background-color;
    transform: translateZ(0);
}

/* Optimize back to top button */
.back-to-top {
    will-change: opacity, transform;
    transform: translateZ(0);
}

/* Reduce paint operations for smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Optimize images */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Optimize transitions */
* {
    transition-property: opacity, transform, background-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Disable animations on mobile for better performance */
@media (max-width: 768px) {
    .fade-in {
        animation: none !important;
        opacity: 1 !important;
    }
    
    .service-card,
    .project-card,
    .stat-item,
    .ongoing-project,
    .vision-mission-card {
        animation: none !important;
        opacity: 1 !important;
    }
    
    /* Reduce parallax on mobile */
    .hero-video video {
        transform: none !important;
    }
}

/* Optimize for reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    .fade-in {
        animation: none !important;
        opacity: 1 !important;
    }
    
    .hero-video video {
        transform: none !important;
    }
}