.about-hero h1 {
  max-width: 1120px;
  font-size: clamp(4.2rem, 8.2vw, 8.6rem);
  line-height: .88;
}

.philosophy {
  padding-bottom: 80px;
}

.philosophy-heading {
  display: grid;
  grid-template-columns: 1.15fr .65fr;
  gap: 25px 90px;
  align-items: end;
}

.philosophy-heading .eyebrow {
  grid-column: 1 / -1;
  margin-bottom: 0;
}

.philosophy-heading h2 {
  margin: 0;
  font-size: clamp(3.2rem, 6vw, 6.3rem);
  font-weight: 650;
  line-height: .94;
}

.philosophy-heading h2 span {
  color: #86868b;
}

.philosophy-heading > p:last-child {
  max-width: 520px;
  margin: 0;
  padding-bottom: 10px;
}

.philosophy-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 70px;
}

.philosophy-grid article {
  min-height: 320px;
  padding: 32px;
  border-radius: 25px;
  background: #f5f5f7;
}

.philosophy-grid article:nth-child(2) {
  color: #fff;
  background: #101114;
}

.philosophy-grid article:nth-child(2) p {
  color: #a1a1a6;
}

.philosophy-grid small {
  color: #0071e3;
  font-size: .62rem;
  font-weight: 760;
  letter-spacing: .12em;
}

.philosophy-grid h3 {
  margin: 70px 0 18px;
  font-size: 2rem;
}

.philosophy-grid p {
  margin: 0;
  font-size: .93rem;
}

@media (max-width: 900px) {
  .philosophy-heading {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .philosophy-grid {
    grid-template-columns: 1fr;
  }

  .philosophy-grid article {
    min-height: 230px;
  }

  .philosophy-grid h3 {
    margin-top: 45px;
  }
}

@media (max-width: 650px) {
  .about-hero h1 {
    font-size: 3.85rem;
  }

  .philosophy {
    padding-bottom: 65px;
  }

  .philosophy-heading h2 {
    font-size: 3.45rem;
  }

  .philosophy-grid {
    margin-top: 45px;
  }

  .philosophy-grid article {
    min-height: 210px;
    padding: 25px;
  }

  .philosophy-grid h3 {
    margin-top: 38px;
  }
}