.about-page { color: var(--brand-text); }
.about-page .eyebrow { color: var(--brand-primary); margin-bottom: 28px; }
.about-page h1, .about-page h2, .about-page h3 { color: var(--brand-primary); }
.about-page h1 { font-size: clamp(44px, 4.6vw, 84px); line-height: 1.08; }
.about-page h2 { font-size: clamp(34px, 3.25vw, 56px); }
.about-page h3 { font-size: 23px; font-weight: 650; line-height: 1.4; letter-spacing: -.02em; }
.about-intro { background: var(--brand-soft); }
.about-intro-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 8%; align-items: start; }
.about-lead { font-size: 18px; max-width: 36em; }
.about-intro .button { margin-top: 28px; white-space: normal; }
.about-strengths-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 48px; margin-top: 48px; }
.about-strengths-grid article { border-top: 1px solid var(--brand-line); padding-top: 24px; }
.about-strengths-grid p { margin-top: 18px; color: var(--brand-muted); }
.about-partners { background: var(--brand-soft); }
.about-partners-intro { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 8%; align-items: end; }
.about-partners-intro > p { max-width: 35em; color: var(--brand-muted); }
.about-partner-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; margin-top: 48px; }
.about-partner { padding: 40px; background: #fff; display: flex; flex-direction: column; align-items: flex-start; }
.about-partner-logo { height: 100px; display: flex; align-items: flex-start; width: 100%; margin-bottom: 24px; }
.about-partner-logo img { width: 260px; max-width: 100%; height: auto; max-height: 70px; object-fit: contain; object-position: left; }
.about-partner .eyebrow { margin-bottom: 16px; font-size: 11px; }
.about-partner h3 { font-size: 30px; }
.about-partner h3 + p { margin: 20px 0 28px; color: var(--brand-muted); }
.about-partner .text-link { margin-top: auto; }
.about-page a:focus-visible { outline: 3px solid var(--brand-accent); outline-offset: 5px; }
@media (max-width: 1000px) {
  .about-strengths-grid { gap: 28px; }
  .about-partner { padding: 28px; }
}
@media (max-width: 700px) {
  .about-intro-grid, .about-strengths-grid, .about-partners-intro, .about-partner-grid { grid-template-columns: minmax(0,1fr); gap: 32px; }
  .about-page h1 { font-size: clamp(38px,10vw,54px); }
  .about-page h2 { font-size: 34px; }
  .about-lead { font-size: 16px; }
  .about-strengths-grid, .about-partner-grid { margin-top: 32px; }
  .about-partner-logo { height: 75px; margin-bottom: 12px; }
  .about-page .button { max-width: 100%; white-space: normal; }
}