/* Performance Optimizations for INP Improvement */

/* CSS Containment for better paint performance */
.portfolio-item,
.service-card,
.audio-folder-item {
    contain: layout style paint;
}

/* Optimize transforms for hardware acceleration */
.hero-video-wrapper {
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Optimize portfolio items */
.portfolio-item {
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Optimize image loading */
img {
    content-visibility: auto;
}

/* Optimize animations */
.service-card {
    will-change: transform, opacity;
}

/* Remove will-change after animation completes */
.service-card:not(.animating) {
    will-change: auto;
}

/* Optimize modal rendering */
.modal {
    contain: layout style;
}

/* Optimize audio player */
.audio-folder {
    contain: layout style paint;
}

/* Optimize nav links */
.nav-links {
    contain: layout;
}

/* Optimize form inputs */
input,
textarea,
select {
    contain: layout style;
}

/* Hide scroll indicator on mobile */
@media (max-width: 768px) {
    .scroll-indicator {
        display: none !important;
    }
}