.about-page{background:#f3f2ed}
.about-page .about-hero{min-height:710px;margin:10px 12px 0;border-radius:24px 24px 52px 24px;isolation:isolate}
.about-page .about-hero h1{font-size:clamp(68px,8vw,124px);line-height:.95}
.about-page .about-hero-content{padding-top:150px;padding-bottom:40px}
.about-page .about-stats{border:1px solid #ffffff24;border-radius:20px;background:#ffffff08;overflow:hidden;margin-top:46px}
.about-page .about-stat{padding:22px}
.about-page .progression,.about-page .story,.about-page .principles,.about-page .for-who,.about-page .connect{padding:76px 0}
.about-page .progression-head{margin-bottom:28px;gap:40px}
.about-page .progression .rpo-section-title,.about-page .story-aside h2{font-size:clamp(44px,5vw,72px);line-height:1.04}
.about-page .progression-copy{font-size:16px;line-height:1.75}
.about-page .timeline-hint{color:#707667;font-size:13px;margin:0 0 15px}
.about-page .timeline{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:clamp(190px,20vw,230px);gap:14px;border:0;overflow-x:auto;padding:4px 3px 18px;scroll-snap-type:x proximity;scroll-padding-inline:3px;scrollbar-width:thin;scrollbar-color:#a8af9b transparent;overscroll-behavior-x:contain}
.about-page .timeline:focus-visible{outline:2px solid #6d7a51;outline-offset:4px;border-radius:16px}
.about-page .year-card,.about-page .year-card:last-child{min-height:240px;padding:24px;border:1px solid #dfe3d5;border-radius:20px;background:#fff;scroll-snap-align:start}
.about-page .year-card.is-pb{background:#ffcf00;border-color:#dfb700;border-radius:20px 38px 20px 20px}
.about-page .story-grid{gap:6vw}
.about-page .story-quote{padding:23px;border:0;border-radius:0 22px 22px 22px;background:#eef0e7;font:600 24px/1.4 "Barlow",sans-serif;text-transform:none}
.about-page .story-chapter{padding-bottom:36px;margin-bottom:36px}
.about-page .story-chapter h3{font:600 clamp(26px,2.6vw,36px)/1.2 "Barlow",sans-serif;text-transform:none;letter-spacing:-.025em;margin-bottom:20px}
.about-page .story-chapter p{font-size:17px;line-height:1.85;color:#5f6658}
.about-page .principles{margin:0 12px;border-radius:28px 12px 44px 28px;background:#12170f}
.about-page .principles-head{margin-bottom:32px}
.about-page .principles-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;border:0}
.about-page .principle,.about-page .principle:last-child{min-height:270px;padding:24px;border:1px solid #ffffff26;border-radius:20px;background:#ffffff04;gap:30px}
.about-page .principle:nth-child(2n){border-radius:20px 36px 20px 20px}
.about-page .principle h3{font:600 23px/1.25 "Barlow",sans-serif;text-transform:none}
.about-page .principle p{font-size:15px;line-height:1.7;color:#c0c7b8}
.about-page .philosophy{gap:14px;margin:14px 12px;min-height:510px}
.about-page .philosophy-panel{border-radius:24px;padding:54px clamp(24px,5vw,78px)}
.about-page .philosophy-panel:first-child{border-radius:24px 48px 24px 24px}
.about-page .philosophy-panel h2{font-size:clamp(54px,6vw,88px);line-height:1.02}
.about-page .why{margin:0 12px;border-radius:24px 24px 44px 24px;overflow:hidden}
.about-page .runner-row{grid-template-columns:48px minmax(220px,.65fr) minmax(0,1fr);gap:24px}
.about-page .runner-row h3{font-size:29px;line-height:1.1}
.about-page .connect h2{font-size:clamp(48px,5vw,76px);line-height:1.04}
.about-page .about-cta{margin:0 12px 18px;border-radius:30px 12px 48px 30px;padding:70px 0}
.about-page .about-cta h2{font-size:clamp(46px,5.7vw,84px);line-height:1.04}
.about-page .about-cta .rpo-btn{border-radius:999px;min-height:50px;padding:16px 25px}
.about-page .about-cta .rpo-btn:focus-visible,.about-page .site-footer a:focus-visible{outline:2px solid #8c9b66;outline-offset:5px}
.about-page .rpo-skip-link{position:fixed;z-index:2000;top:10px;left:12px;padding:12px 20px;background:#ffd400;color:#111;border-radius:24px;transform:translateY(-160%)}
.about-page .rpo-skip-link:focus{transform:translateY(0)}
@media(max-width:820px){
 .about-page .about-hero-grid,.about-page .progression-head,.about-page .story-grid,.about-page .why-grid{grid-template-columns:1fr;gap:28px}
 .about-page .story-aside{position:static}
 .about-page .runner-row{grid-template-columns:36px minmax(0,1fr)}
 .about-page .runner-row p{grid-column:2}
 .about-page .philosophy{grid-template-columns:1fr;min-height:0}
 .about-page .philosophy-panel{min-height:350px;gap:24px}
}
@media(max-width:560px){
 .about-page .about-hero{margin:6px 6px 0;border-radius:18px 18px 32px 18px;min-height:auto}
 .about-page .about-hero-media{inset:0 0 auto;width:100%;height:410px}
 .about-page .about-hero-content{padding-top:330px;padding-bottom:28px}
 .about-page .about-hero h1{font-size:clamp(54px,16.5vw,88px)}
 .about-page .about-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}
 .about-page .about-stat,.about-page .about-stat:not(:first-child){padding:18px}
 .about-page .about-stat strong{font-size:28px}
 .about-page .progression,.about-page .story,.about-page .principles,.about-page .for-who,.about-page .connect{padding:50px 0}
 .about-page .timeline{grid-auto-columns:78%}
 .about-page .story-quote{font-size:22px;margin-top:24px}
 .about-page .story-chapter p{font-size:16px}
 .about-page .principles,.about-page .why,.about-page .about-cta,.about-page .philosophy{margin-left:6px;margin-right:6px}
 .about-page .principles-grid{grid-template-columns:1fr}
 .about-page .principle,.about-page .principle:last-child{min-height:220px}
 .about-page .philosophy-panel h2{font-size:58px}
 .about-page .about-cta{padding:50px 0}
}
@media(prefers-reduced-motion:reduce){.about-page .timeline{scroll-behavior:auto;scroll-snap-type:none}}