/* Consistent compact team cards: Homepage and the separate About page. */
#tim .team, .ddd-about-team .team {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
#tim .person, .ddd-about-team .person {
  min-width:0;
  min-height:0;
  padding:20px 15px;
  border-radius:19px;
  text-align:center;
  box-shadow:0 9px 24px rgba(30,64,83,.055);
}
#tim .person .avatar, .ddd-about-team .person .avatar {
  width:92px;
  height:92px;
  border-radius:50%;
  margin:0 auto 13px;
}
#tim .person .avatar img, .ddd-about-team .person .avatar img {
  width:100%;height:100%;object-fit:cover;border-radius:50%;
}
#tim .person h3, .ddd-about-team .person h3 {
  font-size:16px;line-height:1.35;margin:0 0 6px;overflow-wrap:anywhere;
}
#tim .person p, .ddd-about-team .person p {
  font-size:13px;line-height:1.45;margin:0;color:#607c8b;overflow-wrap:anywhere;
}
@media(max-width:930px){#tim .team,.ddd-about-team .team{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(max-width:700px){#tim .team,.ddd-about-team .team{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:410px){
 #tim .person,.ddd-about-team .person{padding:15px 10px;border-radius:17px}
 #tim .person .avatar,.ddd-about-team .person .avatar{width:72px;height:72px;margin-bottom:10px}
 #tim .person h3,.ddd-about-team .person h3{font-size:14px}
 #tim .person p,.ddd-about-team .person p{font-size:12px}
}