/* privacy.html and terms.html: the home page's face and colours, set for long reading */
@font-face { font-family: "Anton"; src: url("fonts/anton.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Hanken Grotesk"; src: url("fonts/hanken-var.woff2") format("woff2"); font-weight: 400 600; font-display: swap; }
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; }
body { background: #0e0a1f; color: #f8f1f6; font: 400 17px/1.65 "Hanken Grotesk", system-ui, sans-serif; -webkit-text-size-adjust: 100%; }
.wrap { width: min(100% - 48px, 720px); margin: 0 auto; padding: 48px 0 96px; }
h1 { margin: 48px 0 8px; font: 400 clamp(44px, 6vw, 72px)/1.05 "Anton", Impact, sans-serif; text-transform: uppercase; }
h2 { margin: 48px 0 8px; font: 400 26px/1.2 "Anton", Impact, sans-serif; text-transform: uppercase; }
p, ul { margin: 0 0 16px; }
ul { padding-left: 20px; }
li { margin-bottom: 8px; }
strong { font-weight: 500; }
.muted { color: #b8acca; }
a { color: #ff7db3; text-underline-offset: 3px; }
a:hover { color: #f8f1f6; }
a:focus-visible { outline: 2px solid #ff4f9a; outline-offset: 2px; border-radius: 2px; }