/* ==========================================================================
   Media Bezirgan — Type 1b typography layer
   Display/UI: Archivo (variable, condensed via wdth axis 62–125)
   Reading:    Source Serif 4 (variable, optical size)
   Loaded AFTER each page's inline Type 1 styles; palette unchanged.
   ========================================================================== */
:root{
  --font-display:"Archivo","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --font-body:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-read:"Source Serif 4","Source Serif Pro",Georgia,"Times New Roman",serif;
  --cond-xx:66%;  /* brand, big numerals */
  --cond-x:74%;   /* headlines */
  --cond:82%;     /* card heads, nav */
  --cond-s:90%;   /* labels, buttons, meta */
}
body{font-family:var(--font-body);font-feature-settings:"kern","liga";}

/* ---------- Brand & nav ---------- */
.brand-mark{font-family:var(--font-display);font-stretch:var(--cond-xx);font-weight:900;text-transform:uppercase;
  font-size:1.6rem;letter-spacing:.005em;line-height:1}
.brand-cue{font-stretch:var(--cond-s);font-weight:700;letter-spacing:.14em}
.nav{font-stretch:var(--cond);font-weight:700;font-size:13.5px;text-transform:uppercase;letter-spacing:.07em;gap:22px}
.nav a.is-active{border-bottom-width:3px}
.btn{font-family:var(--font-body);font-stretch:var(--cond-s);font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:12.5px;border-radius:2px}
.btn-lg{font-size:14px}
.mock-banner{font-stretch:var(--cond-s);font-weight:600;letter-spacing:.1em}

/* ---------- Labels / chips / eyebrows ---------- */
.chip,.eyebrow,.badge,.r-chip,.related-item .r-chip,.hero-media-label,.portrait-label,.trust-row,
.side-card > h2,.footer-col h2,.card dt,.count small,.quote-block cite,.t-part{
  font-family:var(--font-body);font-stretch:var(--cond-s);font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.chip{border-radius:2px;font-size:11px;padding:4px 9px}

/* ---------- Headlines ---------- */
h1,h2,h3,h4,
.hero-body h1,.article-header h1,.page-hero h1,.about-body h1,.s-hero h1,
.card-body h3,.card h3,.scard h3,.focus-card h3,.related-item h3,.t-title,
.donate-copy h2,.donate-block h2,.donate-panel h2,.where-goes h3,.cta-strip h3,.prose h2,
.article-cta strong,.footer-brand{
  font-family:var(--font-display);font-stretch:var(--cond-x);font-weight:800;letter-spacing:-.005em}
.hero-body h1{font-size:clamp(2.2rem,3.4vw,3.05rem);line-height:1.02;letter-spacing:-.01em}
.article-header h1{font-size:clamp(2.4rem,4.2vw,3.5rem);line-height:1.0;letter-spacing:-.012em}
.page-hero h1,.about-body h1{font-size:clamp(2.3rem,3.8vw,3.2rem);line-height:1.02}
.s-hero h1{font-size:clamp(2.6rem,5.4vw,4.1rem);line-height:.98;letter-spacing:-.012em;max-width:20ch}
.card-body h3,.card h3{font-stretch:var(--cond);font-weight:750;font-size:1.32rem;line-height:1.1;letter-spacing:0}
.scard h3,.focus-card h3{font-stretch:var(--cond);font-weight:800;font-size:1.4rem;line-height:1.08}
.related-item h3{font-stretch:var(--cond);font-weight:750;font-size:1.08rem;line-height:1.15}
.t-title{font-stretch:var(--cond);font-weight:800;font-size:1.45rem;line-height:1.12}
.footer-brand{font-stretch:var(--cond-xx);font-weight:900;text-transform:uppercase;font-size:1.5rem}

/* Section heads: uppercase condensed slab with a heavy rule */
.section-head{border-bottom:3px solid var(--primary)}
.section-head h2,.section-h{font-family:var(--font-display);font-stretch:var(--cond-x);font-weight:900;text-transform:uppercase;
  font-size:1.75rem;letter-spacing:.01em;line-height:1}
.section-head a{font-stretch:var(--cond-s);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.donate-copy h2,.donate-block h2{font-size:2rem;line-height:1.02;text-transform:none}
.where-goes h3,.cta-strip h3,.donate-panel h2{font-size:1.45rem;line-height:1.08}
.prose h2{font-size:1.75rem;line-height:1.08;margin-top:2em}

/* Big numerals */
.count{font-family:var(--font-display);font-stretch:var(--cond-xx);font-weight:900;font-size:3rem;letter-spacing:-.01em}

/* ---------- Meta / dates ---------- */
.card-date,.t-date,.related-item .r-date,.hero-meta,.byline,.breadcrumb,.s-meta{
  font-stretch:var(--cond-s);letter-spacing:.04em}
.card-date,.t-date,.related-item .r-date{text-transform:uppercase;font-weight:700;font-size:11.5px;letter-spacing:.08em}
.hero-meta .by,.byline strong{text-transform:uppercase;letter-spacing:.07em;font-weight:800}

/* ---------- Reading text: Source Serif 4 ---------- */
.prose,.dek,.hero-lede,.card-body p,.card p,.bio p,.about-body .bio p,.s-intro,.lede,.page-hero .lede,.page-hero .lede-strong,
.donate-copy p,.donate-block p,.focus-card p,.scard p,.where-list span,.footer-tag,.article-cta p,.cta-strip p,.about-role,.hero-art-caption{
  font-family:var(--font-read)}
.prose{font-size:1.15rem;line-height:1.72}
.prose .drop{font-family:var(--font-read);font-weight:600;font-size:1.18em;line-height:1.55}
.prose blockquote{font-family:var(--font-read);font-style:italic;font-weight:500;font-size:1.3rem;line-height:1.45}
.dek{font-size:1.25rem;line-height:1.5}
.hero-lede{font-size:16.5px;line-height:1.6}
.card-body p,.scard p{font-size:15px;line-height:1.5}
.s-intro{font-size:1.28rem;line-height:1.62}
.s-intro .dline a{font-family:var(--font-body);font-stretch:var(--cond-s);text-transform:uppercase;letter-spacing:.07em;font-weight:800;font-size:.9rem}
.quote-block blockquote{font-family:var(--font-display);font-stretch:var(--cond-x);font-weight:800;font-size:1.9rem;line-height:1.1;letter-spacing:-.005em}

/* ---------- Shared footer (some source pages lacked full footer CSS) ---------- */
.site-footer{border-top:1px solid var(--border);background:var(--surface);padding:48px 24px 32px}
.footer-inner{max-width:var(--max,1120px);margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.footer-brand{margin:0 0 8px}
.footer-tag{color:var(--muted);font-size:15px;margin:0 0 16px;max-width:38ch}
.footer-col h2{font-size:11px;margin:0 0 12px;color:var(--muted)}
.footer-col ul{list-style:none;margin:0;padding:0}
.footer-col li{margin-bottom:8px}
.footer-col a{font-size:14px;color:var(--text)}
.footer-bottom{max-width:var(--max,1120px);margin:32px auto 0;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--muted);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-stretch:var(--cond-s);letter-spacing:.06em;text-transform:uppercase}
@media(max-width:900px){.footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.footer-inner{grid-template-columns:1fr}}

/* donate trust row: tighter tracking so it stays on one line */
.trust-row{letter-spacing:.07em}