.about-hero-grid {
  grid-template-columns: minmax(0, 1.55fr) minmax(250px, .45fr);
  gap: 48px;
}

.about-hero h1 {
  font-size: clamp(3rem, 4.4vw, 4.1rem);
  white-space: nowrap;
}

.about-hero p {
  max-width: 850px;
  margin-top: 25px;
  color: #dce9f1;
  font-size: 1.14rem;
  line-height: 1.72;
}

@media (max-width: 1100px) {
  .about-hero-grid {
    grid-template-columns: 1fr;
  }

  .about-hero blockquote {
    display: none;
  }

  .about-hero h1 {
    font-size: clamp(2.8rem, 5.7vw, 3.6rem);
  }
}

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

  .about-hero p {
    font-size: 1.03rem;
    line-height: 1.68;
  }
}