/* r12o (Pat, 10 Nov): "like they were before, just organised with their titles better, not in a ranking system".
   One even grid of same-size faces, as before. Each job is a small labelled cluster; the clusters sit side by side and wrap,
   so Board + Sales fill row one, Research + Client Services row two, partners row three. No stacked ladder.
   Six face tracks on desktop, four on tablet, two on a phone. --n is the cluster's face count (set inline). */
.teamsec.t23 .tgs{--cols:6;--gx:16px;margin-top:56px;display:flex;flex-wrap:wrap;gap:44px var(--gx)}
.teamsec.t23 .tgrp{flex:none;width:calc((100% - (var(--cols) - 1) * var(--gx)) * var(--n) / var(--cols) + (var(--n) - 1) * var(--gx));min-width:0}
.teamsec.t23 .tgrp-h{margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid rgba(17,65,54,.22);font:600 14px/1.2 var(--f-text);letter-spacing:.08em;text-transform:uppercase;color:#114136}
.teamsec.t23 .tgrp .tg{margin-top:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:28px var(--gx)}
.teamsec.t23 .pp .phx i{font-size:14px}
@media (max-width:1100px){
  .teamsec.t23 .tgs{--cols:4}
  .teamsec.t23 .tgrp[style*="--n:5"]{width:100%}
  .teamsec.t23 .tgrp[style*="--n:5"] .tg{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:700px){
  .teamsec.t23 .tgs{--cols:2;--gx:14px;margin-top:40px;gap:36px var(--gx)}
  .teamsec.t23 .tgrp{width:100%}
  .teamsec.t23 .tgrp .tg,.teamsec.t23 .tgrp[style*="--n:5"] .tg{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px var(--gx)}
}