/* Refined leafy introduction and progressive wet green lettering. */
.eco-hero__panel{width:46%;background:linear-gradient(150deg,rgba(236,246,221,.68),rgba(227,239,218,.62) 55%,rgba(192,214,186,.58));backdrop-filter:blur(13px) saturate(120%);-webkit-backdrop-filter:blur(13px) saturate(120%)}
.eco-hero__title{top:32%;font-size:clamp(3.4rem,6.8vw,7.5rem);letter-spacing:-.045em;line-height:1.08;right:3vw}
.eco-hero__l--2{margin-left:38vw;text-shadow:none;white-space:nowrap}
.eco-hero__in{padding-bottom:clamp(24px,4vh,44px)}
.eco-hero__panel-txt{max-width:44%;padding-left:clamp(24px,4vw,64px);padding-right:30px;padding-bottom:10px;gap:17px}
.eco-hero__sub{margin-bottom:24px;font-size:clamp(1.1rem,1.6vw,1.6rem)}
.eco-hero__lead{max-width:390px;line-height:1.7}
.eco-hero__link{border:1px solid rgba(19,57,33,.2);background:rgba(255,255,255,.74);border-radius:999px;padding:15px 23px;font-size:14px;box-shadow:0 8px 25px #17351e08;transition:background .3s,box-shadow .3s}
.eco-hero__link:hover{background:#fff;box-shadow:0 10px 30px #17351e18}
.eco-wet-word{position:relative;display:inline-block;color:#fff;animation:ecoGreenSoak 5s 1.5s ease-in-out both;text-shadow:0 2px 20px #001b1540}
.eco-wet-word::after{content:attr(data-text);position:absolute;inset:0;color:transparent;background:linear-gradient(110deg,transparent 37%,rgba(255,255,255,.95) 48%,rgba(224,255,204,.6) 51%,transparent 63%);background-size:300% 100%;background-position:150% 0;background-clip:text;-webkit-background-clip:text;pointer-events:none;animation:ecoWetReflection 7s 3s ease-in-out infinite;filter:drop-shadow(0 1px 1px #ffffff40)}
@keyframes ecoGreenSoak{0%,10%{color:#fff}45%{color:#ddf4c9}75%{color:#ade47d}100%{color:#91d957}}
@keyframes ecoWetReflection{0%,15%{background-position:150% 0;opacity:0}25%{opacity:.8}65%{background-position:-60% 0;opacity:.7}75%,100%{background-position:-60% 0;opacity:0}}
@media(max-width:760px){.eco-hero__panel{width:100%;background:linear-gradient(0deg,rgba(10,28,17,.94),rgba(10,28,17,.7) 55%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}.eco-hero__title{font-size:clamp(2.8rem,10vw,4.5rem);margin-bottom:20px}.eco-hero__l--2{margin-left:0}.eco-hero__panel-txt{max-width:none;padding:0 20px 18px}.eco-hero__sub{margin:0 20px 20px}.eco-hero__link{color:#143722}.eco-hero__lead{max-width:420px}}
@media(prefers-reduced-motion:reduce){.eco-wet-word{animation:none;color:#91d957}.eco-wet-word::after{animation:none;display:none}}

/* Dark green spreads from left to right; rain is clipped to the letters. */
.eco-wet-word{animation:none;color:#fff;text-shadow:0 1px 1px rgba(255,255,255,.25),0 3px 24px rgba(0,0,0,.12)}
.eco-wet-word::after{content:none}
.eco-wet-base{display:block}
.eco-wet-fill,.eco-wet-rain{position:absolute;inset:0;display:block;pointer-events:none}
.eco-wet-fill{color:#174a32;text-shadow:0 1px 1px rgba(255,255,255,.32);clip-path:inset(0 100% 0 0);animation:ecoRainGreenReveal 5s 1.2s cubic-bezier(.25,.1,.25,1) forwards}
.eco-wet-rain{color:transparent;text-shadow:none;background-image:repeating-linear-gradient(105deg,transparent 0 12px,rgba(240,255,248,.0) 13px,rgba(240,255,248,.75) 14px,rgba(240,255,248,.05) 16px,transparent 18px 37px),radial-gradient(ellipse at center,rgba(255,255,255,.9) 0 12%,rgba(194,229,210,.6) 14% 23%,transparent 29%);background-size:83px 240px,49px 91px;background-clip:text;-webkit-background-clip:text;clip-path:inset(0 100% 0 0);opacity:.55;animation:ecoRainGreenReveal 5s 1.2s cubic-bezier(.25,.1,.25,1) forwards,ecoLetterRain 1.6s linear infinite}
@keyframes ecoRainGreenReveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes ecoLetterRain{from{background-position:0 -240px,0 -91px}to{background-position:-64px 0,-12px 0}}
@media(prefers-reduced-motion:reduce){.eco-wet-fill{animation:none;clip-path:none}.eco-wet-rain{animation:none;clip-path:none;opacity:.2}.eco-wet-word{color:#174a32}}