:root {
  --ink: #1c1610;
  --mute: #6b5e4e;
  --paper: #f6ead6;
  --line: #d7c4a3;
  --lacquer: #8b1e1e;
  --display: "Source Serif 4", ui-serif, Georgia, serif;
  --sans: Inter, ui-sans-serif, system-ui, sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); line-height: 1.55; }
.top {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--line);
}
.brand { font-family: var(--display); font-size: 1.35rem; font-weight: 600; margin: 0; }
.host { color: var(--mute); font-size: .85rem; margin: 0; }
.wrap { max-width: 38rem; margin: 0 auto; padding: 3rem 1.25rem 4rem; }
.kicker { color: var(--lacquer); font-size: .8rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 .7rem; }
h1 { font-family: var(--display); font-weight: 600; letter-spacing: -.02em; line-height: 1.12; font-size: clamp(2rem, 6vw, 3.1rem); margin: 0 0 .9rem; }
.lede { color: var(--mute); font-size: 1.05rem; margin: 0 0 1rem; }