:root{--muir-night: #0f1820;--muir-depth: #18242f;--muir-shadow: #1f2d3a;--muir-mist: #5a6878;--muir-haze: #98a4b0;--muir-fog-light: #d6d4cc;--muir-pacific: #5a92c2;--muir-pacific-bright: #7aa8d4;--muir-redwood: #c25a3a;--muir-bark-lit: #d97048;--muir-canopy: #6b9e62;--muir-canopy-bright: #82b577;--muir-sun: #d4a854;--muir-fog: #7ab0b8;--muir-huckleberry: #a26380;--color-page: var(--muir-night);--color-surface: var(--muir-depth);--color-elevated: var(--muir-shadow);--color-border: var(--muir-shadow);--color-border-strong: var(--muir-mist);--color-fg: var(--muir-fog-light);--color-muted: var(--muir-haze);--color-subtle: var(--muir-mist);--color-brand: var(--muir-pacific);--color-brand-hover: var(--muir-pacific-bright);--color-link: var(--muir-pacific);--color-focus: var(--muir-pacific);--color-success: var(--muir-canopy);--color-success-hover: var(--muir-canopy-bright);--color-warning: var(--muir-sun);--color-danger: var(--muir-redwood);--color-danger-hover: var(--muir-bark-lit);--color-info: var(--muir-fog);--color-accent: var(--muir-huckleberry);--color-success-bg: color-mix(in srgb, var(--muir-canopy) 14%, transparent);--color-warning-bg: color-mix(in srgb, var(--muir-sun) 14%, transparent);--color-danger-bg: color-mix(in srgb, var(--muir-redwood) 14%, transparent);--color-info-bg: color-mix(in srgb, var(--muir-fog) 14%, transparent);--color-accent-bg: color-mix(in srgb, var(--muir-huckleberry) 16%, transparent);--color-brand-bg: color-mix(in srgb, var(--muir-pacific) 14%, transparent);--font-serif: "Fraunces", "Crimson Pro", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, ui-monospace, monospace}html{color-scheme:dark}body{background:var(--color-page);color:var(--color-fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:color-mix(in srgb,var(--muir-pacific) 40%,transparent);color:var(--color-fg)}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-brand-hover)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:3px}*{margin:0;padding:0;box-sizing:border-box}main{max-width:680px;margin:0 auto;padding:80px 24px 120px}.intro{margin-bottom:72px}.name{font-family:var(--font-serif);font-size:2.25rem;font-weight:600;color:var(--color-fg);letter-spacing:-.02em;margin-bottom:12px}.tagline{font-size:1.125rem;color:var(--color-muted);line-height:1.6;max-width:480px;margin-bottom:20px}.links{display:flex;gap:20px}.link-item{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-brand);letter-spacing:.02em}.link-item:hover{color:var(--color-brand-hover)}.section-title{font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--color-subtle);text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px}.project-grid{display:flex;flex-direction:column;gap:12px}.project-card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:20px 24px;color:inherit;transition:border-color .15s ease}.project-card:hover{border-color:var(--color-border-strong);color:inherit}.project-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.project-name{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--color-fg)}.project-tag{font-family:var(--font-mono);font-size:.625rem;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.1em}.tag-accent{background:var(--color-accent-bg);color:var(--color-accent)}.project-desc{font-size:.9375rem;color:var(--color-muted);line-height:1.55;margin-bottom:12px}.project-meta{display:flex;gap:8px;flex-wrap:wrap}.project-tech{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-subtle);background:var(--color-brand-bg);padding:2px 8px;border-radius:4px;letter-spacing:.02em}.footer{max-width:680px;margin:0 auto;padding:0 24px 48px;text-align:center}.footer-url{font-family:var(--font-mono);font-size:.75rem;color:var(--color-subtle);letter-spacing:.04em}@media(max-width:480px){main{padding:48px 16px 80px}.name{font-size:1.75rem}.intro{margin-bottom:56px}.project-card{padding:16px 20px}}