/* ============================================================ enhance.css — opt-in layer for the premium-scroll experiment. Only takes effect once enhance.js confirms the libraries loaded and adds `.enhanced` to . If anything fails to load, none of this applies and the base site renders exactly as before. ============================================================ */ /* Hand section reveals over to GSAP (disable the CSS scroll-timeline). */ .enhanced .reveal { animation: none !important; } /* Painterly Three.js backdrop, injected into the two dark sections. Sits above the section's flat background but below its content. */ .paint-bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; border-radius: inherit; } .paint-bg canvas { width: 100% !important; height: 100% !important; display: block; } /* Keep the hero/closing content above the painted layer. */ .enhanced .hero__body, .enhanced .hero .nav, .enhanced .closing__inner, .enhanced .closing .footer { position: relative; z-index: 1; } /* The hero's radial wash should ride just above the paint, below content. */ .enhanced .hero__wash, .enhanced .closing__wash { z-index: 0; } /* Lenis: let the library own scrolling (its own CSS already sets this, re-stated here so anchor jumps never fight native smooth-scroll). */ .enhanced.lenis { scroll-behavior: auto; }