@font-face{
  font-family:"Mona Sans";font-style:normal;font-weight:400 700;font-display:swap;
  src:url("/assets/playbook-master-20261006/destreza/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/playbook-master-20261006/destreza/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:"Mona Sans Exp";font-style:normal;font-weight:400 700;font-stretch:125%;font-display:swap;
  src:url("/assets/playbook-master-20261006/destreza/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/playbook-master-20261006/destreza/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;
}
: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;
  
  --pa-display:var(--font-display);
  --pa-body:var(--font-body);
  --pa-mono:var(--font-mono);
}



/* DZ-088 — the engraved SVG is the master EVERYWHERE. The word stays in the markup for screen
   readers and for search; only its rendering changes, which is why this is a stylesheet change
   and not an edit to 66 pages.

   🔴 THE DA MONOGRAM IS NOT A SMALL-SIZE SUBSTITUTE. Andy's ruling, 16 Sept 2026: it appears only
   where the wordmark genuinely cannot go — a square avatar, a favicon, an app icon. The site nav is
   not one of those places. The 14 Sept note that the nav should "drop to the DA monogram at small
   sizes" rested on a real constraint applied to the wrong thing: the hairline master does vanish if
   you squeeze it into the 74.5px that TC Syncopate occupied at 10.5px (that would be 7.15px tall),
   but the nav has 707px of clear space before the links begin. Measured, not assumed. So the mark
   is given its natural width instead: 12px tall, 125px wide, which reads cleanly against 14px links.

   FOOTER LOCKUP — Andy's rule, 16 Sept: the descriptor must never run wider than the wordmark.
   Measured live, it ran 238.8px against the wordmark's 134.7px, 77% over. Enforced by construction
   rather than a tuned font-size: the block takes its width from its widest child and the wordmark
   fills 100% of it at a fixed aspect-ratio, so the edges stay identical whatever the copy or the
   type size ever become. It matches the business-card lockup, where the foil wordmark and the
   printed descriptor share one width. */
.dz-wm{letter-spacing:.1em}
.dz-wm > span:first-child{
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  background-image:url("/assets/playbook-master-20261006/destreza/assets/brand/destreza-wordmark-metal.svg");
  background-repeat:no-repeat;
  background-position:left center;
  background-size:contain;
}
.nav__mark.dz-wm{font-size:10.5px;display:inline-flex;align-items:center}
.nav__mark.dz-wm > span:first-child{height:12px;width:auto;aspect-ratio:14315.6 / 1374}
.foot__wm.dz-wm{font-size:19px;display:inline-block;width:max-content;max-width:100%}
.foot__wm.dz-wm > span:first-child{width:100%;aspect-ratio:14315.6 / 1374}
.foot__wm.dz-wm > .foot__wm-desc{display:block;white-space:nowrap;max-width:100%}



.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}