.about-page {
  max-width: 64rem;
}

.about-page > h1 { margin-top: 0; }

.about-introduction,
.about-background p { max-width: 52rem; }

.about-introduction p,
.about-background p,
.about-activity p,
.about-gateway p,
.about-goal > p { line-height: 1.6; }

.about-page section,
.about-gateway-grid { margin-top: 3.75rem; }

.about-page h2 {
  margin: 0 0 1.15rem;
  padding: 0;
  border: 0;
}

.about-section-link { margin-top: 1rem; }

.about-activity-grid,
.about-gateway-grid {
  max-width: 64rem;
}

.about-activity {
  padding-top: var(--editorial-entry-padding);
}

/* The first row introduces the activity grid with the shared editorial rule. */
.about-activity:nth-child(-n + 2) {
  border-top: var(--editorial-entry-rule);
}

.about-activity h3 {
  margin: 0 0 .45rem;
  color: var(--editorial-link);
  font-size: 1.15em;
  font-weight: 700;
  line-height: 1.35;
}

.about-activity p { margin: .35rem 0 0; }

.about-gateway-grid .about-gateway {
  margin-top: 0;
  padding: 0;
  background: none;
}

.about-gateway h2 {
  margin: 0 0 1rem;
  padding-bottom: .65rem;
  border-bottom: 1px solid var(--content-rule);
  color: inherit;
  font-size: clamp(1.75rem, 2.6vw, 2.55rem);
  line-height: 1.12;
  letter-spacing: -.02em;
}

.about-gateway p {
  max-width: 32rem;
  margin: 0;
}

.about-gateway-link {
  margin-top: 1rem !important;
}

.about-gateway-link a {
  font-weight: 600;
  text-decoration: none;
}

@media (max-width: 860px) {
  .about-page section,
  .about-gateway-grid { margin-top: 3rem; }

  .about-activity-grid,
  .about-gateway-grid { grid-template-columns: 1fr; }

  /* The activities become individual editorial entries on small screens. */
  .about-activity {
    border-top: var(--editorial-entry-rule);
  }

}