div.staff {
  grid-gap: var(--g-gap-s);
}

.staff__media img {
  border: 1px solid rgb(var(--c-neutral-light));
}

.staff__contact {
  margin-bottom: 1rem;
}


@media (min-width: 640px) {
  .staff__list[data-columns="2"] {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 900px) {
  div.staff {
    grid-template-columns: 1fr 2fr;
  }
}

@media (min-width: 1280px) {
  div.staff {
    grid-template-columns: 2fr 3fr;
    grid-gap: var(--g-gap);
  }
}