/* Team · the directory — filter chips (practice, studio) and the count, then the cards four to a row
   (partials/team/people.php, assets/js/team/people.js; the card itself is in team.css). */
.tm-ppl__filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px 36px;margin-bottom:36px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.tm-ppl__f{display:flex;flex-direction:column;gap:10px;min-width:0}
.tm-ppl__chips{display:flex;flex-wrap:wrap;gap:6px}
.tm-chip{display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border:1px solid var(--line-3);border-radius:var(--r-pill);background:var(--paper);
  color:var(--txt);font-size:var(--t-sm);font-weight:500;line-height:1.25;transition:background var(--d1) var(--e-io),color var(--d1) var(--e-io),border-color var(--d1) var(--e-io)}
.tm-chip:hover{border-color:var(--ink);color:var(--ink)}
.tm-chip[aria-current="true"],.tm-chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
.tm-ppl__count{margin-left:auto;font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-bottom:12px}
.tm-ppl__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px var(--bdh-gap)}
.tm-ppl__item[hidden]{display:none}
.tm-ppl__item.is-in{animation:tm-ppl-in .45s var(--e) both}
@keyframes tm-ppl-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tm-ppl__none{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:28px 0;font-size:var(--t-body);color:var(--muted)}
.tm-ppl__none[hidden]{display:none}
@media (max-width:1180px){.tm-ppl__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .tm-ppl__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
  .tm-chip{min-height:44px}
  .tm-ppl__count{margin-left:0;padding-bottom:0}
}
@media (prefers-reduced-motion:reduce){.tm-ppl__item.is-in{animation:none}}

/* touch screens (phones and tablets): 44px tap targets (integrator, responsive pass) */
@media (pointer:coarse){
  .tm-chip{min-height:44px}
}