main.about-page > section {
  width: 100%;
  max-width: none;
  padding: 64px max(24px, calc((100% - 1296px) / 2));
  border: 0;
  scroll-margin-top: 100px;
  background: var(--panel-rest, #fff) !important;
  box-shadow: inset 0 0 0 2px transparent, inset 0 0 28px transparent;
  transition: background-color 360ms ease, box-shadow 360ms ease;
}
.about-page > .about-hero { --panel-rest: #fff; --panel-focus: var(--site-focus); --panel-accent: var(--site-accent-rgb); min-height: 0; align-items: start; }
.about-page > .people-section { --panel-rest: var(--site-surface); --panel-focus: var(--site-focus); --panel-accent: var(--site-accent-rgb); }
.about-page > .final-cta { --panel-rest: #fff; --panel-focus: var(--site-focus); --panel-accent: var(--site-accent-rgb); display: block; color: #22242b; min-height: 0; }
main.about-page > section.is-panel-active {
  background: var(--panel-focus) !important;
  box-shadow: inset 0 0 0 2px rgb(var(--panel-accent) / 18%), inset 0 0 28px rgb(var(--panel-accent) / 3%);
}
.about-page .about-hero-art { border: 0; }
.about-page .section-intro { display: block; max-width: 850px; margin-bottom: 44px; }
.about-page .eyebrow { color: var(--purple); font-size: 12px; font-weight: 700; margin: 0 0 20px; }
.about-page .section-intro h2 { font: 400 40px/1.18 Georgia, serif; margin: 0 0 24px; }
.about-page .section-intro > p:not(.eyebrow), .about-page .final-cta p:not(.eyebrow) { color: var(--site-text); font-size: 16px; line-height: 1.7; }
.about-page .section-intro .text-link { display: inline-block; margin-top: 12px; }
.about-page .final-cta .cta-copy { margin: 0; max-width: 800px; }
.about-page .final-cta h2 { max-width: none; font: 400 40px/1.18 Georgia, serif; }
.about-page .final-cta .button { margin-top: 18px; }
@media (max-width: 760px) {
  main.about-page > section { padding: 44px 24px; }
  .about-page > .about-hero { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .about-page .section-intro h2, .about-page .final-cta h2 { font-size: 32px; }
}
@media (prefers-reduced-motion: reduce) { main.about-page > section { transition: none; } }
@media print { main.about-page > section { background: white !important; box-shadow: none; transition: none; } }