/* ═══════════════════════════════════════════════════════════════
   FMST · TYPE IDENTITY · brand + category pages
   The voice the homepage speaks, carried across the catalogue:
   Archivo for anything structural, IBM Plex Mono for anything that
   is a number or a label. Loaded on every brand page.
   ═══════════════════════════════════════════════════════════════ */

/* ── Display: Archivo, held slightly expanded ────────────────────
   The width axis is the point — at wdth 118 the headings sit like
   warehouse signage rather than default UI bold. */
h1, h2,
.section-title, .sec-title{
  font-family:'Archivo', Inter, system-ui, sans-serif;
  font-variation-settings:'wdth' 118;
  font-weight:800;
  letter-spacing:-.5px;
}
/* an expanded face costs horizontal room a 390px column does not have */
@media (max-width:820px){
  h1, h2,
  .section-title, .sec-title{
    font-variation-settings:'wdth' 108;
    letter-spacing:-.4px;
  }
}

/* ── Data + labels: IBM Plex Mono ────────────────────────────────
   For a business whose product IS specifications, the numbers should
   look like they came off a datasheet. */
.section-eyebrow, .eyebrow, .m-sec-t,
.hstat-num, .hstat-lbl,
.cat-tab, .cat-tab-count,
.brand-tag, .cert-chip{
  font-family:'IBM Plex Mono', ui-monospace, monospace;
  font-weight:600;
}
.hstat-num{ font-variant-numeric:tabular-nums; letter-spacing:-.5px; }

/* ── The copper tick ─────────────────────────────────────────────
   The conductor metal inside every cable on the shelves. Eyebrows only:
   .cert-chip already owns its ::before for the green authorisation dot. */
.section-eyebrow::before,
.eyebrow::before{
  content:'— ';
  color:#C9885A;
  font-weight:600;
}