/* Keep the heading and profiles together as one compact team section. */

.about-page .team-section {
  padding-block: clamp(40px, 5vw, 72px);
}

.about-page .team-section h1 {
  margin: 0;
  font-size: clamp(48px, 5.3vw, 78px);
  font-weight: 560;
  font-variation-settings: "wdth" 94, "opsz" 64;
  letter-spacing: -0.038em;
  line-height: 0.99;
  text-align: center;
  text-wrap: balance;
}

.about-page .team-grid {
  width: min(100%, 1000px);
  margin: 32px auto 0;
}

.about-page .team-member {
  padding: 32px;
}

.about-page .team-member h2 {
  margin-top: 28px;
  font-size: clamp(28px, 2.7vw, 40px);
  font-weight: 620;
  font-variation-settings: "wdth" 100, "opsz" 14;
  letter-spacing: -0.025em;
  line-height: 1.08;
}

.about-page .team-portrait {
  width: min(100%, 340px);
  margin-inline: auto;
}

@media (max-width: 720px) {
  .about-page .team-section h1 {
    font-size: clamp(43px, 12vw, 58px);
  }

  .about-page .team-member {
    padding: 28px 0;
  }

  .about-page .team-portrait {
    width: min(100%, 250px);
    margin-inline: 0;
  }
}