/* Grid */
.hci-team-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:32px;
}

@media (max-width: 980px){
  .hci-team-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .hci-team-grid{ grid-template-columns:1fr; }
}

/* Card */
.hci-team-card{
  background:#fff;
  border-radius:5px;
  overflow:hidden;
  box-shadow: 0 5px 10px rgba(0,0,0,.08)
}

/* Image top */
.hci-team-media{
  display:block;
  width:100%;
  aspect-ratio: 4 / 5; /* portrait feel like your example */
  overflow:hidden;
  background: rgba(0,0,0,.04);
}

.hci-team-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.hci-team-img--placeholder{
  width:100%;
  height:100%;
  background: rgba(0,0,0,.06);
}

/* Body */
.hci-team-body{
  padding:22px 22px 26px;
}

.hci-team-name{
  margin:0;
  line-height:1.05;
  font-weight:800;
  font-size: clamp(28px, 2vw, 40px);
}

.hci-team-name-link{
  text-decoration:none;
  color:black;
  font-size: 22px;
}

.hci-team-title{
  margin-top:12px;
  font-size: 16px;
  line-height: 1.25;
  opacity: .95;
}
.hci-team-contact a, .hci-team-phone a {
  font-size: 15px;
}

/* Contact */
.hci-team-contact{
  margin-top:18px;
  font-size: 22px;
  line-height: 1.35;
}

.hci-team-contact a{
  text-decoration:none;
}