#canvas-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1}header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:2rem;display:flex;justify-content:center;align-items:center;transition:all .6s ease}.logo{height:clamp(3rem,6vw,5rem);width:auto;position:relative;z-index:2;object-fit:contain}.content-overlay{position:fixed;bottom:0;left:0;width:100%;z-index:50;padding:3rem 2rem 4rem;text-align:center;opacity:0;pointer-events:none;transition:opacity 1s ease;background:linear-gradient(to top,#000c,#0000);display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.content-overlay.visible{opacity:1}.surfex-title{display:none}.overlay-logo{height:clamp(6rem,14vw,14rem);width:auto;margin-bottom:.5rem;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.tagline{font-size:clamp(1rem,2.5vw,1.5rem);font-weight:300;letter-spacing:.08em;margin-bottom:1.5rem;margin-top:0;color:#ffffffd9;text-transform:uppercase}.quote{font-size:clamp(1.1rem,2.8vw,1.8rem);font-weight:300;letter-spacing:.02em;margin-bottom:1rem;color:#fffffff2;font-style:italic;line-height:1.5}.subtitle{font-size:clamp(.85rem,1.8vw,1.1rem);font-weight:200;letter-spacing:.2em;text-transform:uppercase;color:#d2691ecc}.scroll-hint{position:fixed;top:9rem;left:50%;transform:translate(-50%);z-index:20;font-size:clamp(.9rem,2vw,1.2rem);font-weight:300;letter-spacing:.3em;color:#ffffff40;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;opacity:1;animation:fadeOutScrollHint 4s ease-out forwards;pointer-events:none}@keyframes fadeOutScrollHint{0%{opacity:1}50%{opacity:.5}to{opacity:0}}.scroll-spacer{height:300vh;position:relative;z-index:10}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .8s ease}.loading-screen.hide{opacity:0;pointer-events:none}.loader{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:#d2691e;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){header{padding:1.5rem}.content-overlay{padding:2rem 1.5rem}.overlay-logo{height:clamp(6rem,15vw,12rem)}.scroll-hint{top:7.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden;background:#000;color:#fff}#root{width:100%;height:100%}