.about-page { padding-top: 70px; }
.about-page .wrap { max-width: 1040px; }
.about-intro { padding: clamp(48px, 6vw, 84px) 0 clamp(48px, 6vw, 80px); }
.about-eyebrow { display: block; color: var(--accent); font-size: 13px; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 28px; }
.about-intro h1 { max-width: 23ch; font-size: clamp(40px, 4.8vw, 68px); font-weight: 400; line-height: 1.08; letter-spacing: -.045em; }
.about-opening { margin-top: 36px; display: grid; grid-template-columns: 1fr; gap: 24px; }
.about-opening .about-lead { font-size: clamp(25px, 2.3vw, 32px); line-height: 1.4; letter-spacing: -.025em; color: var(--ink); }
.about-page p { max-width: 65ch; font-size: clamp(20px, 1.65vw, 24px); line-height: 1.65; color: #353539; }
.about-section { padding: clamp(48px, 6vw, 80px) 0; border-top: 1px solid var(--line); }
.about-section h2 { font-size: clamp(30px, 3.2vw, 44px); font-weight: 400; line-height: 1.16; letter-spacing: -.035em; margin-bottom: 24px; }
.about-section .section-intro { max-width: 65ch; }
.about-audiences { display: grid; grid-template-columns: 1fr; gap: 0; margin-top: 36px; }
.about-audience { border-top: 1px solid var(--line-2); padding: 28px 0; }
.about-audience:last-child { padding-bottom: 0; }
.about-audience h3 { font-size: 24px; font-weight: 500; letter-spacing: -.025em; margin-bottom: 10px; color: var(--accent); }
.about-data { background: var(--bg-soft); }
.about-data .wrap { display: block; }
.about-purpose { display: grid; grid-template-columns: 1fr; gap: 44px; }
.about-purpose article + article { border-top: 1px solid var(--line-2); padding-top: 44px; }
.about-purpose article { scroll-margin-top: 110px; }
.about-closing { padding: clamp(64px, 8vw, 110px) 0; background: var(--bg-soft); border-top: 1px solid var(--line); }
.about-closing p { max-width: 24ch; margin: 0 auto; text-align: center; font-size: clamp(32px, 4vw, 54px); line-height: 1.15; letter-spacing: -.035em; color: var(--ink); }
.about-closing strong { font-weight: 400; }
@media(max-width: 700px) {
  .about-opening, .about-audiences, .about-data .wrap, .about-purpose { grid-template-columns: 1fr; }
  .about-opening { margin-top: 36px; }
  .about-audiences { margin-top: 30px; }
}