.about-page .hero { padding-block: 88px !important; background: linear-gradient(90deg,rgba(3,35,29,.93),rgba(3,35,29,.75) 48%,rgba(3,35,29,.22)),url('hero-green-connect-van.png') center 58%/cover; color:#fff; }
.about-page .hero::before,.about-page .hero::after { display:none; }
.about-page .hero h1 { max-width:750px; font-size:clamp(2.25rem,4.7vw,4.25rem)!important; line-height:1.06!important; letter-spacing:-.045em; }
.about-page .hero .eyebrow { color:var(--lime); }
.about-page .hero .lead { margin:0; color:#edf6f1; font-size:1.2rem; }
.about-page .section { padding-block:64px!important; }
.about-page .about-intro { background:#fff; }
.about-page .about-intro-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr); gap:64px; align-items:center; }
.about-page main p { line-height:1.75; }
.about-page .about-intro-grid>div p { color:var(--muted); max-width:68ch; }
.about-page .about-intro-grid>div p:first-child { color:var(--deep); font-size:1.12rem; }
.about-page .about-intro-grid>div p:last-child { margin-bottom:0; }
.about-page .about-highlight { padding:28px 30px; border:1px solid var(--line); border-radius:18px; background:var(--mint); }
.about-page .about-highlight>span { display:block; color:var(--green); font-size:2rem; line-height:1; margin-bottom:20px; }
.about-page .about-highlight p { margin:0; font-size:1.35rem; line-height:1.4; letter-spacing:-.025em; }
.about-page .about-highlight .text-link { margin-top:20px; }
.about-page .about-story { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr); gap:64px; align-items:start; }
.about-page .about-story-heading { max-width:350px; }
.about-page .about-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:13px; margin-bottom:20px; color:var(--green); background:var(--mint); border:1px solid var(--line); }
.about-page .about-icon svg { width:26px; height:26px; }
.about-page .about-story h2 { margin:0; font-size:clamp(1.8rem,3vw,2.5rem)!important; line-height:1.12!important; letter-spacing:-.035em; }
.about-page .about-story>div:last-child { padding:30px 34px; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:0 7px 22px rgba(7,47,40,.035); }
.about-page .about-story p { max-width:68ch; color:var(--muted); }
.about-page .about-story p:last-child { margin-bottom:0; }
.about-page .about-story strong { color:var(--deep); }
.about-page .section--soft { background:#edf5f0; }
.about-page .cta { padding-block:64px!important; }
.about-page .cta h2 { font-size:clamp(1.9rem,3.3vw,2.8rem)!important; }
.about-page .cta p { max-width:76ch; font-size:1rem; }
.about-page .cta .actions { justify-content:inherit; }
@media(max-width:980px){
 .about-page .about-intro-grid,.about-page .about-story { gap:28px; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
 .about-page .about-story>div:last-child { padding:24px; }
}
@media(max-width:720px){
 .about-page .hero { padding-block:52px!important; background-position:58% center; }
 .about-page .hero h1 { font-size:clamp(2rem,8.7vw,2.8rem)!important; max-width:520px; }
 .about-page .section,.about-page .cta { padding-block:40px!important; }
 .about-page .about-intro-grid,.about-page .about-story { grid-template-columns:minmax(0,1fr); gap:24px; }
 .about-page .about-intro-grid>div p:first-child { font-size:1.05rem; }
 .about-page .about-highlight { padding:24px; }
 .about-page .about-highlight>span { margin-bottom:12px; }
 .about-page .about-story-heading { max-width:100%; }
 .about-page .about-icon { margin-bottom:16px; width:42px; height:42px; }
 .about-page .about-story h2 { font-size:1.85rem!important; max-width:400px; }
 .about-page .about-story>div:last-child { padding:22px; }
 .about-page .cta .actions { display:grid; grid-template-columns:minmax(0,1fr); }
 .about-page .cta .btn { width:100%; }
}