/* Shared type system. Link after site.css on every page that has been through the redesign.
   Archivo = display (headings, stats). Manrope = reading text.
   One scale, each step ~1.25x the last from a 16px body: 13 / 16 / 20 / 24 / 40 / 52 (64 home hero).
   Change sizes here only; home.css reads the same variables. */
@font-face{font-family:Archivo;src:url(/fonts/archivo-variable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap}
:root{--display:"Archivo","Manrope","Segoe UI",sans-serif;--muted-strong:#4d5458;
  --fs-eyebrow:.8125rem;                                /* 13 */
  --fs-lead:clamp(1.125rem,1.05rem + .25vw,1.25rem);    /* 18 -> 20 */
  --fs-card:clamp(1.25rem,1.1rem + .4vw,1.5rem);        /* 20 -> 24 */
  --fs-h2:clamp(1.875rem,1.4rem + 1.6vw,2.5rem);        /* 30 -> 40 */
  --fs-h1:clamp(2.375rem,1.7rem + 2.3vw,3.25rem);       /* 38 -> 52 */
  --fs-hero:clamp(2.5rem,1.5rem + 3.2vw,4rem)}          /* 40 -> 64, home only */

main h1,main h2,main h3{font-family:var(--display);font-stretch:94%;font-weight:800;word-spacing:.05em}
main .font-black,main .section-title{font-weight:800}

/* page title (home overrides with .bt-hero-h1) */
main h1{font-size:var(--fs-h1);line-height:1.04;letter-spacing:-.015em}
/* section heading */
main h2,main .section-title{font-size:var(--fs-h2);line-height:1.08;letter-spacing:-.01em;max-width:46rem}
/* card / column title */
main h3,main .bt-card-title{font-size:var(--fs-card);line-height:1.2;letter-spacing:-.005em}

main .eyebrow{font-size:var(--fs-eyebrow);letter-spacing:.14em}
main .bt-lead{font-size:var(--fs-lead);font-weight:500;line-height:1.6}
.bg-ink main .bt-lead,main .bg-ink .bt-lead{color:rgba(255,255,255,.82)}

/* reading text: Manrope at 400 is too thin at 16px */
main p,main li{font-weight:500;text-wrap:pretty}
main h1,main h2,main h3,main .bt-intro{text-wrap:balance}  /* headings and short (1-2 line) intros: even lines, no stragglers */
main .text-muted{color:var(--muted-strong)}

/* two-statement page titles: one statement per line, the second in a quieter tone */
main .bt-h1-split span{display:block}
main .bt-h1-split .bt-sub{color:rgba(255,255,255,.68)}