/* About Us page typography rhythm — intentionally scoped to this page only. */
.about-page .inner-hero .eyebrow {
  margin-bottom: 24px;
}

.about-page .inner-hero h1 {
  margin-bottom: 26px;
}

.about-page .inner-hero p {
  line-height: 1.82;
}

.about-page main .section .eyebrow {
  margin-bottom: 22px;
}

.about-page main .section h2 {
  margin-top: 0;
  margin-bottom: 26px;
}

.about-page main .section h3 {
  margin-top: 0;
  margin-bottom: 13px;
}

.about-page main .section p {
  line-height: 1.82;
}

/* Story */
.about-page .two-column > div > p {
  margin-bottom: 20px;
}

.about-page .two-column > div > p + p {
  margin-top: 6px;
}

.about-page .two-column > div > p:last-child {
  margin-bottom: 0;
}

/* Mission / difference cards */
.about-page .mission-grid h2 {
  margin: 36px 0 18px;
}

.about-page .mission-grid p {
  margin: 0;
  line-height: 1.82;
}

/* Founder section */
.about-page .founder-grid > div:last-child > .eyebrow {
  margin-bottom: 22px;
}

.about-page .founder-grid h2 {
  margin-bottom: 24px;
}

.about-page .founder-grid > div:last-child > .icon {
  margin: 2px 0 18px;
}

.about-page .founder-grid .founder-quote {
  margin-bottom: 22px;
  line-height: 1.62;
}

.about-page .founder-grid > div > p:not(.founder-quote):not(.founder-name) {
  margin-bottom: 22px;
}

.about-page .founder-name {
  gap: 5px;
  margin: 28px 0 22px;
}

.about-page .founder-grid .btn {
  margin-top: 0;
}

/* Section intro blocks */
.about-page .section-head {
  margin-bottom: 50px;
}

.about-page .section-head .eyebrow {
  margin-bottom: 20px;
}

.about-page .section-head h2 {
  margin-bottom: 0;
}

/* Feature cards */
.about-page .feature-card > span {
  margin-bottom: 22px;
}

.about-page .feature-card h3 {
  margin-bottom: 13px;
}

.about-page .feature-card p {
  margin: 0;
  line-height: 1.76;
}

/* How it works */
.about-page .timeline article {
  padding-top: 70px;
}

.about-page .timeline h3 {
  margin-bottom: 12px;
}

.about-page .timeline p {
  margin: 0;
  line-height: 1.76;
}

/* Final CTA */
.about-page .final-cta .eyebrow {
  margin-bottom: 22px;
}

.about-page .final-cta h2 {
  margin-bottom: 24px;
}

.about-page .final-cta p {
  line-height: 1.8;
}

.about-page .final-cta > div {
  margin-top: 32px;
}

@media (max-width: 767px) {
  .about-page .inner-hero .eyebrow {
    margin-bottom: 18px;
  }

  .about-page .inner-hero h1 {
    margin-bottom: 20px;
  }

  .about-page main .section .eyebrow {
    margin-bottom: 18px;
  }

  .about-page main .section h2 {
    margin-bottom: 20px;
  }

  .about-page .two-column > div > p {
    margin-bottom: 17px;
  }

  .about-page .mission-grid h2 {
    margin: 30px 0 15px;
  }

  .about-page .section-head {
    margin-bottom: 38px;
  }

  .about-page .founder-grid h2 {
    margin-bottom: 20px;
  }

  .about-page .founder-grid .founder-quote,
  .about-page .founder-grid > div > p:not(.founder-quote):not(.founder-name) {
    margin-bottom: 18px;
  }

  .about-page .founder-name {
    margin: 24px 0 20px;
  }

  .about-page .final-cta h2 {
    margin-bottom: 20px;
  }
}

/* V20: explicit icon-to-heading spacing for the two mission cards.
   Use margin on the icon wrapper (not the heading) so the visible gap is reliable. */
.about-page .mission-grid article > span {
  margin-bottom: 30px !important;
}

.about-page .mission-grid article > h2 {
  margin-top: 0 !important;
}

@media (max-width: 767px) {
  .about-page .mission-grid article > span {
    margin-bottom: 26px !important;
  }
}