/* Keep the team introduction clean and free of decorative background effects. */
.page-masthead.team-masthead {
  min-height: 0;
  padding-top: 7rem;
  padding-bottom: 0.5rem;
  overflow: visible;
  background: transparent;
}

.page-masthead.team-masthead::before,
.page-masthead.team-masthead::after {
  display: none;
}

.team-members .member-photo {
  width: min(100%, 13.25rem);
}

.team-members .member-leadership .member-photo {
  width: min(100%, 13.75rem);
}

@media (min-width: 768px) and (max-width: 1024px) {
  .team-members .member-profile:first-child {
    grid-column: 2 / span 2;
    grid-row: 1;
  }

  .team-members .member-profile:nth-child(2) {
    grid-column: 4 / span 2;
    grid-row: 1;
  }

  .team-members .member-profile:nth-child(3) { grid-column: 1 / span 2; grid-row: 2; }
  .team-members .member-profile:nth-child(4) { grid-column: 3 / span 2; grid-row: 2; }
  .team-members .member-profile:nth-child(5) { grid-column: 5 / span 2; grid-row: 2; }
  .team-members .member-profile:nth-child(6) { grid-column: 1 / span 2; grid-row: 3; }
  .team-members .member-profile:nth-child(7) { grid-column: 3 / span 2; grid-row: 3; }
  .team-members .member-profile:nth-child(8) { grid-column: 5 / span 2; grid-row: 3; }
  .team-members .member-profile:nth-child(9) { grid-column: 1 / span 2; grid-row: 4; }
  .team-members .member-profile:nth-child(10) { grid-column: 3 / span 2; grid-row: 4; }
  .team-members .member-profile:nth-child(11) { grid-column: 5 / span 2; grid-row: 4; }
  .team-members .member-profile:nth-child(12) { grid-column: 1 / span 2; grid-row: 5; }
  .team-members .member-profile:nth-child(13) { grid-column: 3 / span 2; grid-row: 5; }
  .team-members .member-profile:nth-child(14) { grid-column: 5 / span 2; grid-row: 5; }
}

@media (max-width: 767px) {
  .page-masthead.team-masthead {
    padding: calc(7rem + env(safe-area-inset-top)) 1.25rem 0;
  }

  .members.team-members {
    padding-top: 0.75rem;
  }

  .team-members .member-photo {
    width: min(100%, 10.75rem);
  }

  .team-members .member-leadership .member-photo {
    width: min(100%, 11.75rem);
  }
}