.impact-section{--impact-gold:#806329;position:relative;isolation:isolate;overflow:clip;padding:40px var(--gutter) 68px;background:#e7e1d3;color:var(--ink);border-block:1px solid #cbc3af;scroll-margin-top:calc(var(--header) + 20px)}
.impact-section::after{content:"";position:absolute;inset-inline-start:1%;bottom:-35px;width:260px;height:300px;background:url("../media/logo-512.7c45bbf4e4a3.webp") center/contain no-repeat;opacity:.045;pointer-events:none;z-index:-1}
.impact-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:#626350;border-bottom:1px solid #c4bba5;padding-bottom:20px}
.impact-latin{font-size:10px;letter-spacing:.17em;direction:ltr}
.impact-drawing{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;fill:none;stroke-width:1}
.impact-outline{stroke:#a2947440}.impact-guide{stroke:#a2947419}
.impact-trace{stroke:#a68c4c55;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.22,1,.36,1)}
.impact-section.is-visible .impact-trace{stroke-dashoffset:0}
.impact-layout{display:grid;grid-template-columns:minmax(200px,.92fr) minmax(0,2.75fr);gap:5vw;margin-top:50px;align-items:start}
.impact-intro{padding-top:16px;min-width:0}
.impact-intro h2{font-size:clamp(1.7rem,1.3rem + .8vw,2.25rem);font-weight:400;line-height:1.85;letter-spacing:0;white-space:pre-line}
.impact-intro>p{font-size:14px;line-height:2.1;color:#626350;margin-top:22px;max-width:310px}
.impact-project-link{display:inline-flex;align-items:center;gap:24px;font-size:13px;border-bottom:1px solid #9c884e;padding:10px 0;margin-top:22px}
.impact-project-link>span{font-size:24px;color:var(--impact-gold)}
.impact-help{display:block;font-size:11px;line-height:2;color:#626350;margin-top:25px}
.impact-metrics{list-style:none;display:grid;grid-template-columns:repeat(var(--impact-columns),minmax(0,1fr));gap:34px;margin:0;padding:0;min-width:0}
.impact-metric{position:relative;min-width:0;padding-inline-start:20px;padding-bottom:26px;border-inline-start:1px solid #ae9d7875;overflow-wrap:anywhere}
.impact-metric:nth-child(3n+1){margin-top:96px}.impact-metric:nth-child(3n+2){margin-top:48px}
.impact-metric::before{content:"";position:absolute;inset-inline-start:-3px;top:0;width:5px;height:5px;background:var(--impact-gold);border-radius:50%}
.impact-index{display:flex;align-items:center;gap:10px;color:#716545;font-size:11px;font-variant-numeric:tabular-nums;margin-bottom:15px}
.impact-index>span{width:30px;height:1px;background:#b5a57f;transition:width .4s}
.impact-disclosure summary{display:block;cursor:pointer;list-style:none;min-height:44px}
.impact-disclosure summary::-webkit-details-marker{display:none}
.impact-disclosure summary:focus-visible{outline:2px solid var(--impact-gold);outline-offset:8px;border-radius:2px}
.impact-value{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:118px;margin-bottom:14px;color:var(--impact-gold)}
.impact-value>bdi{font-size:clamp(3.25rem,3.4vw + 1rem,5.25rem);line-height:1.15;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.045em;white-space:nowrap;max-width:100%;display:block}
.impact-unit{font-size:14px;line-height:1.6;letter-spacing:0;color:#626350}
.impact-label{display:block;font-size:16px;font-weight:700;line-height:1.9}
.impact-open-label{font-size:11px;color:#626350;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid #bfb39780}
.impact-plus{font-size:19px;line-height:1;transition:transform .25s;display:inline-block;color:var(--impact-gold)}
.impact-disclosure[open] .impact-plus{transform:rotate(45deg)}
.impact-description{font-size:12px;line-height:2;color:#626350;margin-top:16px}
.impact-detail{padding:16px 0 0}
.impact-detail p{font-size:12px;line-height:2;color:#4e5843}
.impact-detail a{display:inline-flex;gap:15px;align-items:center;font-size:12px;line-height:1.9;text-decoration:underline;text-underline-offset:5px;margin-top:14px}
.impact-date{margin-top:9px}
.impact-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover){.impact-metric:hover .impact-index>span{width:48px}.impact-disclosure summary:hover .impact-label{color:var(--impact-gold)}}
@media(min-width:961px){.impact-metrics:has(>li:only-child)>.impact-metric{margin-top:0;max-width:420px}.impact-metrics:has(>li:nth-child(2):last-child)>.impact-metric{margin-top:30px}}
@media(max-width:1180px){.impact-layout{gap:35px;grid-template-columns:minmax(180px,.85fr) minmax(0,2.75fr)}.impact-metrics{gap:22px}.impact-metric{padding-inline-start:14px}.impact-value>bdi{font-size:clamp(2.7rem,4.5vw,4rem)}.impact-value{min-height:105px}}
@media(max-width:960px){.impact-layout{grid-template-columns:minmax(0,1fr);gap:36px}.impact-intro{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px;padding-top:0}.impact-intro h2{grid-row:1/3}.impact-intro>p{margin-top:0;max-width:none}.impact-project-link{justify-self:start;margin-top:0}.impact-help{grid-column:1/-1;margin-top:5px}.impact-metric:nth-child(3n+1){margin-top:52px}.impact-metric:nth-child(3n+2){margin-top:26px}.impact-value>bdi{font-size:clamp(3rem,6vw,4rem)}}
@media(max-width:600px){.impact-section{padding-top:28px;padding-bottom:40px}.impact-topline{font-size:12px;padding-bottom:16px}.impact-latin{font-size:8px;letter-spacing:.1em}.impact-layout{margin-top:30px;gap:25px}.impact-intro{display:block}.impact-intro h2{font-size:26px;line-height:1.9}.impact-intro>p{font-size:13px;margin-top:14px;max-width:330px}.impact-project-link{margin-top:14px}.impact-help{margin-top:18px}.impact-metrics{grid-template-columns:minmax(0,1fr);gap:26px}.impact-metric:nth-child(n){margin-top:0;padding-inline-start:20px;padding-bottom:0}.impact-index{margin-bottom:10px}.impact-disclosure summary{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;align-items:center}.impact-value{grid-row:1/3;grid-column:1;min-height:0;margin:0}.impact-value>bdi{font-size:56px}.impact-unit{font-size:12px}.impact-label{font-size:16px;grid-column:2;align-self:end}.impact-open-label{grid-column:2;align-self:start;margin-top:7px;padding-top:9px}.impact-description{font-size:12px;margin-top:14px;max-width:330px}.impact-detail{padding-top:18px}.impact-drawing{opacity:.5}.impact-section::after{width:200px;height:230px;inset-inline-start:auto;inset-inline-end:-25px;bottom:25px}}
@media(max-width:350px){.impact-value>bdi{font-size:45px}.impact-label{font-size:14px}.impact-intro h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.impact-trace,.impact-plus,.impact-index>span{transition:none}.impact-trace{stroke-dashoffset:0}}
@media print{.impact-section{break-inside:avoid;background:#fff}.impact-drawing,.impact-help,.impact-open-label{display:none}.impact-detail{display:block}}
/* Long approved figures fit their column without shortening or changing the value. */
@supports(font-size:1cqw){
 .impact-value{container-type:inline-size;--impact-number-max:clamp(3.25rem,3.4vw + 1rem,5.25rem)}
 .impact-value>bdi{font-size:min(var(--impact-number-max),calc(170cqw / var(--impact-digits,1)))}
 @media(max-width:1180px){.impact-value{--impact-number-max:clamp(2.7rem,4.5vw,4rem)}}
 @media(max-width:960px){.impact-value{--impact-number-max:clamp(3rem,6vw,4rem)}}
 @media(max-width:600px){.impact-value{--impact-number-max:56px}}
 @media(max-width:350px){.impact-value{--impact-number-max:45px}}
}
/* Compact homepage composition; native disclosures can still expand the section. */
.home-page .impact-section{padding-block:20px 34px}
.home-page .impact-topline{padding-bottom:12px}
.home-page .impact-layout{margin-top:25px;gap:3.5vw}
.home-page .impact-intro{padding-top:8px}
.home-page .impact-intro h2{font-size:clamp(28px,3.2vw,50px);line-height:1.3;letter-spacing:0}
.home-page .impact-intro>p{font-size:14px;line-height:1.8;margin-top:12px}
.home-page .impact-project-link{min-height:44px;padding-block:4px;margin-top:12px;gap:14px}
.home-page .impact-project-link>.ui-arrow,.home-page .impact-project-link>span{line-height:1}
.home-page .impact-help{margin-top:12px;line-height:1.8}
.home-page .impact-metric{padding-bottom:12px}
.home-page .impact-metric:nth-child(3n+1){margin-top:48px}
.home-page .impact-metric:nth-child(3n+2){margin-top:24px}
.home-page .impact-index{margin-bottom:8px}
.home-page .impact-value{--impact-number-max:clamp(42px,3.5vw,64px);min-height:76px;gap:3px;margin-bottom:8px}
.home-page .impact-value>bdi{font-size:clamp(42px,3.5vw,64px);line-height:1.1}
.home-page .impact-label{font-size:15px;line-height:1.7}
.home-page .impact-open-label{margin-top:8px;padding-top:8px}
.home-page .impact-description,.home-page .impact-detail p{font-size:13px;line-height:1.75;margin-top:10px}
@supports(font-size:1cqw){.home-page .impact-value>bdi{font-size:min(var(--impact-number-max),calc(170cqw / var(--impact-digits,1)))}}
@media(min-width:1181px){.home-page .impact-section{min-height:440px}}
@media(min-width:601px) and (max-width:960px){
 .home-page .impact-section{padding-block:16px 24px}
 .home-page .impact-topline{padding-bottom:8px}
 .home-page .impact-layout{margin-top:16px;gap:16px}
 .home-page .impact-intro{gap:8px 28px;padding-top:0}
 .home-page .impact-intro>p{font-size:13px;line-height:1.7}
 .home-page .impact-intro>p,.home-page .impact-project-link{margin-top:0}
 .home-page .impact-help{margin-top:0}
 .home-page .impact-metric:nth-child(n){margin-top:0;padding-bottom:8px}
 .home-page .impact-index{margin-bottom:4px}
 .home-page .impact-value{min-height:64px}
 .home-page .impact-open-label{margin-top:6px;padding-top:6px}
 .home-page .impact-description{font-size:12px;line-height:1.7;margin-top:8px}
}
@media(max-width:600px){
 .home-page .impact-section{padding-block:14px 20px}
 .home-page .impact-topline{padding-bottom:8px}
 .home-page .impact-layout{margin-top:14px;gap:16px}
 .home-page .impact-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:0;align-items:center}
 .home-page .impact-intro h2{grid-column:1/-1;grid-row:auto;font-size:22px;line-height:1.3;white-space:normal}
 .home-page .impact-intro>p{grid-column:1/-1;font-size:12px;line-height:1.65;margin:0;max-width:none}
 .home-page .impact-project-link{grid-column:1;font-size:12px;margin:0;gap:8px}
 .home-page .impact-help{grid-column:2;max-width:145px;font-size:10.5px;line-height:1.6;margin:0}
 .home-page .impact-metrics{gap:10px}
 .home-page .impact-metric:nth-child(n){display:flow-root;margin:0;padding-inline-start:14px;padding-bottom:4px}
 .home-page .impact-index{position:absolute;inset-inline-start:-2.25ch;top:0;margin:0;font-size:9px}
 .home-page .impact-index>span{display:none}
 .home-page .impact-disclosure summary{display:block;min-height:44px}
 .home-page .impact-value{--impact-number-max:44px;float:inline-start;width:82px;min-height:0;gap:1px;margin:0;margin-inline-end:12px}
 .home-page .impact-value>bdi{font-size:44px}
 .home-page .impact-unit{font-size:11px;line-height:1.4}
 .home-page .impact-label{margin-inline-start:94px;font-size:14px;line-height:1.5}
 .home-page .impact-open-label{margin-inline-start:94px;margin-top:4px;padding-top:4px;font-size:10px;line-height:1.5}
 .home-page .impact-description,.home-page .impact-detail p{font-size:12px;line-height:1.6;margin-top:4px}
 .home-page .impact-description{margin-inline-start:94px}
 .home-page .impact-detail{clear:both;padding-top:10px}
 @supports(font-size:1cqw){.home-page .impact-value>bdi{font-size:min(var(--impact-number-max),calc(170cqw / var(--impact-digits,1)))}}
}
