:root{--background:#f4f0e8;--background-accent:#e7f2ef;--surface:#fffcf7eb;--surface-muted:#fffcf7b3;--border:#1118271f;--text:#273039;--heading:#12202b;--muted:#596574;--accent:#116466;--accent-soft:#1164661f;--link:#0f5b78;--shadow:0 18px 40px #12202b14;--font-body:"Avenir Next", "Segoe UI", "Helvetica Neue", Arial, ui-sans-serif, sans-serif;--font-heading:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, ui-serif, serif;--font-mono:"SFMono-Regular", "SF Mono", "Liberation Mono", ui-monospace, monospace;color:var(--text);background:var(--background);font:17px/1.65 var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, var(--background-accent), transparent 32rem), linear-gradient(180deg, #faf7f1 0%, var(--background) 100%);min-width:320px;margin:0}body,p,ul,h1,h2,h3{margin:0}a{text-underline-offset:.18em}a:hover{text-decoration-thickness:.14em}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#root{min-height:100vh}h1,h2,h3{color:var(--heading);font-family:var(--font-heading);line-height:1.05}h1{letter-spacing:-.04em;font-size:clamp(3rem,8vw,5.2rem)}h2{letter-spacing:-.03em;font-size:clamp(1.8rem,4vw,2.5rem)}h3{font-size:1.35rem}p{color:var(--text)}@media (width<=720px){:root{font-size:16px}}.site-shell{width:min(72rem,100% - 2rem);margin:0 auto;padding:1rem 0 4rem}.hero,.section,.site-footer{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:1.5rem}.hero{margin-top:1rem;padding:3rem}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);font-size:.82rem}.hero h1{margin:.75rem 0 1rem}.content{margin-top:1rem}.section{padding:1.5rem}.section h2,.project-card h3{margin:0}.project-card{border:1px solid var(--border);background:var(--surface-muted);border-radius:1rem;margin-top:1rem;padding:1.25rem}.project-card p{margin-top:.75rem}.project-card a,.site-footer a{color:var(--link)}.project-card a{margin-top:1rem;font-weight:600;display:inline-flex}.site-footer{margin-top:1rem;padding:1rem 1.5rem;font-size:.95rem}@media (width<=720px){.site-shell{width:min(100% - 1rem,72rem)}.hero{padding:1.5rem}.section{padding:1.25rem}}