:root{--primary-color:#f36;--primary-hover:#ff1a53;--bg-dark:#0a0a0f;--text-light:#fff;--text-muted:#a0a0a0;--glass-bg:rgba(15,15,20,.6);--glass-border:hsla(0,0%,100%,.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text-light);overflow-x:hidden;line-height:1.6}#webgl-canvas{width:100vw;height:100vh;z-index:0;pointer-events:none}#webgl-canvas,.header{position:fixed;top:0;left:0}.header{width:100%;padding:1.5rem 5%;display:flex;justify-content:space-between;align-items:center;z-index:100;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);transition:all .3s ease}.logo{font-size:1.5rem;font-weight:800;letter-spacing:2px;background:linear-gradient(45deg,#fff,var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:var(--text-light);font-weight:400;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;transition:color .3s ease}.nav-links a.active,.nav-links a:hover{color:var(--primary-color)}.btn{display:inline-block;padding:.8rem 1.8rem;border-radius:30px;text-decoration:none;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;transition:all .3s ease;cursor:pointer}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;box-shadow:0 4px 15px rgba(255,51,102,.4)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,51,102,.6)}.btn-secondary{background-color:transparent;color:#fff;border:1px solid var(--glass-border);backdrop-filter:blur(5px)}.btn-secondary:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger span{width:25px;height:3px;background-color:#fff;transition:all .3s ease}.content-overlay{position:relative;z-index:10;width:100%}.section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:100px 5%}.hero-section{align-items:flex-start}.hero-content{max-width:800px}.hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-title span{color:var(--primary-color)}.hero-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:2.5rem;max-width:500px}.section-content{max-width:600px;background:var(--glass-bg);padding:3rem;border-radius:20px;border:1px solid var(--glass-border);backdrop-filter:blur(10px)}.section-content h2{font-size:2.5rem;margin-bottom:1rem}.section-content p{color:var(--text-muted);margin-bottom:2rem}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.work-card{background:hsla(0,0%,100%,.05);padding:2rem;border-radius:10px;text-align:center;border:1px solid hsla(0,0%,100%,.1);transition:transform .3s}.work-card:hover{transform:translateY(-10px);background:hsla(0,0%,100%,.1)}#gallery,#process,#shop{align-items:flex-end}#gallery .section-content,#process .section-content,#shop .section-content{text-align:right}#about,#commissions,#contact,#works{align-items:flex-start}@media (max-width:768px){.nav{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--glass-bg);padding:2rem;border-bottom:1px solid var(--glass-border)}.nav.active{display:block}.nav-links{flex-direction:column;align-items:center;gap:1.5rem}.header .btn-primary{display:none}.hamburger{display:flex}.section-content{padding:2rem}}