/* v6: "Who we help" example cards (home, inside .after). Uses the site's :root palette + fonts. */
.who{padding:clamp(2.5rem,6vw,4rem) var(--pad) clamp(1.5rem,4vw,2.5rem);max-width:1280px;margin:0 auto}
.who .kicker{color:var(--navy)}
.who-h{font-family:var(--display);font-weight:560;letter-spacing:-.035em;line-height:1;font-size:clamp(2rem,5vw,3.2rem);margin:0 0 1.6rem;max-width:20ch;color:var(--navy)}
.who-h em{font-style:italic;font-weight:520;color:var(--mustard-ink)}
.who-cards{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;grid-template-columns:1fr}
@media (min-width:640px){.who-cards{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.who-cards{grid-template-columns:repeat(4,1fr)}}
.who-card{background:var(--paper);color:var(--ink);padding:1.25rem 1.2rem 1.3rem;border-top:4px solid var(--mustard);box-shadow:0 14px 30px -24px #101c2c80;display:flex;flex-direction:column;gap:.6rem;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.who-card:hover{transform:translateY(-3px)}
.who-tag{margin:0;font:650 .8rem/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.who-tasks{margin:0;font-size:1rem;line-height:1.45;color:#171410cc}
.who-line{margin:auto 0 0;padding-top:.4rem;font:italic 500 1.2rem/1.25 var(--display);letter-spacing:-.01em;color:var(--ink)}
.who-note{margin:0;font-size:.85rem;color:#1714109c}
@media (prefers-reduced-motion:reduce){.who-card{transition:none}}