/* Hero Section Styles */

/* Hero overlay for readability */
.hero-overlay {
    background: linear-gradient(
        135deg,
        rgba(0, 0, 0, 0.6) 0%,
        rgba(0, 0, 0, 0.4) 50%,
        rgba(0, 0, 0, 0.6) 100%
    );
    pointer-events: none;
}

/* Hero parallax background */
.parallax-bg {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Desktop parallax */
@media (min-width: 1025px) {
    .parallax-bg {
        will-change: transform;
        background-attachment: fixed !important;
    }
}

/* Mobile/Tablet - no parallax */
@media (max-width: 1024px) {
    .parallax-bg {
        background-attachment: scroll !important;
        position: absolute !important;
        transform: none !important;
        -webkit-transform: none !important;
    }
}

/* Hero section always full viewport height */
#hero-parallax {
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
}

/* Ensure hero content is centered and visible */
#hero-parallax .relative.z-10 {
    z-index: 10;
}