/* ============================================================
   TYPE TREATMENT T1 — MACHETE (LEAD)
   Staged only. Type only: no layout, spacing, palette, imagery
   or copy changes vs the staged homepage.
   Display: Alfa Slab One block capitals, crimson face, layered
   CSS depth (warm bevel highlight, dark seat, stacked near-black
   extrusion stepping down-right, ambient drop). All shadow
   offsets are em-relative, so the depth scales from the desktop
   hero down to phone section heads.
   System under it (Games R2 system): Archivo variable — condensed
   axis for nav/kickers/buttons/headline register, expanded
   wide-tracked caps for labels, natural width for body — and
   Fraunces italic for the editorial quote lines.
   Anton stays on the stat numerals.
   ============================================================ */
:root {
  --cond: 'Archivo', system-ui, sans-serif;
  --body: 'Archivo', system-ui, sans-serif;
  --serif: 'Fraunces', Georgia, serif;
}
body { font-weight: 440; }

/* ---- condensed register: Archivo 'wdth' 79 ---- */
nav.mainnav a, .nav-group-name, .nav-toggle, .head-search-btn span, #np-title, .np-label,
.ticker span, .hero2-kick .onair, .hero2-kick .feat-chip, .hero2-sub,
.hero2-stats span, .h2btn, .btn, .card-kick, .ww-cap b, .hiv-act, .hiv-cta,
.ag-pagelink, .az-kick, .quote-slide figcaption b, .quote-slide figcaption span,
.foot-brand, .foot-more-title, .foot-links a, .social-row a, .to-top,
.pick-stamp, .eprow .dur, .eprow-date, .p-titles b {
  font-family: 'Archivo', sans-serif;
  font-variation-settings: 'wdth' 79;
}
.hero2-sub { letter-spacing: .15em; }
.card-kick { font-weight: 700; }

/* ---- expanded labels: Archivo 'wdth' 116, wide-tracked caps ---- */
.tfile dt, .card-meta, .p-titles span {
  font-family: 'Archivo', sans-serif;
  font-variation-settings: 'wdth' 116;
  font-weight: 700; letter-spacing: .19em;
}

/* ---- body register: Archivo natural width, weight contrast ---- */
.lede { font-weight: 480; }
.feat-body p, .ag-line, .hiv-hook, .os-feature-copy, .az-in p { font-weight: 460; }
.ww-cap i { font-family: 'Archivo', sans-serif; font-weight: 500; }

/* ---- editorial line: Fraunces italic ---- */
.hero2-quote {
  font-family: 'Fraunces', serif; font-style: italic; font-weight: 560;
  font-optical-sizing: auto; font-size: 1.22rem; line-height: 1.4;
}
.quote-slide blockquote { font-family: 'Fraunces', serif; font-weight: 520; }

/* ---- MACHETE display: hero + section headlines ---- */
.hero2-name, .sec-label h2 {
  font-family: 'Alfa Slab One', serif;
  color: #d71920;
  text-shadow:
    -0.016em -0.016em 0 rgba(255, 224, 196, .35),
     0.014em  0.020em 0 #4a0206,
     0.004em  0.010em 0 #060606,
     0.008em  0.019em 0 #060606,
     0.011em  0.029em 0 #060606,
     0.015em  0.038em 0 #060606,
     0.019em  0.048em 0 #060606,
     0.023em  0.057em 0 #060606,
     0.027em  0.067em 0 #060606,
     0.030em  0.076em 0 #060606,
     0.034em  0.086em 0 #060606,
     0.038em  0.095em 0 #060606,
     0.042em  0.105em 0 #060606,
     0.046em  0.114em 0 #060606,
     0.049em  0.124em 0 #060606,
     0.053em  0.133em 0 #060606,
     0.070em  0.220em 0.30em rgba(0, 0, 0, .5);
}
.hero2-name { font-size: 4.3rem; line-height: .96; letter-spacing: .01em;
  /* FINAL (Moe's pick, Nov 12): BLACK OUTLINE. 1.5px in #060606,
     the near-black of the extrusion stack's own steps, centered on
     the glyph edge over the crimson face. Bevel / seat / extrusion
     behind it unchanged. The white-outline version is kept as
     type-t1-white.css. */
  -webkit-text-stroke: 1.5px #060606; }

/* FACE-CLEAR, FINAL (Nov 12): phone size is 4.3rem (68.8px), up
   from 3.95rem at Moe's ask. Measured ink: DANNY right edge x274,
   clear of the MTT mic flag zone (x>=297) by 23px, and the 182px
   margin still drops the name fully below the flag. Faces clear.
   Scoped to below-desktop so the desktop margin shorthand is
   untouched. */
@media (max-width: 1023px) {
  .hero2-name { margin-top: 182px; }
}
.hero2-name em { color: #d71920; }
.sec-label h2 { font-size: clamp(1.02rem, 5.2vw, 1.3rem); letter-spacing: .06em; line-height: 1.1; }

@media (min-width: 1024px) {
  /* header fit: Archivo runs wider than Barlow Condensed, so the
     desktop nav and now-playing strip tighten tracking to hold
     the same header boxes (type-only adjustment). */
  nav.mainnav a, .nav-group-name { letter-spacing: .05em; }
  .np-label { letter-spacing: .1em; }
  #np-title { letter-spacing: .02em; }
  nav.mainnav a, .nav-group-name { font-variation-settings: 'wdth' 66; }

  .hero2-sub { letter-spacing: .28em; }
  .hero2-quote { font-size: 1.44rem; }
  /* FACE-CLEAR, FINAL (Nov 12): measured ink at the shipped size
     (5.25rem cap, 84px at 1440) is x506-814, about 8px clear of each
     face (Moe's face line ~498, Trejo's ~822), zero overlap, flag
     untouched (x>=925). That is the geometric max for this frame:
     the name now fills the face-free column. The layered depth
     stack above is unchanged and scales with em. */
  .hero2-name { font-size: clamp(4.4rem, 5.83vw, 5.25rem); transform: translateX(-60px); }
  .sec-label h2 { font-size: clamp(1.72rem, 2.75vw, 2.6rem); letter-spacing: .05em; }
}