@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
.h4bf-adv{--forest:#123e2d;--deep:#08291e;--gold:#d1ad68;--ink:#17251e;--muted:#64746b;font:16px/1.7 'DM Sans',Arial,sans-serif;color:var(--ink);overflow:hidden;background:#fff}
.h4bf-adv *{box-sizing:border-box}.h4bf-adv .adv-container{width:min(1200px,91%);margin:auto}.h4bf-adv h1,.h4bf-adv h2,.h4bf-adv h3{font-family:Manrope,Arial,sans-serif;line-height:1.1;letter-spacing:-.04em;margin:0 0 17px}.h4bf-adv h1{font-size:clamp(2.8rem,6vw,5.3rem);color:white;font-weight:800}.h4bf-adv h1 em{color:#e4c987;font-style:normal}.h4bf-adv h2{font-size:clamp(2rem,4vw,3.15rem);color:var(--deep);font-weight:800}.h4bf-adv h3{font-size:1.18rem;color:var(--deep)}
.h4bf-adv .adv-label,.h4bf-adv .adv-kicker{font-size:.7rem;letter-spacing:.16em;font-weight:800;color:#a98548;text-transform:uppercase}.h4bf-adv .adv-hero{min-height:650px;position:relative;isolation:isolate;display:flex;align-items:center;background:var(--deep)}.h4bf-adv .adv-hero-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,27,19,.96),rgba(5,35,24,.78) 55%,rgba(5,35,24,.2)),url('https://h4bf.org/wp-content/uploads/elementor/thumbs/WhatsApp-Image-2025-02-03-at-4.46.18-AM-r1e2rwe5l4risic36jaw9xw4jwmx3rpst03qqivzvo.jpeg') center/cover}
.h4bf-adv .adv-hero-content{padding:95px 0}.h4bf-adv .adv-eyebrow{color:#e1d0a7;font-size:.7rem;letter-spacing:.15em;font-weight:800;margin-bottom:38px}.h4bf-adv .adv-eyebrow i{display:inline-block;width:32px;height:2px;background:var(--gold);margin:0 10px 4px 0}.h4bf-adv .adv-kicker{color:#e5c987}.h4bf-adv .adv-hero p{max-width:720px;color:#e1e9e3;font-size:1.15rem}.h4bf-adv .adv-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.h4bf-adv .adv-btn{display:inline-flex;padding:14px 20px;text-decoration:none!important;font-size:.85rem;font-weight:800;border-radius:3px}.h4bf-adv .adv-gold{background:var(--gold);color:#17271d!important}.h4bf-adv .adv-outline{border:1px solid #ffffff80;color:white!important}.h4bf-adv .adv-caption{position:absolute;right:4.5%;bottom:20px;color:#ffffffb5;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.h4bf-adv .adv-why{background:#f2f6f1;padding:85px 0}.h4bf-adv .adv-intro{max-width:900px;margin-bottom:38px}.h4bf-adv .adv-intro h2{margin:12px 0 18px}.h4bf-adv .adv-intro p{font-size:1.08rem;color:#52645a}.h4bf-adv .adv-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.h4bf-adv .adv-data-grid article{background:white;border:1px solid #dce5dd;border-top:3px solid var(--gold);padding:24px;display:flex;flex-direction:column;align-items:flex-start;min-height:300px}.h4bf-adv .adv-data-grid article>span{font-size:.65rem;letter-spacing:.12em;font-weight:800;color:#987642}.h4bf-adv .adv-data-grid strong{font:800 clamp(2.1rem,3.5vw,3rem) Manrope;color:var(--forest);line-height:1.1;margin:20px 0 8px;letter-spacing:-.05em}.h4bf-adv .adv-data-grid h3{margin:0 0 10px;font-size:1.05rem}.h4bf-adv .adv-data-grid p{font-size:.87rem;color:#5b6b61;margin:0 0 16px}.h4bf-adv .adv-data-grid a,.h4bf-adv .adv-context a{font-size:.75rem;color:#72592f;font-weight:700;text-decoration:underline;margin-top:auto}
.h4bf-adv .adv-context{margin-top:18px;padding:28px;background:var(--forest);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.h4bf-adv .adv-context h3{color:white;margin:12px 0}.h4bf-adv .adv-context .adv-label{color:#e3c987}.h4bf-adv .adv-context p{margin:0;color:#e0e9e2;font-size:.9rem}.h4bf-adv .adv-context a{grid-column:2;color:#e6cb8d}.h4bf-adv .adv-data-note{font-size:.72rem;color:#64746b;margin:17px 0 0}
.h4bf-adv .adv-section{padding:88px 0}.h4bf-adv .adv-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:38px}.h4bf-adv .adv-heading h2{margin:10px 0 0}.h4bf-adv .adv-heading>p{color:var(--muted);margin:0}.h4bf-adv .adv-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.h4bf-adv .adv-pillars article{background:#f3f6f2;padding:25px;border-top:2px solid var(--gold)}.h4bf-adv .adv-pillars b{font:800 1.8rem Manrope;color:#c19a58}.h4bf-adv .adv-pillars h3{margin:14px 0 9px}.h4bf-adv .adv-pillars p{font-size:.9rem;color:var(--muted);margin:0}

.h4bf-adv .adv-photo-story{padding:82px 0;background:#fff}.h4bf-adv .adv-photo-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:260px 260px;gap:14px}.h4bf-adv .adv-photo-card{margin:0;position:relative;overflow:hidden;background:#102f23;min-height:230px}.h4bf-adv .adv-photo-feature{grid-row:span 2}.h4bf-adv .adv-photo-card img{width:100%;height:100%;min-height:230px;object-fit:cover;display:block;transition:transform .45s ease}.h4bf-adv .adv-photo-card:hover img{transform:scale(1.035)}.h4bf-adv .adv-photo-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,24,16,.92))}.h4bf-adv .adv-photo-card figcaption{position:absolute;z-index:1;left:20px;right:20px;bottom:18px;color:#fff;display:flex;flex-direction:column;gap:5px}.h4bf-adv .adv-photo-card figcaption strong{font:700 1.05rem Manrope}.h4bf-adv .adv-photo-card figcaption span{font-size:.78rem;line-height:1.45;color:#e4eee6}
.h4bf-adv .adv-dark{background:var(--deep);padding:82px 0;color:white}.h4bf-adv .adv-light h2{color:white}.h4bf-adv .adv-light>p{color:#cbd9ce}.h4bf-adv .adv-process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.h4bf-adv .adv-process div{padding:23px;background:#103a2a;border:1px solid #315b46}.h4bf-adv .adv-process span{font:800 .85rem Manrope;letter-spacing:.12em;color:#e6cb8d}.h4bf-adv .adv-process p{color:#d9e6dc;font-size:.9rem;margin:10px 0 0}
.h4bf-adv .adv-examples{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.h4bf-adv .adv-examples h2{margin:12px 0 17px}.h4bf-adv .adv-examples p,.h4bf-adv .adv-examples li{color:#59695f}.h4bf-adv .adv-examples ul{padding-left:20px}.h4bf-adv .adv-examples li{margin:8px 0}.h4bf-adv .adv-quote{background:#f2f6f1;border-left:4px solid var(--gold);padding:35px}.h4bf-adv .adv-quote span{font-size:.68rem;letter-spacing:.14em;font-weight:800;color:#987642}.h4bf-adv .adv-quote blockquote{font:700 1.5rem/1.45 Manrope;color:var(--forest);margin:18px 0}.h4bf-adv .adv-quote small{color:var(--muted)}
.h4bf-adv .adv-cta{padding:65px 0;background:var(--deep)}.h4bf-adv .adv-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.h4bf-adv .adv-cta h2{color:white;margin:10px 0}.h4bf-adv .adv-cta p{color:#d5e1d8;margin:0;max-width:700px}.h4bf-adv .adv-cta .adv-label{color:#e3c987}
@media(max-width:850px){.h4bf-adv .adv-photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 220px 220px}.h4bf-adv .adv-photo-feature{grid-row:span 2}}.h4bf-adv .adv-data-grid,.h4bf-adv .adv-pillars{grid-template-columns:repeat(2,1fr)}.h4bf-adv .adv-heading,.h4bf-adv .adv-examples{grid-template-columns:1fr;gap:22px}.h4bf-adv .adv-context{grid-template-columns:1fr}.h4bf-adv .adv-context a{grid-column:1}}
@media(max-width:560px){.h4bf-adv .adv-photo-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,260px)}.h4bf-adv .adv-photo-feature{grid-row:auto}}.h4bf-adv .adv-data-grid,.h4bf-adv .adv-pillars,.h4bf-adv .adv-process{grid-template-columns:1fr}.h4bf-adv .adv-cta-inner{align-items:flex-start;flex-direction:column}.h4bf-adv .adv-hero{min-height:620px}.h4bf-adv .adv-section,.h4bf-adv .adv-why{padding:62px 0}}

/* CEMIS impact highlights */
.h4bf-adv .adv-cemis{padding:82px 0;background:#f2f6f1}.h4bf-adv .adv-cemis-head{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end;margin-bottom:30px}.h4bf-adv .adv-cemis-head h2{margin:10px 0 0}.h4bf-adv .adv-cemis-head>p{color:#5b6b61;margin:0}.h4bf-adv .adv-cemis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.h4bf-adv .adv-cemis-grid article{background:#fff;border:1px solid #dce5dd;border-top:3px solid var(--gold);padding:25px}.h4bf-adv .adv-cemis-grid article>span{font-size:.66rem;letter-spacing:.12em;font-weight:800;color:#987642}.h4bf-adv .adv-cemis-grid strong{display:block;font:800 clamp(2.3rem,4vw,3.25rem) Manrope;color:var(--forest);line-height:1.1;margin:18px 0 8px;letter-spacing:-.05em}.h4bf-adv .adv-cemis-grid h3{font-size:1.02rem;margin:0 0 8px}.h4bf-adv .adv-cemis-grid small{font-size:.75rem;color:#64746b}.h4bf-adv .adv-cemis-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:19px 22px;background:var(--forest);color:#edf4ee}.h4bf-adv .adv-cemis-foot b{color:#f0d28e}.h4bf-adv .adv-cemis-btn{background:var(--gold);color:#17271d!important;white-space:nowrap}.h4bf-adv .adv-cemis-note{font-size:.73rem;color:#64746b;margin:14px 0 0}@media(max-width:850px){.h4bf-adv .adv-cemis-head{grid-template-columns:1fr;gap:18px}.h4bf-adv .adv-cemis-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.h4bf-adv .adv-cemis-grid{grid-template-columns:1fr}.h4bf-adv .adv-cemis-foot{align-items:flex-start;flex-direction:column}}
.h4bf-adv .adv-cemis-projects{display:grid;grid-template-columns:1.35fr .85fr;gap:18px;margin-top:18px}.h4bf-adv .adv-cemis-projects>div,.h4bf-adv .adv-cemis-projects>aside{background:#fff;border:1px solid #dce5dd;padding:25px}.h4bf-adv .adv-cemis-projects h3{font-size:1.15rem;margin:10px 0}.h4bf-adv .adv-cemis-projects p{font-size:.88rem;color:#53645a}.h4bf-adv .adv-cemis-projects aside{background:#183d2b;color:#f3f6f1;border-color:#183d2b}.h4bf-adv .adv-cemis-projects aside p{color:#d7e3d9}.h4bf-adv .adv-cemis-projects aside h3{color:#f2d28c}.h4bf-adv .adv-cemis-projects aside a{color:#f2d28c;font-weight:800;text-decoration:underline}@media(max-width:700px){.h4bf-adv .adv-cemis-projects{grid-template-columns:1fr}}

.h4bf-adv .adv-live-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:#183d2b;color:#fff;margin:0 0 16px}.h4bf-adv .adv-live-toolbar>div{display:flex;flex-direction:column;gap:3px}.h4bf-adv .adv-live-toolbar small{color:#d4e1d7}.h4bf-adv .adv-live-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e8c77e;margin-right:8px}.h4bf-adv .adv-live-toolbar button{border:1px solid #e8c77e;background:transparent;color:#fff;padding:9px 15px;cursor:pointer;font-weight:700}.h4bf-adv .adv-live-empty,.h4bf-adv .adv-live-error,.h4bf-adv .adv-live-loading{grid-column:1/-1;padding:25px;background:#fff;border:1px solid #dce5dd;color:#4f6256}.h4bf-adv .adv-live-error a{color:#17613c;font-weight:800}.h4bf-adv .adv-cemis-projects[hidden]{display:none}.h4bf-adv .adv-cemis-projects ul{padding-left:20px}.h4bf-adv .adv-cemis-projects li{margin:7px 0;color:inherit}.h4bf-adv .adv-cemis-grid article strong{overflow-wrap:anywhere}

/* v1.6.0: concise advocacy highlights and clear route to the full impact dashboard */
.h4bf-adv .adv-highlights-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 34px}
.h4bf-adv .adv-highlights-copy article{display:flex;gap:18px;background:#fff;border:1px solid #dce5dd;padding:22px 24px}
.h4bf-adv .adv-highlights-copy article>b{font-size:1.05rem;color:#a17c3f;letter-spacing:.08em}
.h4bf-adv .adv-highlights-copy h3{font-size:1rem;margin:0 0 7px;color:var(--forest)}
.h4bf-adv .adv-highlights-copy p{font-size:.88rem;line-height:1.6;margin:0;color:#5b6b61}
.h4bf-adv .adv-live-summary{border-top:1px solid #d6e0d7;padding-top:24px}
.h4bf-adv .adv-live-summary-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}
.h4bf-adv .adv-live-summary-head h3{font-size:1.3rem;margin:7px 0 0;color:var(--forest)}
.h4bf-adv .adv-live-meta{display:flex;flex-direction:column;text-align:right;gap:4px;font-size:.78rem;color:#52645a}
.h4bf-adv .adv-live-meta small{color:#68796e}
.h4bf-adv .adv-live-source{font-size:.75rem;color:#64746b;margin:13px 0 0}
.h4bf-adv .adv-impact-link{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding:23px 26px;background:var(--forest);color:#fff}
.h4bf-adv .adv-impact-link>div{display:flex;flex-direction:column;gap:5px}
.h4bf-adv .adv-impact-link strong{font-size:1.05rem;color:#f2d28c}
.h4bf-adv .adv-impact-link span{font-size:.88rem;color:#e0e9e2}
@media(max-width:700px){.h4bf-adv .adv-highlights-copy{grid-template-columns:1fr}.h4bf-adv .adv-live-summary-head,.h4bf-adv .adv-impact-link{align-items:flex-start;flex-direction:column}.h4bf-adv .adv-live-meta{text-align:left}}