:root {
  --bg: #faf8f4;
  --text: #24211d;
  --muted: #6f685f;
  --line: #e2ddd4;
  --accent: #8a3b2a;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #171513;
    --text: #efe9df;
    --muted: #a59d92;
    --line: #34302b;
    --accent: #e08b72;
  }
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0; display: flex; flex-direction: column;
  background: var(--bg); color: var(--text);
  font: 18px/1.65 Georgia, "Iowan Old Style", "Times New Roman", serif;
}
main { flex: 1; display: flex; align-items: center; justify-content: center; padding: 64px 16px; }
.card { max-width: 620px; text-align: center; }
.eyebrow {
  font: 600 12px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin: 0 0 16px;
}
h1 { font-size: clamp(30px, 6vw, 44px); line-height: 1.15; font-weight: 400; margin: 0 0 20px; }
p { margin: 0 0 16px; }
.coming { margin: 40px auto 0; padding-top: 28px; border-top: 1px solid var(--line); max-width: 360px; }
.coming h2 { font-size: 24px; font-weight: 400; font-style: italic; margin: 4px 0 4px; }
a { color: var(--accent); }
footer {
  text-align: center; padding: 24px 16px; color: var(--muted);
  font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
footer a { color: var(--muted); }