:root{--bg:#0c0b0a;--text-main:#e8e6e3;--text-muted:#8c8985;--border:hsla(0,0%,100%,.08);--font-serif:"Cormorant Garamond",serif;--font-sans:"Montserrat",sans-serif;--accent:#c4a77d}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text-main);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}#canvas-container{width:100vw;height:100vh;z-index:1;pointer-events:none}#canvas-container,.header{position:fixed;top:0;left:0}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;width:100%;z-index:100;background:rgba(12,11,10,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.logo{font-family:var(--font-serif);font-size:1.5rem;letter-spacing:.15em;font-weight:400;text-transform:uppercase}.nav{display:flex;gap:2rem}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;transition:color .3s ease}.nav-link:hover{color:var(--text-main)}.btn-primary{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:.75rem 1.5rem;font-family:var(--font-sans);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:var(--accent);color:var(--bg)}.scroll-container{position:relative;z-index:10}.scroll-section{height:150vh;display:flex;flex-direction:column;justify-content:center;padding:0 10vw;pointer-events:none}.section-content{max-width:600px;pointer-events:auto;text-shadow:0 2px 10px rgba(0,0,0,.8)}.hero-title{font-family:var(--font-serif);font-size:5rem;font-weight:300;line-height:1.1;margin-bottom:1rem}.hero-subtitle{font-size:1.2rem;font-weight:300;color:var(--text-muted);letter-spacing:.05em}h2{font-family:var(--font-serif);font-size:3.5rem;margin-bottom:1rem;color:var(--accent)}h2,p{font-weight:300}p{font-size:1rem;line-height:1.6;color:var(--text-main)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (max-width:1024px){.header{padding:1.5rem 2rem}.nav{display:none}.hero-title{font-size:3.5rem}h2{font-size:2.5rem}}