/* What Citizen Activate does · shared
   ==========================================================================
   The section shell and its type. The variant file owns the layout and the
   colour; this is what any variant would need. */
.ca-what{
  background:var(--cream);
  color:var(--ink-deep);
  padding-block:clamp(3rem,7vw,5.5rem);
}
.ca-what-wrap{
  max-width:var(--wrap);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.ca-what-head{display:grid;gap:var(--s-2);min-width:0}
.ca-what-eyebrow{
  margin:0;
  font-family:var(--font-accent);font-weight:600;font-size:var(--t-2);
  letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);
}
.ca-what-title{
  margin:0;
  /* Alfa Slab One: one weight, never under 24px */
  font:400 clamp(1.75rem,5.2vw,3.4375rem)/1.1 var(--font-display);
  letter-spacing:-.005em;color:var(--ink-deep);text-wrap:balance;
}
.ca-what-lead{margin:0;font-size:var(--t-5);line-height:1.55;color:var(--ink-2)}

.ca-what-h3{margin:0;font:400 var(--t-8)/1.15 var(--font-display);letter-spacing:-.005em}
.ca-what-body{margin:0;font-size:var(--t-4);line-height:1.5}
.ca-what-out{
  margin:0;display:grid;gap:var(--s-0);
  font-size:var(--t-4);line-height:1.45;
}
.ca-what-out b{
  font-family:var(--font-accent);font-weight:700;font-size:var(--t-2);
  letter-spacing:.12em;text-transform:uppercase;
}
.ca-what-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}