/* Navigation related breakpoints */
/* Grid related breakpoints */
/* Navigation related breakpoints */
/* Grid related breakpoints */
.team-member {
  background: var(--color--white);
  transition: scale 0.3s;
  outline: solid 1px transparent;
}
.team-member:hover, .team-member:focus-within {
  scale: 1.015;
}
@media (prefers-reduced-motion: reduce) {
  .team-member:hover, .team-member:focus-within {
    scale: revert;
  }
}
.team-member:focus-within:has(:focus-visible) {
  outline: solid 2px currentColor;
  outline-offset: 2px;
}
.team-member a {
  text-decoration: none;
  color: var(--color-text-neutral);
}

.team-member__image img {
  border-radius: 50%;
}

.team-member__content {
  padding-block: var(--sp1);
  text-align: center;
}
@media (min-width: 56.25rem) {
  .team-member__content {
    padding-bottom: var(--sp2);
  }
}
@media (min-width: 75rem) {
  .team-member__content {
    padding-bottom: var(--sp3);
  }
}

.team-member__title {
  font-size: 1.125rem;
  margin-block: 0;
  color: var(--color-text-neutral);
}