/* Shared styles for the plain pages (privacy notice, 404). Same type and colours as the main site. */
@font-face { font-family: 'Geist'; src: url(/fonts/geist.woff2) format('woff2'); font-weight: 300 600; font-display: swap; }
@font-face { font-family: 'Geist Mono'; src: url(/fonts/geist-mono.woff2) format('woff2'); font-weight: 400; font-display: swap; }
:root { --gold: #E8C77A; --g: clamp(20px, 6vw, 96px); }
* { box-sizing: border-box; margin: 0; padding: 0; }
html { background: #000; color-scheme: dark; }
body { background: #000; color: #f5f5f7; font: 400 17px/1.6 'Geist', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
header { padding: 18px var(--g); border-bottom: 1px solid rgba(255,255,255,.08); }
header img { display: block; width: 84px; height: auto; margin: -2px 0 -2px -16px; }
main { padding: clamp(48px, 9vh, 96px) var(--g) 96px; max-width: 820px; }
.meta { font-family: 'Geist Mono', monospace; font-size: 13px; letter-spacing: .22em; color: var(--gold); margin-bottom: 22px; }
h1 { font-size: clamp(36px, 5vw, 64px); font-weight: 600; line-height: 1.02; letter-spacing: -.045em; }
h1 span { display: block; font-weight: 300; color: #8e8e93; letter-spacing: -.035em; }
.lead { margin-top: 24px; font-size: clamp(17px, 1.4vw, 20px); color: #c7c7cc; }
h2 { margin-top: 44px; font-size: 20px; font-weight: 600; letter-spacing: -.02em; }
p { margin-top: 12px; color: #c7c7cc; max-width: 62ch; }
a { color: #f5f5f7; text-underline-offset: 3px; }
a:hover { color: var(--gold); }
.updated { margin-top: 44px; font-size: 13px; color: #6e6e73; }
.back { display: inline-block; margin-top: 28px; color: #f5f5f7; text-decoration: none; border-bottom: 1.5px solid var(--gold); padding-bottom: 4px; font-weight: 500; }
.back span { display: inline-block; transition: transform .3s; } .back:hover span { transform: translateX(5px); }
.lost main { min-height: 70vh; display: flex; flex-direction: column; justify-content: center; }