/* ============================================================
   DESTREZA — BRAND TYPE LAYER  ·  DZ-001 ruling, 23 August 2026
   Loaded AFTER polish.css so it owns the three type tokens.

   Headlines .............. Mona Sans Expanded 400
   Body / nav / buttons /
   labels / footer ........ Mona Sans 400
   Medium emphasis ........ Mona Sans 500
   Wordmark ............... Syncopate 400 · .1em · 10.5px nav · 19px footer
   Geist Mono ............. dropped

   Faces are declared 400..700 on purpose: the estate's built ladder
   asks for 200 / 300 / 380 in places, and CSS font matching folds
   every one of those onto 400 while keeping 500 exact. That closes
   the ladder without editing a single selector.
   ============================================================ */

@font-face{
  font-family:"Mona Sans";font-style:normal;font-weight:400 700;font-display:swap;
  src:url("assets/fonts/mona-sans-latin-standard-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Mona Sans";font-style:normal;font-weight:400 700;font-display:swap;
  src:url("assets/fonts/mona-sans-latin-ext-standard-normal.woff2") format("woff2");
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* Expanded cut — same variable file pinned to the wdth 125 end of the axis. */
@font-face{
  font-family:"Mona Sans Exp";font-style:normal;font-weight:400 700;font-stretch:125%;font-display:swap;
  src:url("assets/fonts/mona-sans-latin-standard-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Mona Sans Exp";font-style:normal;font-weight:400 700;font-stretch:125%;font-display:swap;
  src:url("assets/fonts/mona-sans-latin-ext-standard-normal.woff2") format("woff2");
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"TC Syncopate";font-style:normal;font-weight:400;font-display:swap;
  src:url("assets/fonts/syncopate-latin-400-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"TC Syncopate";font-style:normal;font-weight:400;font-display:swap;
  src:url("assets/fonts/syncopate-latin-ext-400-normal.woff2") format("woff2");
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ── the three tokens the whole estate resolves through ────────────────── */
:root{
  --font-display:"Mona Sans Exp","Mona Sans",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-body:"Mona Sans",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-mono:"Mona Sans",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  /* polish.css derives these from the three above; restated so load order cannot bite */
  --pa-display:var(--font-display);
  --pa-body:var(--font-body);
  --pa-mono:var(--font-mono);
}

/* ── the wordmark · Syncopate 400, the only place Syncopate appears ─────── */
/* Scoped to an explicit wordmark class, NOT to .nav__mark / .foot__wm.
   Those two are structural classes and the Playbook product pages reuse them
   for a product title — styling them globally moved that component's geometry. */
.dz-wm{
  font-family:"TC Syncopate",-apple-system,system-ui,sans-serif;
  font-weight:400;
  letter-spacing:.1em;
}
.nav__mark.dz-wm{font-size:10.5px}
.foot__wm.dz-wm{font-size:19px}


/* ── dictionary line under the name story heading (/about/) ─────────────── */
.prose .pron{margin-top:-6px;font-size:.95rem;line-height:1.6;color:var(--tx-mute)}
.prose .pron__w{font-style:italic;color:var(--cream)}
.prose .pron__p{color:var(--cobalt-bright);margin-left:.15em}
.prose .pron__d{font-family:var(--font-mono);font-size:.72em;letter-spacing:.1em;
  text-transform:uppercase;color:var(--tx-faint);margin-left:.35em}