.about-hero .page-hero__inner,
.about-story {
  max-width: 820px;
}

.about-hero p {
  font-size: clamp(1.06rem, 1.5vw, 1.16rem);
  line-height: 1.8;
}

.about-hero p + p {
  margin-top: 20px;
}

.about-hero .about-hero__lead {
  color: var(--text);
  font-size: clamp(1.25rem, 2vw, 1.45rem);
  line-height: 1.6;
}

.about-story {
  padding-top: 58px;
  padding-bottom: 76px;
}

.about-story__section + .about-story__section {
  margin-top: 52px;
  padding-top: 48px;
  border-top: 1px solid var(--line);
}

.about-story h2 {
  margin: 0 0 26px;
  font-family: var(--font-display);
  font-size: clamp(1.85rem, 3vw, 2.5rem);
  font-weight: 500;
  line-height: 1.15;
  scroll-margin-top: calc(var(--nav-height) + 28px);
}

.about-story p {
  color: var(--muted);
  font-size: clamp(1.06rem, 1.5vw, 1.16rem);
  line-height: 1.8;
}

.about-story p + p {
  margin-top: 22px;
}

.about-story__section > p:first-of-type,
.about-story__section:last-child > p:nth-last-child(-n + 2) {
  color: var(--text);
}

@media (max-width: 600px) {
  .about-story {
    padding-top: 38px;
    padding-bottom: 48px;
  }

  .about-story__section + .about-story__section {
    margin-top: 38px;
    padding-top: 34px;
  }

  .about-story h2 {
    margin-bottom: 22px;
  }
}