/* ===============================
   VARIABLES
================================ */
/* Foreground / Background System */
/* Spacing */
/* Neutral */
/* Transitions */
/* Missing vars in your CSS (add correct values if needed) */
.block-inline-blockteam-member-cards h2 {
  margin-bottom: 2.5rem;
  text-align: center;
}

.team-member-cards__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (max-width: 767px) {
  .team-member-cards__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .team-member-cards__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}
.team-member-cards__grid__image {
  width: calc(100% - 40px);
  aspect-ratio: 4/3;
  margin: 20px;
  overflow: hidden;
  border-radius: 20px;
}
.team-member-cards .member-card {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.team-member-cards .member-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}