:root{--color-bg:#0b0b0c;--color-fg:#ededed;--color-muted:#8a8a8a;--color-accent:#6f6af8;--color-border:#232326;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--text-base:16px;--leading:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--space-6:4rem;--max-width:64rem;--radius:8px}*,:before,:after{box-sizing:border-box}html{font-size:var(--text-base)}body{background:var(--color-bg);min-height:100vh;color:var(--color-fg);font-family:var(--font-sans);line-height:var(--leading);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}img{max-width:100%;display:block}.layout{flex-direction:column;min-height:100vh;display:flex}.site-header,.site-main,.site-footer{width:100%;max-width:var(--max-width);padding-inline:var(--space-3);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.wordmark{letter-spacing:.04em;font-weight:700;text-decoration:none}.site-nav{gap:var(--space-3);display:flex}.site-nav a{color:var(--color-muted);text-decoration:none}.site-nav a:hover,.site-nav a.active{color:var(--color-fg)}.site-main{padding-block:var(--space-5);flex:1}.site-footer{padding-block:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-muted)}.card-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));display:grid}.project-card__link{text-decoration:none}.project-card{height:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius)}.project-card__image{margin-bottom:var(--space-2);border-radius:calc(var(--radius) - 2px)}.project-card__title{margin:0 0 var(--space-1)}.project-card__description{color:var(--color-muted);margin:0}.project-card__tags{gap:var(--space-1);margin:var(--space-2) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.project-card__tag{border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-muted);border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.gsap-demo{margin-block:var(--space-3);padding:var(--space-2) var(--space-3);border:1px dashed var(--color-accent);border-radius:var(--radius);font-family:var(--font-mono);color:var(--color-accent);font-size:.8rem;display:inline-block}.landing__wordmark{letter-spacing:.02em;margin:0;font-size:clamp(3rem,12vw,7rem)}.landing__tagline{color:var(--color-muted);margin-top:0}