/* The legal page: the site's fonts and colours, plain text, nothing animated. */
@font-face { font-family: "Archivo Marque"; src: url("/fonts/archivo-wdth-italic.woff2") format("woff2"); font-weight: 900; font-stretch: 125%; font-style: italic; font-display: swap; }
@font-face { font-family: "Geist"; src: url("/fonts/geist.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
:root { --bg: #0f0e0d; --fg: #f4f2ef; --fg-2: #c7c2bb; --muted: #a6a098; --accent: #d4af37; --accent-rgb: 212, 175, 55; }
*, *::before, *::after { box-sizing: border-box; }
html { background: var(--bg); color: var(--fg); -webkit-text-size-adjust: 100%; }
body { margin: 0; font: 400 1.0625rem/1.65 "Geist", system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
.legal { max-width: 44rem; margin: 0 auto; padding: clamp(48px, 10vh, 120px) clamp(18px, 4vw, 56px) 96px; }
.legal-kicker { margin: 0 0 18px; font: italic 900 1.1rem/1 "Archivo Marque", sans-serif; font-stretch: 125%; letter-spacing: -0.03em; }
.legal-kicker a { color: var(--accent); text-decoration: none; }
h1 { margin: 0 0 40px; font-size: clamp(2.4rem, 6vw, 3.6rem); line-height: 1; letter-spacing: -0.05em; }
h2 { margin: 40px 0 10px; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent); }
p { margin: 0 0 14px; color: var(--fg-2); }
a { color: var(--fg); text-decoration-color: rgba(var(--accent-rgb), 0.6); text-underline-offset: 4px; }
a:hover { color: var(--accent); }
:focus-visible { outline: 2px solid var(--fg); outline-offset: 3px; border-radius: 4px; }
.legal-back { display: inline-block; margin-top: 30px; }