.intro{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;z-index:2}.intro h1{font-size:clamp(2rem,8vw,5rem);margin-bottom:1rem;opacity:0}.intro p{font-size:clamp(1rem,3vw,1.5rem);opacity:0;max-width:600px;padding:0 2rem}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:var(--z-canvas,-1);pointer-events:none}.section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative;z-index:2}.content{max-width:800px;text-align:center}.content h2{font-size:clamp(1.5rem,4vw,3rem);margin-bottom:1rem;opacity:0}.content p{font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;opacity:0}.spacer{height:50vh}.footer-section{padding:4rem 2rem;position:relative;z-index:2;overflow:hidden}.footer-content{}.footer-content h2{font-size:clamp(2rem,6vw,4rem);margin-bottom:1rem}.footer-content p{font-size:clamp(1rem,2vw,1.5rem)}.loading{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .5s}.loading.loaded{opacity:0;pointer-events:none}.loader{border:3px solid #333;border-top:3px solid #fff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);opacity:0}.scroll-indicator::after{content:'';display:block;width:2px;height:40px;background:#fff;margin:0 auto;animation:scroll-down 2s infinite}@keyframes scroll-down{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}