:root{--ink:#202522;--green:#4eaa32;--dark:#153323;--soft:#f3f4f0;--white:#fff;--line:#d9ddd7;--page:clamp(24px,6vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 "DM Sans",Arial,sans-serif}body.menu-open{overflow:hidden}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Manrope",Arial,sans-serif;line-height:1.08}.section{padding:clamp(80px,10vw,140px) var(--page)}
.site-header{height:88px;padding:0 var(--page);display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:20;inset:0 0 auto;color:#fff;transition:.25s}.site-header.scrolled{height:72px;background:rgba(255,255,255,.96);color:var(--ink);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.logo img{width:190px;height:auto}.site-header:not(.scrolled) .logo img{filter:brightness(0) invert(1)}.navigation{display:flex;gap:38px;font-weight:600;font-size:14px}.navigation a{padding:8px 0;border-bottom:1px solid transparent}.navigation a:hover{border-color:currentColor}.menu-button{display:none;background:none;border:0;color:inherit;width:42px;height:42px}.menu-button span{display:block;width:24px;height:1px;background:currentColor;margin:7px auto;transition:.2s}
.hero{height:max(660px,90svh);position:relative;color:#fff;display:flex;align-items:flex-end;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,23,15,.78),rgba(7,23,15,.22) 75%),linear-gradient(0deg,rgba(7,23,15,.35),transparent 55%)}.hero-content{position:relative;z-index:1;width:min(850px,100%);padding:0 var(--page) clamp(70px,10vw,120px)}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:600;color:#607267;margin-bottom:20px}.kicker.light{color:#cbd9cf}.hero h1{font-size:clamp(48px,7vw,96px);letter-spacing:-.055em;margin-bottom:25px}.hero-content>p:not(.kicker){max-width:610px;color:rgba(255,255,255,.84);font-size:18px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:15px 20px;font-weight:600;font-size:14px;margin-top:22px}.button-light{background:#fff;color:var(--ink)}.button span{color:var(--green)}
.about{display:grid;grid-template-columns:.35fr 1fr .8fr;gap:clamp(35px,6vw,100px);align-items:start}.section-number{color:var(--green);font:600 13px "Manrope"}.about h2,.approach h2,.impact h2,.contact h2{font-size:clamp(38px,5vw,67px);letter-spacing:-.045em;margin-bottom:0}.about-copy{color:#5e6862;padding-top:39px}.about-copy p{margin-bottom:20px}.about-copy .venture{color:var(--ink);margin-top:35px}.approach{background:var(--soft)}.approach-intro{display:grid;grid-template-columns:.35fr 1fr .8fr;gap:clamp(35px,6vw,100px);align-items:end}.approach-intro>p:last-child{color:#5e6862;margin:0}.video-wrap{padding:0 var(--page)}.video-wrap video{width:100%;aspect-ratio:16/9;background:#0e1812;object-fit:cover;box-shadow:0 18px 55px rgba(16,40,27,.12)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-top:70px}.steps article{padding:0 clamp(18px,3vw,45px);border-left:1px solid var(--line)}.steps article:first-child{padding-left:0;border:0}.steps article:last-child{padding-right:0}.steps span{color:var(--green);font-size:12px;font-weight:600}.steps h3{font-size:20px;margin:28px 0 12px}.steps p{font-size:15px;color:#647068;margin:0}.impact{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(50px,8vw,120px);align-items:center}.impact-image img{width:100%;aspect-ratio:1.35;object-fit:cover}.impact-copy ul{list-style:none;padding:0;margin:36px 0 0;border-top:1px solid var(--line)}.impact-copy li{padding:15px 0;border-bottom:1px solid var(--line)}.impact-copy li span{color:var(--green);margin-right:13px}.contact{background:var(--dark);color:#fff;padding:clamp(85px,11vw,145px) var(--page);display:grid;grid-template-columns:1.4fr .6fr;gap:10vw;align-items:end}.contact-copy>p:not(.kicker){max-width:620px;color:#b9c9bf;margin-top:28px}.contact-address p{color:var(--green);font-size:12px;text-transform:uppercase;letter-spacing:.15em}.contact-address address{font-style:normal;color:#c8d3cc}footer{padding:45px var(--page);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;border-top:1px solid var(--line);font-size:13px;color:#687169}.footer-logo img{width:155px}footer p{margin:0}footer p:last-child{text-align:right}
@media(max-width:850px){.menu-button{display:block;z-index:2}.navigation{position:fixed;inset:0;background:var(--dark);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font:600 28px "Manrope";transform:translateX(100%);transition:.3s}.navigation.open{transform:none}.menu-button.active{color:#fff}.menu-button.active span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button.active span:last-child{transform:translateY(-4px) rotate(-45deg)}.about,.approach-intro{grid-template-columns:1fr 2fr}.about-heading,.about-copy,.approach-intro>div,.approach-intro>p:last-child{grid-column:2}.about-copy{padding-top:0}.impact{grid-template-columns:1fr}.contact{grid-template-columns:1fr}.contact-address{margin-top:30px}}
@media(max-width:600px){.site-header{height:70px}.logo img{width:155px}.hero{height:720px}.hero-content{padding-bottom:70px}.hero h1{font-size:49px}.hero-content>p:not(.kicker){font-size:16px}.section{padding-top:75px;padding-bottom:75px}.about,.approach-intro{display:block}.section-number{margin-bottom:45px}.about-copy,.approach-intro>p:last-child{margin-top:35px}.video-wrap{padding:0}.video-wrap video{box-shadow:none}.steps{grid-template-columns:1fr;padding-top:45px}.steps article,.steps article:first-child,.steps article:last-child{padding:28px 0;border:0;border-top:1px solid var(--line)}.steps h3{margin-top:16px}.impact-image{margin:0 calc(var(--page) * -1)}.contact h2{font-size:42px}footer{grid-template-columns:1fr}footer p:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.venture a{color:var(--green);border-bottom:1px solid currentColor}
