:root {
  color-scheme: light dark;
  --bg: #f7f7f5;
  --text: #1c1c1e;
  --muted: #5f6368;
  --link: #0a58ca;
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #111113; --text: #f2f2f2; --muted: #a1a1a6; --link: #7ab0ff; }
}
body { margin: 0; background: var(--bg); color: var(--text); }
main { max-width: 40rem; margin: 0 auto; padding: 4rem 1.25rem; }
h1 { font-size: 2.5rem; line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 0.5rem; }
.eyebrow { margin: 0 0 0.25rem; font-size: 0.875rem; color: var(--muted); }
.lede { color: var(--muted); margin: 0; }
a { color: var(--link); }
.eyebrow a { color: inherit; }
.projects { padding: 0; list-style: none; font-size: 1.25rem; }
.projects a { display: inline-block; padding: 0.5rem 0; }