/* ============================================================================
   bto-type-unify.css — the Apple-discipline type pass (founder, 2026-08-17)
   Loaded LAST on all six pages (4 static + home + services index.html).

   WHAT THIS IS: one sheet that (a) moves ALL small-label type (eyebrows) off
   Antonio onto Neue Montreal — condensed display faces don't do small tracked
   labels — (b) normalizes the drifted sizes to the site scale (H2 48, eyebrow
   14/600), (c) kills the ProximaNova remnant on the home hero, and (d) slims
   the shared footer to the locked 2026-08-17 spec (blurb + nav + socials +
   legal; the big CTA block, cards and watermark tag are hidden, not deleted —
   one rule each to restore).

   !important is deliberate: this sheet must beat compiled Tailwind layers and
   (0,3,0)+ selectors in the built bundles without chasing specificity.
   ========================================================================== */

/* --- 1. Eyebrows → Neue Montreal 14/600, everywhere ----------------------- */
.svc-sec-eyebrow,
.bto-eyebrow,
.p5b-eyebrow,
.sva-act-eyebrow,
.svcfaq-eyebrow,
.spb-eyebrow,
.svcseo-eyebrow,
.kick {
  font-family: "Neue Montreal", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

/* --- 1b. The Antonio-under-24px sweep (founder, 2026-08-17 evening) --------
   Ash: "why this eyebrow font is not changed" (home FAQ). Swept every page for
   Antonio below display size. Converted: eyebrows/labels/UI text. Deliberately
   KEPT in Antonio: card names (sva-card-name, sva-bubble-name, svw-name),
   numeral chips (sva-bubble-n, spb-idx), amber slabs, and the media-tile
   captions in the work rails/archive — those are card design, not page type. */
.p5-eyebrow,          /* home FAQ "Questions" — the flagged one */
.p5b-row-label,       /* home why-us row labels */
.bf-ch {              /* footer column headings, site-wide */
  font-family: "Neue Montreal", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}
.p5-qt,               /* home FAQ question rows */
.p4-promise-line,     /* "It grows as new work lands." */
.svcfaq-title-ask,    /* services FAQ "Send the idea and…" line */
.pv-back {            /* archive "← All stacks" */
  font-family: "Neue Montreal", "Helvetica Neue", Arial, sans-serif !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.p5-qt { font-weight: 600 !important; }
.svw-screen-k {       /* the tiny "What it replaces" key labels */
  font-family: "Neue Montreal", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
}

/* --- 2. Removed eyebrows / footnotes (locked text pass) ------------------- */
.p4-eyebrow,      /* Home "THE WORK" (repeated the H2) */
.bw-eyebrow,      /* Home "THE FULL SHELF" */
.svw-eyebrow,     /* Services "WHY BY THE OWL" */
.paw-foot {       /* Home artist wall footnote (Leela Punks/LEENA) */
  display: none !important;
}

/* --- 3. H2s → Neue Montreal, sentence case (founder "Variant B", 2026-08-17) --
   Antonio is display-only now: hero H1s and the big slab words keep it; every
   section H2 runs the text face at 40/600, sentence case. The source strings
   are already sentence case — the old ALL CAPS was pure CSS text-transform. */
.content__title, .svc-sec-head,
.bto-banner-title, .p4-title, .bw-title, .paw-title, .p5b-title,
#home-faq h2,
.svw-head, .svcseo-h1, .sva-act-head, .spb-head,
#svc-faq h2 {
  font-family: "Neue Montreal", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 40px !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.015em !important;
  text-transform: none !important;
}
/* kill uppercase on every child span/em/slab inside those H2s too */
.content__title *, .svc-sec-head *,
.bto-banner-title *, .p4-title *, .bw-title *, .paw-title *, .p5b-title *,
#home-faq h2 *,
.svw-head *, .svcseo-h1 *, .sva-act-head *, .spb-head *,
#svc-faq h2 * {
  text-transform: none !important;
}

/* --- 3b. Buttons/CTAs → Neue Montreal, sentence case (founder, 2026-08-17) --
   Same complaint as the eyebrows: Antonio condensed + uppercase + tracking at
   button size. The header's own pill (.bh__cta) was already NM sentence case —
   every other CTA now matches it. Markup is already sentence case; the caps
   were pure CSS text-transform. */
.p2-cta, .p2-cta--primary, .p2-cta--ghost,
.hero-button p, .svcp1-cf-cta,
.bto-form__submit, .bf-cta {
  font-family: "Neue Montreal", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* --- 4. ProximaNova remnant: home hero body runs Neue Montreal ------------ */
#home-hero p {
  font-family: "Neue Montreal", "Helvetica Neue", Arial, sans-serif !important;
}

/* --- 5. Slim footer (locked 2026-08-17) ----------------------------------- */
/* Big close block (eyebrow + "Bring the date" head + sub + CTA), the three
   labeled cards, and the "Vision in motion" watermark tag: hidden. Blurb,
   nav columns, social icons, legal row stay. */
.bf-close__lead,
.bf-cards,
.bf-wm-tag {
  display: none !important;
}
/* Social pills: icon-only — the <span> text labels go, the SVGs stay. */
.bf-pills a span { display: none !important; }
.bf-pills a { gap: 0 !important; }
/* The Contact column was hidden on 2026-08-06 to kill the cards/column double.
   The cards are gone now — the column is the ONLY copy, so it comes back. */
.bf-col[aria-label="Contact"] { display: block !important; }
/* 2026-08-17: .bf-close__lead and .bf-cards above are BOTH hidden now, so
   .bf-close (their shared parent) holds nothing — but it still pays its own
   ~56-144px top/bottom padding (bto-footer.css:622), which read as a dead
   black band above the footer. Nothing left inside it, so hide the shell too. */
.bf-close { display: none !important; }
/* .bf-social (the bare-icon row in the brand column) was hidden 2026-08-06 to
   kill a duplicate with .bf-pills (the labeled row up in .bf-cards). .bf-cards
   is gone now, so .bf-social is the ONLY social row left — bring it back the
   same way the Contact column came back above. Ash flagged the social icons
   as missing site-wide; this rule (bto-footer.css:677) was why. */
.bf-col--brand .bf-social { display: flex !important; }
