#team .team-layout { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.65fr); gap: clamp(40px, 6vw, 88px); }
#team .team-head { align-self: start; }
#team .team-head h2 { font: 500 clamp(2rem, 3.2vw, 3rem)/1.06 var(--font-display); letter-spacing: -0.035em; margin: 20px 0; text-wrap: balance; }
#team .team-lede { color: var(--ink-2); font-size: 16px; line-height: 1.65; margin: 0; max-width: 36ch; }
#team .team-note { color: var(--ink-3); font-size: 13px; line-height: 1.6; margin: 28px 0 0; max-width: 36ch; }
#team .team-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line-2); }
#team .team-person { display: flex; align-items: center; gap: 24px; padding: 20px 0; border-bottom: 1px solid var(--line); }
#team .team-person img { width: 80px; height: 96px; flex: none; border-radius: var(--r-2); }
#team .team-copy { min-width: 0; }
#team .team-identity { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 16px; }
#team .team-identity h3 { font: 500 21px/1.25 var(--font-display); letter-spacing: -0.02em; margin: 0; color: var(--ink); }
#team .team-role { font-size: 13px; color: var(--accent); margin: 0; }
#team .team-focus { color: var(--ink-2); font-size: 14px; line-height: 1.5; margin: 7px 0 10px; }
#team .team-skills { display: flex; flex-wrap: wrap; gap: 5px 14px; list-style: none; padding: 0; margin: 0; color: var(--ink-3); font-size: 12px; }
@media (hover: hover) and (pointer: fine) {
  #team .team-person:hover .team-role, #team .team-person:hover .team-focus, #team .team-person:hover .team-skills { color: var(--ink); }
}
@media (max-width: 860px) {
  #team .team-layout { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  #team .team-lede, #team .team-note { max-width: 52ch; }
  #team .team-note { margin-top: 16px; }
}
@media (max-width: 480px) {
  #team .team-person { gap: 16px; align-items: start; }
  #team .team-person img { width: 64px; height: 77px; }
  #team .team-identity { display: block; }
  #team .team-role { margin-top: 4px; }
  #team .team-skills { gap: 4px 12px; }
}