:root {
  --ink: #0f1419;
  --paper: #e8eef4;
  --accent: #1a6b5c;
  --glow: #7ec8b8;
}
* { box-sizing: border-box; }
html, body {
  margin: 0;
  min-height: 100%;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  color: var(--ink);
  background:
    radial-gradient(1200px 600px at 10% -10%, #cfe8e1 0%, transparent 55%),
    radial-gradient(900px 500px at 110% 20%, #d6e0f0 0%, transparent 50%),
    linear-gradient(165deg, #f4f7fa, var(--paper));
}
.stage {
  max-width: 40rem;
  margin: 0 auto;
  padding: 18vh 1.5rem 4rem;
}
.brand {
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.75rem;
  color: var(--accent);
  margin: 0 0 1rem;
}
h1 {
  font-size: clamp(2.2rem, 6vw, 3.4rem);
  line-height: 1.05;
  margin: 0 0 1rem;
  font-weight: 600;
}
.lede {
  font-size: 1.15rem;
  line-height: 1.5;
  margin: 0 0 2rem;
  max-width: 32rem;
}
.meta {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.5rem;
}
.meta li {
  padding: 0.65rem 0.9rem;
  border-left: 3px solid var(--glow);
  background: rgba(255,255,255,0.45);
}
code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.92em;
}