:root{--ink:#061812;--lime:#c7fa23;--teal:#087d63;--muted:#5f7168}*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink)}header{height:116px;background:#061812;color:#fff;padding:0 7vw;display:flex;align-items:center}.brand img,footer img{width:165px;height:110px;object-fit:contain}nav{margin-left:auto;display:flex;align-items:center;gap:27px;font-size:.85rem;color:#c7d6cf}nav a{color:inherit;text-decoration:none}nav .active,nav a:hover{color:var(--lime)}.cta{background:var(--lime);color:#06251b;padding:13px 17px;font-weight:700}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:570px;padding:90px 10vw;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw;background:#061812;color:#fff}.about-hero-video{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.about-hero-overlay{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,24,18,.92),rgba(2,24,18,.75) 49%,rgba(2,24,18,.35))}.hero-copy,.mark{z-index:1}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.15em;color:var(--lime)}.dark{color:var(--teal)}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.05em}h1{font-size:clamp(3rem,5.7vw,5.6rem);line-height:1;margin:14px 0 25px}h1 em,h2 em{font-style:normal;color:var(--lime)}.hero p:not(.eyebrow){max-width:560px;color:#c3d2ca;line-height:1.7;font-size:1.08rem}.hero a,.cta-section a{display:inline-block;margin-top:18px;background:var(--lime);color:#06251b;text-decoration:none;padding:15px 19px;font-weight:700}.mark{height:330px;margin:0;border:1px solid #3a7265;position:relative;overflow:hidden;background:radial-gradient(circle,rgba(23,125,109,.72) 0,rgba(2,24,18,.22) 60%)}.mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mark figcaption{position:absolute;left:0;right:0;bottom:32px;text-align:center;letter-spacing:.18em;color:#d8ff8a;z-index:1;text-shadow:0 1px 6px rgba(0,0,0,.6)}.story{max-width:820px;padding:110px 7vw;margin:auto}.story h2,.impact h2,.timeline h2{font-size:clamp(2.25rem,4vw,4rem);line-height:1.06;margin:12px 0 22px}.story h2 em,.impact h2 em,.timeline h2 em{color:var(--teal)}.story p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:1.03rem}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dbe7de;padding:0 7vw}.pillars article{padding:43px 30px;background:#f6f9f3}.pillars span{color:var(--teal);font-weight:700}.pillars h3{font-size:1.5rem;margin:18px 0 10px}.pillars p,.impact p{color:var(--muted);line-height:1.7}.impact{padding:115px 10vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.impact-card{height:355px;position:relative;overflow:hidden;background:#082b23;color:#fff;padding:28px}.impact-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.impact-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,43,35,.15) 0%,rgba(8,43,35,.9) 100%)}.impact-card small{position:relative;color:#c7fa23;letter-spacing:.15em;font-weight:bold;z-index:1}.impact-card span{position:absolute;bottom:26px;right:28px;text-align:right;line-height:1.5;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5);z-index:1}.impact ul{padding:0;list-style:none}.impact li{padding:12px 0 12px 26px;border-bottom:1px solid #dce7df;position:relative;font-weight:600}.impact li:before{content:'✓';position:absolute;left:0;color:var(--teal)}.timeline{padding:105px 10vw;background:#eff4ed}.timeline>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:50px}.timeline article{border-top:2px solid #99bdac;padding-top:17px}.timeline article span{color:var(--teal);font-weight:700;font-size:.78rem}.timeline h3{font-size:1.35rem;margin:15px 0 10px}.timeline p{color:var(--muted);line-height:1.6}.cta-section{text-align:center;padding:110px 7vw;background:linear-gradient(135deg,#066b5d,#092a23);color:#fff}.cta-section p{color:#ccff80;font-weight:700}.cta-section h2{font-size:clamp(2.2rem,4vw,4rem);max-width:760px;margin:15px auto}footer{background:#051711;color:#c4d4cc;text-align:center;padding:48px 7vw 28px}footer p{font-size:.9rem}footer small{color:#779086}@media(max-width:760px){header{height:95px;padding:0 6vw}.brand img{width:130px;height:88px}nav a:not(.cta){display:none}.cta{font-size:.72rem;padding:11px}.hero,.impact{grid-template-columns:1fr;padding:70px 7vw}.mark{height:250px}.pillars,.timeline>div{grid-template-columns:1fr}.story,.timeline{padding:75px 7vw}.impact{gap:48px}.impact-card{order:2}}
