.about-hero{background:#fff;padding-top:64px}.about-hero-grid{grid-template-columns:7fr 5fr;align-items:center;gap:64px;display:grid}.about-hero h1{font:700 clamp(44px,5vw,68px)/1.06 var(--serif);letter-spacing:-.03em;color:var(--green);max-width:760px;margin:0 0 26px}.about-hero p:not(.eyebrow){max-width:680px}.about-mark{aspect-ratio:1;background:var(--green);color:#fff;text-align:center;box-shadow:20px 20px 0 var(--salvia);font:700 18px var(--serif);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px;display:flex}.about-mark strong{font:700 28px var(--serif);color:var(--gold)}.about-vision{background:var(--salvia)}.about-approach{background:#fff}.about-values{background:var(--mist)}.values-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px;display:grid}.value-card{border:1px solid var(--border);background:#fff;border-radius:12px;min-height:220px;padding:24px}.value-card h3,.work-steps h3{font:700 23px/1.2 var(--serif);color:var(--green);margin:18px 0 12px}.value-card p{margin:0}.about-work{background:#fff}.work-heading{max-width:680px}.work-steps{background:var(--border);grid-template-columns:repeat(5,1fr);gap:1px;margin:42px 0 0;padding:0;list-style:none;display:grid}.work-steps li{background:#fff;padding:24px 20px}.work-steps li>span{color:var(--gold);font-weight:700}.work-steps h3{margin-top:16px;font-size:20px}.work-steps p{margin:0;font-size:14px}.about-project{background:var(--green);color:#fff}.about-project h2{color:#fff}.project-pillars{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.project-pillars span{background:var(--salvia);color:var(--ink);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700}.about-cta{text-align:center;background:#fff}.about-cta .actions{justify-content:center}.about-cta .text-link{margin-top:0}@media (max-width:900px){.about-hero-grid{grid-template-columns:1fr}.about-mark{width:100%;max-width:420px;margin:auto}.values-grid,.work-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.values-grid,.work-steps{grid-template-columns:1fr}.about-hero h1{font-size:42px}.about-cta .text-link{margin-top:4px}}