:root{--bg-color:#0a0a0c;--text-main:#f3f4f6;--text-muted:#6b7280;--accent:#ffffff;--grid-color:rgba(255, 255, 255, 0.03);--max-width:1180px}body.inverted{--bg-color:#f3f4f6;--text-main:#0a0a0c;--text-muted:#4b5563;--accent:#000000;--grid-color:rgba(0, 0, 0, 0.03)}body.inverted header,body.inverted main{background-color:var(--bg-color)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:plus jakarta sans,sans-serif;font-optical-sizing:auto;min-height:100vh;overflow-x:hidden}.logo-wrap{font-size:2.25rem;font-weight:500;line-height:1.1;letter-spacing:-.02em;color:var(--accent);white-space:nowrap;text-decoration:none;display:inline-flex;transform-origin:left center}.intro-container{display:none}header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--max-width);padding:1.5rem 3rem;display:flex;align-items:center;justify-content:space-between;z-index:5;background-color:var(--bg-color)}.header-logo{display:flex;align-items:center}nav{position:relative;z-index:6}nav ul{display:flex;gap:2.5rem;list-style:none;margin-top:6px}nav a{color:var(--text-muted);text-decoration:none;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;transition:color .3s ease}nav a:hover,nav a.active{color:var(--accent)}nav a.active{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}main{max-width:var(--max-width);margin:6rem auto 100px;padding:0 3rem;position:relative;background-color:var(--bg-color)}footer{max-width:var(--max-width);margin:0 auto;padding:3rem;text-align:center;font-size:.85rem;color:var(--text-muted);letter-spacing:.05em}.project-tags{padding-top:.6em;display:flex;flex-wrap:nowrap;white-space:nowrap}.project-tags .tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border:none;padding:0;background:0 0;margin-left:2px}.project-tags span.tag:not(:last-child)::after{content:"/";margin:0 .5em}h3{font-size:1.5rem;font-weight:300;color:var(--accent);line-height:1.2;letter-spacing:-.02em;word-spacing:.25em;text-transform:uppercase}@media(max-width:768px){header{padding:.5rem 3rem;flex-direction:column;justify-content:center;gap:.5rem}main{margin-top:6rem;padding:0 1.5rem}.header-logo .logo-wrap{font-size:1.6rem}.project-tags{padding-top:.3em;font-weight:200}h3{font-size:1.25rem}}