@media (min-width: 901px) {
  .page-hero-about {
    padding-block: 5.5rem 4.5rem !important;
  }

  .page-hero-about + .section {
    padding-block: 4rem !important;
  }

  .about-grid {
    grid-template-columns: .8fr 1.2fr !important;
    gap: 4.5rem !important;
    align-items: center !important;
    max-width: 1120px !important;
    margin-inline: auto !important;
  }

  .about-statement {
    min-height: 390px !important;
    padding: 2.25rem !important;
  }

  .about-om-image {
    width: min(84%, 340px) !important;
    margin-bottom: .65rem !important;
  }

  .about-grid h2 {
    max-width: 15ch !important;
    margin: .7rem 0 1.15rem !important;
    font-size: clamp(2.5rem, 4vw, 4.6rem) !important;
    line-height: .98 !important;
  }

  .about-grid .large-copy {
    font-size: 1.08rem !important;
    line-height: 1.6 !important;
  }

  .about-grid > div:last-child > p:not(.eyebrow) {
    max-width: 58ch !important;
    margin: .85rem 0 !important;
    line-height: 1.6 !important;
  }

  .values-section {
    padding-block: 3.5rem !important;
  }

  .values-grid {
    max-width: 1120px !important;
    margin-inline: auto !important;
  }

  .values-grid > div {
    padding: 2rem 2.25rem !important;
  }

  .values-grid h3 {
    margin: 1.5rem 0 .65rem !important;
    font-size: 1.8rem !important;
  }
}

@media (max-width: 900px) {
  .about-grid {
    gap: 2.5rem !important;
  }

  .about-statement {
    min-height: 320px !important;
  }

  .values-section {
    padding-block: 3rem !important;
  }
}