:root { color-scheme: light; --ink: #172126; --muted: #66757a; --line: #d9e1df; --accent: #d96e42; --paper: #f7f8f5; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.65 system-ui, -apple-system, sans-serif; }
.shell { max-width: 760px; min-height: 100vh; margin: 0 auto; padding: 18vh 28px 48px; }
.eyebrow { color: var(--accent); font-size: .74rem; font-weight: 700; letter-spacing: .18em; }
h1 { max-width: 650px; margin: 24px 0 18px; font: 600 clamp(2.4rem, 7vw, 5rem)/1.02 Georgia, serif; letter-spacing: -.045em; }
.lede { max-width: 560px; color: var(--muted); font-size: 1.12rem; }
nav { display: flex; gap: 24px; margin-top: 46px; padding-top: 18px; border-top: 1px solid var(--line); }
a { color: var(--ink); text-underline-offset: 4px; }
a:hover { color: var(--accent); }