/* Lenis Smooth Scroll Recommended CSS */
html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}


/* Initial states for GSAP animations to prevent FOUC (Flash of Unstyled Content) 
   We default opacity to 1 here, but GSAP js will handle immediate set to 0.
   However, for smoother load, we might want to hide them. 
   But if JS fails, content remains hidden. 
   Best practice: Let GSAP handle 'from' states or use a class added by JS.
*/

/* Parallax Adjustments */
.hero-section {
    /* Disable fixed background if it was set, to allow GSAP to move it */
    background-attachment: scroll !important;
    will-change: background-position;
}

/* 
   Hide hero elements initially so they don't flash before the JS animation starts.
   We only use this if JS is enabled.
*/
.hero-content1 p,
.hero-content1 h2,
.search-adjust1,
.menu-component {
    visibility: hidden;
    /* GSAP will turn this to visible automatically */
}