*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #fafaf8;--bg-nav: #ffffff;--text-primary: #1a1a1a;--text-secondary: #666666;--accent: #2a2a2a;--border: #e0e0e0;--transition: cubic-bezier(.4, 0, .2, 1)}body{font-family:DM Sans,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.menu-button{position:fixed;top:2rem;left:2rem;width:48px;height:48px;background:transparent;border:none;cursor:pointer;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:transform .3s var(--transition)}.menu-button:hover{transform:scale(1.05)}.menu-button span{width:28px;height:2px;background-color:var(--text-primary);transition:all .3s var(--transition)}.menu-button.active span:nth-child(1){transform:rotate(15deg) translate(12px,11px);background-color:green}.menu-button.active span:nth-child(2){transform:rotate(18deg) translate(-17px,10px);background-color:#ff0}.menu-button.active span:nth-child(3){transform:rotate(5deg) translate(-9px,13px);background-color:#00f}.nav-drawer{position:fixed;top:0;left:0;width:320px;height:100vh;background-color:var(--bg-nav);transform:translate(-100%);transition:transform .4s var(--transition);z-index:999;display:flex;flex-direction:column;padding:6rem 2.5rem 2.5rem;box-shadow:2px 0 20px #0000000d}.nav-drawer.active{transform:translate(0)}.nav-drawer nav{flex:1;display:flex;flex-direction:column;gap:.5rem}.nav-drawer a{font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:300;color:var(--text-primary);text-decoration:none;padding:.5rem 0;transition:all .3s var(--transition);position:relative}.nav-drawer a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--accent);transition:width .3s var(--transition)}.nav-drawer a:hover:after,.nav-drawer a.active:after{width:100%}.nav-drawer a:hover{padding-left:.5rem}.nav-drawer a.active{font-weight:400;color:var(--accent)}.social-links{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.social-links a{font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:400;display:block;margin-bottom:.75rem;color:var(--text-secondary);text-decoration:none;transition:color .3s var(--transition)}.social-links a:hover{color:var(--text-primary);padding-left:.5rem}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;pointer-events:none;transition:background-color .4s var(--transition);z-index:998}.overlay.active{background-color:#0000004d;pointer-events:all}main{max-width:900px;margin:0 auto;padding:6rem 3rem 4rem;min-height:100vh}.page-section{display:none;animation:fadeIn .6s var(--transition)}.page-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{font-family:Cormorant Garamond,serif;font-size:4rem;font-weight:300;line-height:1.2;margin-bottom:2rem;letter-spacing:-.02em}h2{font-family:Cormorant Garamond,serif;font-size:2.5rem;font-weight:300;margin-bottom:1.5rem;letter-spacing:-.01em}p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.5rem}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:3rem}.animation-container{width:100%;height:500px;margin:3rem 0;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.animation-container canvas{display:block;width:100%;height:100%}.work-item{aspect-ratio:1;background:linear-gradient(135deg,#f0f0ee,#e8e8e6);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.9rem;transition:transform .3s var(--transition)}.work-item:hover{transform:translateY(-4px)}.work-item--link{text-decoration:none;cursor:pointer;position:relative;flex-direction:column;gap:.4rem;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#fafaf8}.work-item--link:hover{transform:translateY(-4px);background:linear-gradient(135deg,#2a2a2a,#3a3a3a)}.work-item__label{font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:300;letter-spacing:.02em;color:inherit}.section-breadcrumb{margin-bottom:1.5rem}.breadcrumb-back{font-family:DM Sans,sans-serif;font-size:.9rem;color:var(--text-secondary);text-decoration:none;transition:color .3s var(--transition);letter-spacing:.02em}.breadcrumb-back:hover{color:var(--text-primary)}.threejs-list{list-style:none;margin-top:2.5rem;display:flex;flex-direction:column;gap:1px;border-top:1px solid var(--border)}.threejs-list li{border-bottom:1px solid var(--border)}.threejs-link{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;padding:1.25rem 0;text-decoration:none;color:var(--text-primary);transition:padding-left .3s var(--transition)}.threejs-link:hover{padding-left:.75rem}.threejs-link__title{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:300;letter-spacing:-.01em;white-space:nowrap}.threejs-link__desc{font-size:.875rem;color:var(--text-secondary);text-align:right;line-height:1.5}.site-footer{text-align:center;padding:2rem 1rem}.site-footer p{font-family:Courier New,Courier,monospace;font-size:.75rem;color:#c0392b;opacity:.6;margin:0}.site-footer a{font-family:Courier New,Courier,monospace;font-size:.75rem;color:#c0392b;opacity:.6;text-decoration:none;transition:opacity .3s var(--transition)}.site-footer a:hover{opacity:1}@media (max-width: 768px){.nav-drawer{width:280px}.menu-button{top:1.5rem;left:1.5rem}main{padding:5rem 2rem 3rem}h1{font-size:3rem}h2{font-size:2rem}.work-grid{grid-template-columns:1fr}}