/* Hero overlay smooth fade transitions */
.hero-overlay {
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    will-change: opacity;
}

.hero-overlay.active { 
    opacity: 1; 
}