/* ============================================================================
   TYPE SKIN — "STUDIO"  ·  Archivo headlines, Inter everything else
                                                          (Caleb 2026-08-16)
   ----------------------------------------------------------------------------
   The confident agency voice. Where EDITORIAL is a magazine and CONSOLE is the
   product, this one is a design studio's own site: a tight, heavy grotesque
   headline over quiet Inter copy. Nothing new loads — Archivo and Inter are both
   already in the page's font links (Archivo draws the Dunbar, Kerrisdale and
   York House wordmarks), so this skin is free.

   WHAT ARCHIVO NEEDS
   Archivo is a wide, high-contrast-free grotesque built for signage. Left alone
   at 64px it is a billboard, which is the right instinct for a hero and the
   wrong one for a page with fourteen sections. So:
     • display goes HEAVY (700) but TIGHT (-.03em) — the weight is the character,
       the tracking is what stops it shouting;
     • headings deliberately drop to Inter rather than staying Archivo. Archivo
       at 22px next to Archivo at 64px reads as one undifferentiated block; the
       switch to Inter at card level is what gives this skin its hierarchy, and
       it is the one real structural difference between this and the others;
     • eyebrows tighten hard and go 700 — small tracked Archivo caps are this
       voice's signature and the page already has 74 places to use it.
   ============================================================================ */

:root{
  --pmt-display:'Archivo','Inter',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --pmt-heading:'Inter',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --pmt-body:'Inter',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --pmt-ui:'Archivo','Inter',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --pmt-app:'Poppins','Inter',system-ui,-apple-system,sans-serif;
}

/* ── DISPLAY — heavy and tight ─────────────────────────────────────────────── */
.hero__title,
.reassure__title,
#pm-services .pmsvc-h2,
.pm-ed__title,
.pm-book__title, .pm-book__cover-title, .pm-book-hero__title, .pm-book__page-title,
.pm-hww__h2,
.wlb__title,
.pmfc-title,
.pmwhat-title,
.ckf-head__title, .ckfs-title,
.apx__title,
.hx-title,
.pmts-title,
.pm-testi-light .pm-testi-h,
#sp-sticky h2,
.pm-final-cta__title{
  font-weight:700 !important;
  letter-spacing:-.03em !important;
}
.hero__title{ letter-spacing:-.038em !important; line-height:1.0 !important; }
/* Archivo has no true italic — its oblique is mechanical and the page leans on
   italic for emphasis in six headlines. Carry the emphasis with WEIGHT instead
   and leave the slant off, rather than shipping a fake italic. */
.pmwhat-title em, .ckfs-title em, .pmfc-title em, .pmts-title em, .ckfs-ct em,
.pmwhat-close em, .apx__sub-a{
  font-style:normal !important; font-weight:800 !important;
}
/* the Brief's romans are numerals at 96px — Archivo's are wide, so they need the
   most tracking correction on the page. */
.pm-book__page-roman, .pm-ed__block-roman, .pm-hww__roman{
  font-weight:700 !important; letter-spacing:-.04em !important;
}

/* ── HEADING — Inter, on purpose ──────────────────────────────────────────── */
#pm-services .pmsvc-card__title,
.pmfc-card__t,
.pmws__ctitle,
.ckf-mcard__t, .ckfs-menu__t,
.apx__head-t, .apx__name,
.pm-hww__ctitle,
.pm-ed__block-title, .pm-ed__step-title, .pm-ed__fit-title{
  font-weight:600 !important; letter-spacing:-.015em !important;
}

/* ── UI — the signature: tight heavy caps ─────────────────────────────────── */
[class*="eyebrow"], [class*="kicker"], [class*="__label"], [class*="__folio"]{
  font-weight:700 !important;
  letter-spacing:.16em !important;
}
.hero__btn, .pm-final-cta__btn, .wlb__go, #pm-services .pmsvc-card__btn,
.apx__cta, .apx__cta--card, .hx-cta, .ckfs-cta, #sp-skip,
.nav a, .nav-cta, a.nav-cta{
  font-weight:600 !important; letter-spacing:-.008em !important;
}
/* chips and tabs stay Inter — Archivo at 12px in a pill is unreadable, and the
   pills are UI furniture, not voice. */
.pmfc-chip, .pmts-panel__chip, .pm-ed__chip, .ckfs-chip, .apx__tag,
.pmfc-tab, .pmws__tab, .wlb__pill{
  font-family:'Inter',ui-sans-serif,system-ui,sans-serif !important;
}

@media (max-width:760px){
  /* Archivo is the widest of the four faces — the phone hero needs the most
     correction here or the controlled two-line break spills to three. */
  .hero__title{ letter-spacing:-.042em !important; font-size:clamp(21px,6.5vw,27px) !important; }
}