:root{--bg:#0b1020;--bg-elevated:#121a2f;--ink:#f2efe6;--muted:#9aa3b8;--accent:#e8c547;--accent-2:#5ec8c0;--line:#f2efe61f;--radius:14px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Instrument Sans,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(ellipse 80% 50% at 10% -10%, #e8c5472e, transparent 55%), radial-gradient(ellipse 60% 40% at 90% 0%, #5ec8c01f, transparent 50%), var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-main{flex:1;width:min(1100px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.site-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;width:min(1100px,100% - 2rem);margin:0 auto;padding:1.25rem 0;display:flex}.site-nav .brand{letter-spacing:.02em;font-family:Newsreader,Georgia,serif;font-size:1.35rem;font-weight:600}.site-nav .links{flex-wrap:wrap;justify-content:flex-end;gap:.75rem 1.1rem;display:flex}.site-nav .links a{color:var(--muted);font-size:.95rem}.site-nav .links a:hover,.site-nav .links a.active{color:var(--ink)}.hero{padding:3.5rem 0 2.5rem}.hero h1{max-width:14ch;margin:0 0 1rem;font-family:Newsreader,Georgia,serif;font-size:clamp(2.4rem,6vw,4rem);font-weight:600;line-height:1.05}.hero p{color:var(--muted);max-width:38rem;margin:0;font-size:1.1rem}.project-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:2.5rem;display:grid}.project-card{background:linear-gradient(160deg, #ffffff0a, transparent 40%), var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem 1.3rem 1.4rem;transition:border-color .2s,transform .2s}.project-card:hover{border-color:#e8c54773;transform:translateY(-2px)}.project-card h2{margin:0 0 .4rem;font-size:1.15rem}.project-card p{color:var(--muted);margin:0;font-size:.95rem}.project-card .tag{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-top:.9rem;font-size:.75rem;display:inline-block}.page-title{margin:0 0 .75rem;font-family:Newsreader,Georgia,serif;font-size:clamp(2rem,4vw,2.8rem)}.lede{color:var(--muted);max-width:42rem;margin:0 0 2rem}.gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.gallery figure{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);margin:0;overflow:hidden}.gallery img{aspect-ratio:4/3;object-fit:cover;background:#060912;width:100%}.gallery figcaption{color:var(--muted);padding:.75rem .9rem 1rem;font-size:.9rem}.viewer-panel{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:1rem;margin:1.5rem 0 2rem;display:grid}@media (width<=800px){.viewer-panel{grid-template-columns:1fr}}.stl-canvas{border-radius:var(--radius);border:1px solid var(--line);background:#070b16;height:min(520px,70vh);overflow:hidden}.part-list{flex-direction:column;gap:.4rem;max-height:min(520px,70vh);margin:0;padding:0;list-style:none;display:flex;overflow:auto}.part-list button{text-align:left;border:1px solid var(--line);background:var(--bg-elevated);width:100%;color:var(--ink);cursor:pointer;border-radius:10px;padding:.65rem .8rem}.part-list button.active,.part-list button:hover{border-color:var(--accent)}.site-footer{border-top:1px solid var(--line);width:min(1100px,100% - 2rem);color:var(--muted);margin:0 auto;padding:1.5rem 0 2rem;font-size:.85rem}.btn{background:var(--accent);color:#111;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.65rem 1.1rem;font-weight:600;display:inline-flex}.btn.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.btn-row{flex-wrap:wrap;gap:.75rem;margin:1.25rem 0 0;display:flex}.game-frame{border:1px solid var(--line);border-radius:var(--radius);background:#000;width:100%;min-height:80vh}