.home .project-numbers > [data-home-metric]{position:relative;overflow:hidden;isolation:isolate;background:#fff;border:1px solid #b8d6d7;border-radius:5px;padding:22px 20px 18px;box-shadow:0 5px 16px #173b5808}
.home .project-numbers [data-home-metric] strong{position:relative;z-index:1;color:#173b58;font-weight:600}
.home .project-numbers [data-home-metric] p{position:relative;z-index:1;color:#28495f}
.home .project-numbers .metric-water{position:absolute;inset:0;z-index:0;display:block;margin:0;overflow:hidden;pointer-events:none;--metric-edge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='72' viewBox='0 0 12 72'%3E%3Cpath d='M0 0H6Q18 18 6 36T6 72H0Z' fill='black'/%3E%3C/svg%3E")}
.home .project-numbers .metric-water::before,.home .project-numbers .metric-water::after{content:"";position:absolute;left:0;top:0;width:var(--metric-fill);height:100%;mask-image:linear-gradient(#000,#000),var(--metric-edge);mask-size:calc(100% - 10px) 100%,12px 72px;mask-position:left top,right top;mask-repeat:no-repeat,repeat-y;animation:metric-water-flow 5.6s linear infinite;animation-play-state:paused;pointer-events:none}
.home .project-numbers .metric-water::before{background:#d6eeea}
.home .project-numbers .metric-water::after{background:#7dc8bf;opacity:.34;animation-duration:7.8s;animation-direction:reverse}
.home .project-numbers [data-effects-running="true"] .metric-water::before,.home .project-numbers [data-effects-running="true"] .metric-water::after{animation-play-state:running}
@keyframes metric-water-flow{to{mask-position:left top,right 72px}}
@media(prefers-reduced-motion:reduce){.home .project-numbers .metric-water::before,.home .project-numbers .metric-water::after{animation:none}}