.team-portrait{
  display:block;
  width:clamp(84px,9vw,112px);
  aspect-ratio:1;
  border-radius:50%;
  object-fit:cover;

  object-position:50% 42%;
  margin-bottom:var(--sp-3);

  border:1px solid var(--rule);
  box-shadow:0 10px 30px -14px rgba(0,0,0,.7);
  background:var(--surface);
}

.team-pair{
  display:flex;
  justify-content:center;
  gap:clamp(14px,2vw,26px);
  margin-bottom:var(--sp-4);
}
.team-pair .team-portrait{margin-bottom:0}

.card:hover .team-portrait{border-color:var(--gold-text)}
.team-portrait{transition:border-color .4s var(--ease)}

@media (prefers-reduced-motion:reduce){
  .team-portrait{transition:none}
}

@media (forced-colors:active){
  .team-portrait{border:1px solid CanvasText;box-shadow:none}
}