$o-team-bp-3:         738;
$o-team-bp-4:         1124;
$o-team-bp-5:         1400;

$o-team-gap--small:   space(4);
$o-team-gap:          column(0.5, 12);


.o-team {
  @include contain;
  @include vspacing(
      'margin-top' 1
  );
  position: relative;
}

.o-team__title {
  @include text-style(2);
  color: palette(text, 800);
  margin-bottom: space(2);
}

.o-team__list {
  display: flex;
  flex-wrap: wrap;
  margin: halve(-$o-team-gap--small);
  list-style: none;

  @include mq($o-team-bp-3) {
    margin: halve(-$o-team-gap);
  }
}

.o-team__item {
  flex: none;
  width: calc((100% / 2) - #{$o-team-gap--small});
  margin: $o-team-gap--small / 2;

  @include mq($o-team-bp-3) {
    width: calc((100% / 3) - #{$o-team-gap});
    margin: $o-team-gap / 2;
  }

  @include mq($o-team-bp-4) {
    width: calc((100% / 4) - #{$o-team-gap});
  }

  @include mq($o-team-bp-5) {
    width: calc((100% / 5) - #{$o-team-gap});
  }
}