.page{min-height:100vh;display:flex;flex-direction:column}.site-header{padding:var(--space-md) var(--space-md);border-bottom:1px solid var(--color-border)}.site-nav{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.02em;text-transform:uppercase}.site-nav a{text-decoration:none;color:var(--color-text-muted)}.site-nav a:hover{color:var(--color-text)}.main-content{flex:1;max-width:860px;margin:0 auto;padding:var(--space-lg) var(--space-md);width:100%}.page-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.page-title{font-family:var(--font-serif);font-size:2.6rem;font-weight:400;line-height:1.15;letter-spacing:-.01em;margin-bottom:var(--space-sm)}.page-subtitle{font-size:1.05rem;color:var(--color-text-muted);max-width:560px;line-height:1.65}.projects-grid{display:flex;flex-direction:column;gap:0}.project-card{border-bottom:1px solid var(--color-border);transition:background-color .15s ease}.project-card:first-child{border-top:1px solid var(--color-border)}.project-card-inner{padding:var(--space-md) 0}.project-card:hover .project-card-inner{padding-left:var(--space-xs);transition:padding-left .15s ease}.project-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-tag-text);background:var(--color-tag-bg);padding:.2rem .55rem;border-radius:2px}.project-title{font-family:var(--font-serif);font-size:1.45rem;font-weight:500;letter-spacing:-.01em;line-height:1.2;margin-bottom:.6rem}.project-description{font-size:.97rem;color:var(--color-text-muted);line-height:1.7;max-width:640px;margin-bottom:var(--space-sm)}.project-links{display:flex;gap:var(--space-md);align-items:center}.project-link{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.02em;text-decoration:none;color:var(--color-text-muted);transition:color .1s ease}.project-link:hover{color:var(--color-text)}.project-link--demo{color:var(--color-text);font-weight:500}.project-link--demo:hover{color:var(--color-text-muted)}.site-footer{padding:var(--space-md);border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-faint)}.site-footer a{color:var(--color-text-faint);text-decoration:none}.site-footer a:hover{color:var(--color-text-muted)}@media (max-width: 600px){.page-title{font-size:2rem}.main-content{padding:var(--space-md) var(--space-sm)}.project-links{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #faf9f7;--color-text: #1a1a1a;--color-text-muted: #666;--color-text-faint: #999;--color-border: #e0ddd8;--color-accent: #1a1a1a;--color-tag-bg: #f0ede8;--color-tag-text: #444;--color-link: #1a1a1a;--color-link-hover: #555;--font-serif: "EB Garamond", Georgia, serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem}html{font-size:18px}body{font-family:var(--font-serif);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--color-link-hover)}