:root{--primary-gold: #cfaa60;--bg-color: #050505;--text-color: #e0e0e0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color)}h1,h2,h3,h4,h5,h6{font-family:Cinzel,serif;color:var(--primary-gold)}.canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.content-wrapper{position:relative;z-index:1;width:100%}nav{position:fixed;top:0;width:100%;display:flex;justify-content:center;gap:2rem;padding:2rem;z-index:100;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}nav a{color:var(--text-color);text-decoration:none;font-family:Cinzel,serif;font-size:1.1rem;letter-spacing:2px;transition:color .3s ease}nav a:hover{color:var(--primary-gold)}section{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 10vw;position:relative}.hero{align-items:flex-start}.hero h1{font-size:5rem;letter-spacing:5px;text-shadow:0 0 20px rgba(207,170,96,.4)}.hero p{font-size:1.2rem;margin-top:1rem;max-width:500px;line-height:1.6}.about{align-items:flex-end;text-align:right}.about h2{font-size:4rem;margin-bottom:1rem}.about p{max-width:600px;font-size:1.1rem;line-height:1.8}.projects{align-items:flex-start}.projects h2{font-size:4rem;margin-bottom:1rem}.projects p{max-width:600px;font-size:1.1rem;line-height:1.8}.gold-line{height:1px;background-color:var(--primary-gold);width:100px;margin:1rem 0}.about .gold-line{margin-left:auto}
