/* About: public-interest entry and semantic growth path; brand tokens retained.
   Design variance 4 / motion 2 / density 5. No invented metrics or imagery. */
.about-page .page-section{scroll-margin-top:96px}
.about-hero{scroll-margin-top:72px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:64px;padding-top:64px;padding-bottom:64px}
.about-hero h1{font-size:clamp(40px,4.5vw,64px);line-height:1.14;letter-spacing:-.045em;margin-bottom:26px}
.about-hero .about-mission{font-size:18px;line-height:1.85;color:var(--muted);margin:0 0 26px;text-wrap:pretty}
.about-public-cta{background:var(--green-dark);color:var(--white)}
.about-public-cta:hover{background:#095b36}
.about-hero .sub-hero-copy .about-public-boundary{font-size:14px;line-height:1.8;color:var(--muted);max-width:440px;margin:18px 0 0}
.about-path{margin:0;min-width:0}
.about-path-step{padding:22px 26px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.about-path-public{background:var(--green-soft);border-color:color-mix(in srgb,var(--green-dark) 24%,var(--line))}
.about-path-step .about-path-label{font-size:13px;font-weight:700;color:var(--green-dark);margin:0 0 10px}
.about-path-step h2{font-size:24px;line-height:1.35;letter-spacing:-.025em;margin:0 0 10px}
.about-path-step>p:not(.about-path-label){font-size:15px;line-height:1.8;color:var(--muted);margin:0}
.about-public-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;font-size:14px;font-weight:650}
.about-public-links a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--green-dark);border-radius:8px;background:var(--white);color:var(--green-dark);text-decoration:none}
.about-public-links a:after{content:"↗";font-size:17px}
.about-public-links a:hover{background:var(--green-dark);color:#fcfefd}
.about-path-connector{width:1px;height:18px;margin:0 auto;background:var(--green-dark);position:relative}
.about-path-connector:after{content:"";position:absolute;left:-3px;bottom:2px;width:7px;height:7px;border-right:1px solid var(--green-dark);border-bottom:1px solid var(--green-dark);transform:rotate(45deg)}
.about-ability-list{display:flex;gap:12px 22px;flex-wrap:wrap;list-style:none;padding:0;margin:14px 0 0;font-size:13px;font-weight:650;color:var(--ink)}
.about-path-family{border-left:3px solid var(--green-dark)}
.about-page :is(.about-public-cta,.about-public-links a):focus-visible{outline:3px solid var(--green-dark);outline-offset:4px}
@media(max-width:1100px){.about-hero{gap:40px}.about-path-step{padding:20px 22px}.about-path-step h2{font-size:22px}}
@media(max-width:900px){.about-hero{grid-template-columns:1fr;gap:34px}.about-hero .sub-hero-copy{max-width:720px}.about-path{max-width:720px;width:100%}}
@media(max-width:640px){.about-hero{scroll-margin-top:64px;padding-top:48px;padding-bottom:48px;gap:30px}.about-hero h1{font-size:40px;margin-bottom:22px}.about-hero .about-mission{font-size:17px}.about-path-step{padding:22px 20px}.about-path-step h2{font-size:21px}.about-public-links{gap:10px;margin-top:10px}.about-ability-list{gap:10px 16px}}
@media(prefers-color-scheme:dark){.about-hero .sub-kicker,.about-path-step .about-path-label,.about-public-links a{color:#72e4a8}.about-public-cta{color:#fcfefd}.about-page :is(.about-public-cta,.about-public-links a):focus-visible{outline-color:#72e4a8}}
@media(prefers-color-scheme:dark){.about-path-connector{background:#72e4a8}.about-path-connector:after{border-color:#72e4a8}.about-path-family{border-left-color:#72e4a8}}
@media(prefers-color-scheme:dark){.about-public-links a{border-color:#72e4a8}}