/* Museum Heist brand: colour and type direction of 2026-10-16 (BRAND-DIRECTION-2026-10-16.md).
   Four colours. Dark is ink, never a large ground. Two faces: DM Serif Display and Hanken Grotesk, self-hosted. */
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/hanken-grotesk-latin-wght-normal.woff2) format("woff2")}

:root{
  --mh-light:#e8eaf4;
  --mh-periwinkle:#abb6e3;
  --mh-yellow:#d9f24a;
  --mh-ink:#151619;
  --mh-radius:6px;
  --mh-outline:1px solid var(--mh-ink);

  /* point the site's own tokens at the brand */
  --ink:#151619;--text-2:#151619;--muted:#151619;--band-muted:#151619;
  --paper:#e8eaf4;--paper-2:#e8eaf4;--paper-top:#e8eaf4;--paper-bottom:#e8eaf4;
  --band:#e8eaf4;--band-top:#e8eaf4;--band-bottom:#e8eaf4;
  --serif:"DM Serif Display",Georgia,serif;
  --sans:"Hanken Grotesk",system-ui,sans-serif;
}
body{background:var(--mh-light);color:var(--mh-ink);font:400 clamp(17px,1.6vw,20px)/1.55 var(--sans);font-synthesis:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--mh-ink);outline-offset:3px}

/* Headline: DM Serif Display, sentence case, 36px and up, one weight */
h1,.display{font:400 clamp(36px,4.5vw,56px)/1.08 var(--serif);letter-spacing:0;text-transform:none;font-synthesis:none;margin:0}
.eyebrow{font:600 13px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase}

/* Reading and form text */
.text-link{font-weight:600;text-decoration:underline;text-decoration-color:var(--mh-ink);text-decoration-thickness:1px;text-underline-offset:4px}

/* Footer: Light, ink type, no gradient */
.footer{background:var(--mh-light);box-shadow:none;color:var(--mh-ink)}
.footer-links,.footer-legal{color:var(--mh-ink);font-size:14px}

/* Reading pages */
.section,.legal,.bio,.reader{background:var(--mh-light)!important}