/* Plain pages: privacy and 404. Same brand, no engine. */
:root { --black: #111111; --warm: #F6F2EB; --oat: #D8CBB4; --grounds: #4D463E; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--warm); color: var(--black);
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif; font-size: 1.0625rem; line-height: 1.6;
  -webkit-font-smoothing: antialiased; min-height: 100vh; display: flex; flex-direction: column;
}
body.dark { background: var(--black); color: var(--warm); }
a { color: inherit; text-underline-offset: 0.2em; text-decoration-thickness: 1px; }
:focus-visible { outline: 2px solid var(--grounds); outline-offset: 3px; }
.top { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 0 clamp(1.25rem, 5vw, 5.5rem); height: 64px; border-bottom: 1px solid rgba(17,17,17,0.12); }
.dark .top { border-bottom-color: rgba(246,242,235,0.12); }
.home img { height: 60px; width: auto; display: block; }
.cta { display: inline-flex; align-items: center; padding: 10px 16px; border-radius: 5px; background: var(--black); color: var(--warm); font-weight: 600; text-decoration: none; font-size: 0.9rem; white-space: nowrap; }
.cta:hover { background: var(--grounds); }
.dark .cta { background: var(--warm); color: var(--black); }
.dark .cta:hover { background: var(--oat); }
.doc { flex: 1; width: 100%; max-width: 62ch; margin: 0 auto; padding: clamp(3rem, 8vw, 6rem) clamp(1.25rem, 5vw, 5.5rem) 4rem; }
.doc h1 { font-family: "Instrument Serif", Georgia, serif; font-weight: 400; font-size: clamp(2.4rem, 1.8rem + 3vw, 4rem); line-height: 1.02; letter-spacing: -0.03em; margin: 0 0 1rem; text-wrap: balance; }
.doc h2 { font-family: "Instrument Serif", Georgia, serif; font-weight: 400; font-size: 1.7rem; letter-spacing: -0.02em; margin: 2.4rem 0 0.5rem; line-height: 1.1; }
.doc p { margin: 0 0 1rem; text-wrap: pretty; }
.lede { font-size: 1.25rem; line-height: 1.45; color: var(--grounds); }
.dark .lede { color: var(--oat); }
.back { margin-top: 3rem; }
.doc--404 { display: flex; flex-direction: column; justify-content: center; }
.foot { text-align: center; padding: 2rem; color: var(--grounds); font-size: 0.9rem; }
.dark .foot { color: var(--oat); }
.foot p { margin: 0; }