.team {
  background: var(--sage);
  padding-top: clamp(92px, 10vw, 145px);
  padding-bottom: clamp(92px, 10vw, 145px);
}

.team-head {
  display: grid;
  grid-template-columns: .55fr 1.45fr;
  align-items: end;
  margin-bottom: clamp(45px, 6vw, 82px);
}

.team-head .kicker { margin: 0; }

.profiles {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(20px, 3vw, 48px);
}

.profiles article {
  background: transparent;
}

.profiles article > img {
  width: 82%;
  margin: 0 auto;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center top;
  display: block;
  filter: saturate(.58) contrast(1.02);
}

.profiles article > div {
  border-top: 0;
  padding: 18px 0 0;
}

.profiles h3 {
  font-size: clamp(31px, 3.2vw, 47px);
  line-height: 1;
}

.profiles article p:last-child {
  color: var(--teal);
  font: 11px "DM Mono", monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 12px;
}

.profiles aside {
  grid-column: 1 / -1;
  border-top: 1px solid rgba(19, 79, 92, .45);
  color: var(--teal);
  font: 500 clamp(20px, 2.2vw, 30px) / 1.2 "Playfair Display", serif;
  letter-spacing: -.035em;
  max-width: 600px;
  padding: 24px 0 0;
}

.profiles article:first-child > img {
  object-position: center 55%;
}


@media (max-width: 720px) {
  .team-head { display: block; }
  .team-head h2 { margin-top: 24px; }
  .profiles { grid-template-columns: 1fr; }
  .profiles aside { grid-column: 1; }
}