/* ============================================================
   ABOUT PAGE — page-specific styles
   ============================================================ */

.about-intro {
  padding: 80px 0 60px;
}

.about-intro__body {
  font-size: 1.1875rem;
  font-weight: 400;
  line-height: 1.72;
  color: var(--text-2);
  max-width: 620px;
}

.about-intro__body + .about-intro__body {
  margin-top: 1.5em;
}

.about-transition {
  padding: 0 0 60px;
}

.about-transition__line {
  font-size: 1.1875rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1.72;
  color: var(--text-3);
  max-width: 620px;
}

.about-story {
  padding: 60px 0 100px;
  border-top: 0.5px solid var(--rule);
}

.about-story__label {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--text-1);
  margin-bottom: 8px;
}

.about-story__byline {
  font-size: 0.875rem;
  font-weight: 400;
  font-style: italic;
  color: var(--text-3);
  margin-bottom: 48px;
}

.about-story__body {
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.8;
  color: var(--text-2);
  max-width: 620px;
}

.about-story__body + .about-story__body {
  margin-top: 1.5em;
}

.about-story__sig {
  font-size: 1.0625rem;
  font-weight: 400;
  font-style: italic;
  color: var(--text-2);
  margin-top: 3em;
}

.about-cta {
  padding: 100px 0 140px;
  border-top: 0.5px solid var(--rule);
}

.about-cta__p {
  font-size: 1.1875rem;
  font-weight: 400;
  line-height: 1.72;
  color: var(--text-2);
  max-width: 620px;
  margin-bottom: 36px;
}