.about-page .hero { padding-block: 65px 64px; }
.about-page .hero-copy { max-width: 610px; }
.about-story { display: grid; grid-template-columns: .85fr 1.15fr; gap: 65px; border-top: 1px solid var(--line); padding-block: 62px; scroll-margin-top: 24px; }
.about-question { font: italic 31px/1.3 "Libre Caslon Display", Georgia, serif; color: var(--accent); margin: 27px 0 0; }
.about-prose > p:not(.signature) { font-size: 15px; line-height: 1.9; color: var(--muted); margin: 0 0 19px; }
.about-prose .signature { margin-bottom: 0; }
.about-page .analysis { gap: 65px; grid-template-columns: .85fr 1.15fr; }
.about-page .steps .letter-link { margin-top: 12px; }
.about-signup .button { margin-top: 24px; }
.about-secondary-link { display: block; width: fit-content; margin: 22px auto 0; font-size: 12px; line-height: 1.8; text-decoration: underline; text-underline-offset: 4px; }
.about-page .footer [aria-current="page"] { color: var(--accent); }
@media (max-width: 700px) {
  .about-page .hero { padding-block: 38px 42px; }
  .about-page .hero h1 { font-size: clamp(38px, 8.5vw, 46px); }
  .about-story, .about-page .analysis { grid-template-columns: 1fr; gap: 28px; padding-block: 38px; }
  .about-question { margin-top: 18px; }
  .about-prose > p:not(.signature) { font-size: 14px; }
}