/* ═══ who-we-serve/audiences.css — OWNER: Agent D (v4 ownership table).
   Shared page styles for the five /who-we-serve/ audience pages.
   Consumes tokens.css variables + scenes.css primitives (.wa-scene, .glass-live,
   .wa-card, .wa-cta-band). Adds nothing to the motion system: reveals belong to
   js/scene-engine.js (data-reveal); the only transitions here are ≤150ms micro
   hover states per DESIGN_LAW #4/#5. ═══ */

/* ── Hero scene ── */
.aud-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:var(--s-5);
  align-items:center;
}
.aud-hero-panel{padding:var(--s-5);}
.aud-h1{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.4rem,4.5vw,3.8rem);
  color:var(--white);
  font-weight:600;
  line-height:1.08;
  margin-bottom:18px;
}
.aud-h1 em{font-style:italic;color:var(--gold);}
.aud-thesis{
  font-size:var(--fs-md);
  color:var(--text);
  line-height:1.8;
  max-width:58ch;
  margin-bottom:var(--s-2);
}
.aud-support{
  font-size:var(--fs-base);
  color:var(--muted);
  line-height:1.8;
  max-width:58ch;
}

/* Figure column: single dimensioned image (zero CLS) + locked-copy stat below. */
.aud-figure{position:relative;margin:0;}
.aud-figure img{
  display:block;width:100%;height:280px;
  object-fit:cover;object-position:center;
  border:1px solid var(--glass-border);
  filter:brightness(0.8);            /* v3 serve-visual treatment — keeps text-over-navy register */
}
.aud-stat{
  display:flex;align-items:baseline;gap:14px;
  padding:var(--s-2) 0 0;
}
.aud-stat-n{
  font-family:'Cormorant Garamond',serif;
  font-size:var(--fs-2xl);
  color:var(--gold);
  font-weight:600;line-height:1;
}
.aud-stat-l{font-size:var(--fs-sm);color:var(--muted);line-height:1.5;max-width:34ch;}

/* ── Evidence scene (checklist) ── */
.aud-evidence{max-width:760px;}
.aud-checklist{list-style:none;margin-top:var(--s-3);}
.aud-checklist li{
  position:relative;
  padding:16px 0 16px 40px;
  border-bottom:1px solid var(--border-subtle);
  font-size:var(--fs-md);
  color:var(--text);
  line-height:1.6;
}
.aud-checklist li::before{
  content:'\2713';
  position:absolute;left:0;top:15px;
  width:24px;height:24px;
  display:flex;align-items:center;justify-content:center;
  font-size:0.75rem;color:var(--gold);
  border:1px solid var(--glass-border-gold);
  background:var(--gold-dim);
}
.aud-checklist li em{font-style:normal;color:var(--gold);}

/* ── "What we examine" scene ── */
.aud-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s-3);
  margin-top:var(--s-4);
}
.aud-card-k{
  display:block;
  font-size:var(--fs-xs);
  letter-spacing:0.2em;text-transform:uppercase;
  color:var(--gold);
  margin-bottom:12px;
}

/* ── CTA band scene ── */
.aud-band-actions{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;}
.aud-band-link{
  color:var(--navy);
  font-size:var(--fs-sm);font-weight:600;
  text-decoration:underline;text-underline-offset:4px;
  transition:opacity var(--dur-micro);
}
.aud-band-link:hover{opacity:0.75;}
.aud-band-link:focus-visible{outline:2px solid var(--navy);outline-offset:3px;}

/* ── Responsive (shared-file media rules — audiences pages only) ── */
@media (max-width:1023px){
  .aud-hero-grid{grid-template-columns:1fr;gap:var(--s-4);}
  .aud-hero-panel{padding:var(--s-4) var(--s-3);}
  .aud-figure img{height:220px;}
  .aud-cards{grid-template-columns:1fr;}
}