.about-page { min-width: 0; }
.about-page-hero { padding-block: 48px 62px; }
.about-page-hero h1 { max-width: 1080px; margin-top: 27px; font: 500 clamp(49px,6.7vw,100px)/1.045 var(--display); letter-spacing: -.06em; text-wrap: balance; overflow-wrap: break-word; }
.about-page-lead { max-width: 760px; margin: 31px 0 0 auto; color: var(--muted); font-size: clamp(16px,1.45vw,20px); line-height: 1.8; text-wrap: pretty; }
.about-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0; padding: 0; border-block: 1px solid var(--line); list-style: none; }
.about-metric { min-width: 0; padding: 32px 30px 35px; }
.about-metric:first-child { padding-left: 0; }
.about-metric:last-child { padding-right: 0; }
.about-metric + .about-metric { border-left: 1px solid var(--line); }
.about-metric-value { display: block; color: var(--ink); font: 500 clamp(64px,8.5vw,128px)/1 var(--display); letter-spacing: -.075em; }
.about-metric:first-child .about-metric-value { color: var(--lime); }
.about-metric-label { margin-top: 22px; font: 400 23px/1.2 var(--label); }
.about-metric-note { max-width: 280px; margin-top: 12px; color: var(--muted); font-size: 13px; line-height: 1.75; }
.about-project-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 35px 8%; align-items: start; padding-block: 65px 0; }
.about-project-contact .page-kicker { font-size: 15px; }
.about-project-contact h2 { max-width: 550px; margin-top: 22px; font: 500 clamp(34px,4vw,60px)/1.1 var(--display); letter-spacing: -.05em; text-wrap: balance; }
.about-project-contact-person { min-width: 0; padding-top: 1px; }
.about-project-contact .about-contact-name { color: var(--lime); font: 500 clamp(31px,3.2vw,45px)/1.15 var(--display); letter-spacing: -.04em; }
.about-contact-role { margin-top: 12px; color: var(--ink); font: 400 19px/1.4 var(--label); }
.about-contact-description { max-width: 560px; margin-top: 23px; color: var(--muted); font-size: 16px; line-height: 1.8; }
.about-contact-note { max-width: 560px; margin-top: 14px; color: var(--muted); font-size: 14px; line-height: 1.8; }
.about-project-contact a { display: inline-flex; align-items: center; min-height: 44px; margin-top: 17px; color: var(--ink); font: 400 18px/1.3 var(--label); text-decoration: underline; text-underline-offset: 5px; text-decoration-color: var(--line); }
.about-project-contact a:hover { color: var(--lime); text-decoration-color: var(--lime); }
.about-growth { display: grid; grid-template-columns: 1.15fr 1fr; gap: 35px 8%; align-items: end; margin-top: 75px; padding: 48px 48px 33px; background: var(--paper); color: var(--dark); }
.about-growth .page-kicker { color: #58694a; font-size: 15px; }
.about-growth h2 { max-width: 650px; margin-top: 23px; font: 500 clamp(34px,4.3vw,64px)/1.08 var(--display); letter-spacing: -.05em; text-wrap: balance; }
.about-growth > p { margin-bottom: 3px; color: #536248; font-size: 17px; line-height: 1.8; text-wrap: pretty; }
.about-growth-mark { display: flex; grid-column: 1/-1; align-items: center; gap: 9px; padding-top: 10px; }
.about-growth-mark > span { width: 24px; height: 24px; background: #a6b196; }
.about-growth-mark > span:nth-child(2) { background: #647650; }
.about-growth-mark > span:nth-child(3) { background: #273722; }
.about-growth-mark > i { flex: 1; height: 1px; margin-left: 10px; background: #aeb99f; }
.about-page-story { padding-top: 85px; }
.about-story-heading { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 8%; margin-bottom: 45px; }
.about-story-heading h2 { margin-top: 22px; font: 500 clamp(40px,5vw,74px)/1.07 var(--display); letter-spacing: -.055em; }
.about-story-heading > p { max-width: 530px; margin-bottom: 3px; color: var(--muted); font-size: 16px; line-height: 1.8; }
.about-story-flow { --story-progress: 1; position: relative; }
.about-story-rail { position: absolute; top: 49px; bottom: 48px; left: 23px; width: 1px; background: var(--line); }
.about-story-rail > i { display: block; width: 100%; height: 100%; background: var(--lime); transform: scaleY(var(--story-progress)); transform-origin: top; }
.about-chapters { margin: 0; padding: 0; list-style: none; }
.about-chapter { --chapter-shift: 0px; position: relative; display: grid; grid-template-columns: 48px minmax(0,1.05fr) minmax(0,1fr); gap: 35px; align-items: center; min-height: 350px; padding-block: 42px; border-top: 1px solid var(--line); }
.about-chapter-index { z-index: 1; display: grid; place-items: center; align-self: start; width: 47px; height: 28px; margin-top: 1px; background: var(--bg); color: #a3ad96; font: 400 16px/1 var(--label); transition: color .2s ease; }
.about-chapter.is-current .about-chapter-index { color: var(--lime); }
.about-chapter-phase { color: var(--lime); font: 400 17px/1.4 var(--label); }
.about-chapter-copy h3 { max-width: 510px; margin-top: 20px; font: 500 clamp(29px,3.1vw,46px)/1.13 var(--display); letter-spacing: -.04em; text-wrap: balance; }
.about-chapter-body { max-width: 510px; margin-top: 23px; color: var(--muted); font-size: 15px; line-height: 1.85; text-wrap: pretty; }
.about-story-art { width: 100%; max-width: 400px; justify-self: end; overflow: hidden; }
.about-story-art svg { display: block; width: 100%; height: auto; }
.story-art-paper { fill: var(--paper); }
.story-art-grid { fill: none; stroke: #c6cdbb; stroke-width: .6; opacity: .55; }
.story-art-outline { fill: none; stroke: #7c8c6d; stroke-width: 1.1; }
.story-art-sage { fill: #bdc8ad; }
.story-art-ink { fill: #273722; }
.story-art-lime { fill: var(--lime); }
.story-art-connection { fill: none; stroke: #82956c; stroke-width: 1.1; }
.story-art-paper-line { fill: none; stroke: #e9eae1; stroke-width: 2; }
.story-art-ink-line { fill: none; stroke: #273722; stroke-width: 2; }
.story-art-ribbon { fill: none; stroke-width: 24; }
.story-art-sage-stroke { stroke: #a9b598; }
.story-art-lime-stroke { stroke: var(--lime); }
.story-art-ink-stroke { stroke: #273722; }
.story-art-drift { translate: 0 var(--chapter-shift); }
.about-approach { margin-top: 28px; padding-block: 65px; border-top: 1px solid var(--line); }
.about-approach > h2 { max-width: 800px; font: 500 clamp(34px,4vw,59px)/1.1 var(--display); letter-spacing: -.05em; }
.about-approach > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; margin-top: 40px; }
.about-approach article { min-width: 0; border-top: 1px solid var(--line); padding-top: 22px; }
.about-approach h3 { font: 400 27px/1.2 var(--label); }
.about-approach p { margin-top: 17px; color: var(--muted); font-size: 15px; line-height: 1.85; }
.about-page-cta { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 35px; align-items: end; padding: 49px 0 75px; border-top: 1px solid var(--line); }
.about-page-cta h2 { max-width: 860px; font: 500 clamp(37px,4.6vw,68px)/1.09 var(--display); letter-spacing: -.05em; text-wrap: balance; }
.about-page-cta p { max-width: 660px; margin-top: 22px; color: var(--muted); font-size: 16px; line-height: 1.8; }
.about-page-cta .button { flex-shrink: 0; }
@media(max-width:1000px) and (min-width:761px) {
 .about-metric { padding-inline: 22px; }
 .about-metric-value { font-size: 8.8vw; }
 .about-growth { padding-inline: 32px; gap: 30px 6%; }
 .about-chapter { grid-template-columns: 42px minmax(0,1fr) minmax(0,1fr); gap: 25px; }
 .about-chapter-body { font-size: 14px; }
}
@media(max-width:760px) {
 .about-page-hero { padding-block: 32px 40px; }
 .about-page-hero h1 { margin-top: 22px; font-size: clamp(43px,9.4vw,68px); }
 .about-page-lead { margin-top: 25px; font-size: 15px; line-height: 1.8; }
 .about-metrics { grid-template-columns: 1fr; }
 .about-metric,.about-metric:first-child,.about-metric:last-child { display: grid; grid-template-columns: minmax(105px,.8fr) minmax(0,1.2fr); align-items: center; gap: 20px; padding: 26px 0; }
 .about-metric + .about-metric { border-left: 0; border-top: 1px solid var(--line); }
 .about-metric-value { font-size: clamp(48px,10vw,72px); }
 .about-metric-label { margin-top: 0; font-size: 22px; }
 .about-metric-note { margin-top: 9px; font-size: 12px; line-height: 1.7; }
 .about-project-contact { grid-template-columns: 1fr; gap: 27px; padding-top: 40px; }
 .about-project-contact h2 { max-width: 440px; margin-top: 18px; font-size: 37px; }
 .about-project-contact .about-contact-name { font-size: 31px; }
 .about-contact-description { margin-top: 18px; font-size: 15px; }
 .about-contact-note { margin-top: 12px; font-size: 13px; }
 .about-growth { grid-template-columns: 1fr; gap: 24px; margin-top: 45px; padding: 29px 24px 25px; }
 .about-growth h2 { margin-top: 18px; font-size: 36px; }
 .about-growth > p { font-size: 15px; }
 .about-growth-mark { padding-top: 4px; }
 .about-page-story { padding-top: 48px; }
 .about-story-heading { grid-template-columns: 1fr; gap: 23px; margin-bottom: 28px; }
 .about-story-heading h2 { margin-top: 18px; font-size: 42px; }
 .about-story-heading > p { font-size: 15px; }
 .about-story-rail { left: 14px; top: 31px; bottom: 29px; }
 .about-chapter { grid-template-columns: 29px minmax(0,1fr); gap: 0 17px; min-height: 0; padding-block: 29px 34px; }
 .about-chapter-index { width: 29px; height: 24px; margin-top: 0; font-size: 13px; }
 .about-chapter-phase { font-size: 15px; }
 .about-chapter-copy h3 { margin-top: 14px; font-size: 29px; }
 .about-chapter-body { margin-top: 17px; font-size: 14px; line-height: 1.8; }
 .about-story-art { grid-column: 2; max-width: 400px; margin-top: 24px; justify-self: start; }
 .about-approach { margin-top: 14px; padding-block: 43px; }
 .about-approach > h2 { font-size: 34px; }
 .about-approach > div { grid-template-columns: 1fr; gap: 28px; margin-top: 30px; }
 .about-approach h3 { font-size: 25px; }
 .about-approach p { font-size: 14px; margin-top: 13px; }
 .about-page-cta { grid-template-columns: 1fr; gap: 25px; padding-block: 35px 48px; }
 .about-page-cta h2 { font-size: 36px; }
 .about-page-cta p { font-size: 15px; margin-top: 19px; }
 .about-page-cta .button { justify-self: start; }
}
@media(prefers-reduced-motion:reduce) {
 .about-story-rail > i { transform: scaleY(1); }
 .story-art-drift { translate: none; }
 .about-chapter-index { transition: none; }
}