/* H4H Step 4F.1 — Where We Work country experience */
.h4h-work-areas-index,
.h4h-work-area-detail { --wa-orange:#f28a16; --wa-ink:#171717; --wa-navy:#172d50; --wa-cream:#fff5d8; --wa-soft:#f7f4ee; }

.h4h-wa-index-hero,.h4h-wa-detail-hero{position:relative;background:#202020 center/cover no-repeat;color:#fff;overflow:hidden}
.h4h-wa-index-hero{min-height:520px;display:flex;align-items:flex-end}
.h4h-wa-detail-hero{min-height:690px;display:flex;align-items:center;justify-content:center;text-align:center}
.h4h-wa-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,11,16,.28),rgba(8,11,16,.72))}
.h4h-wa-index-hero-inner,.h4h-wa-detail-hero-inner{position:relative;z-index:1;width:100%;padding-top:100px;padding-bottom:92px}
.h4h-wa-index-hero-inner{max-width:780px;margin-inline-start:auto}
.h4h-wa-detail-hero-inner{padding-bottom:150px}
.h4h-wa-kicker,.h4h-wa-section-label{display:inline-block;color:var(--wa-orange);font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px}
.h4h-wa-index-hero h1,.h4h-wa-detail-hero h1{margin:0;font-weight:800;line-height:1.05}
.h4h-wa-index-hero h1{font-size:clamp(42px,6vw,76px)}
.h4h-wa-detail-hero h1{font-size:clamp(48px,7vw,90px);text-shadow:0 4px 20px rgba(0,0,0,.2)}
.h4h-wa-index-hero p{font-size:19px;line-height:1.9;margin:20px 0 0;max-width:700px;color:rgba(255,255,255,.9)}

.h4h-wa-index-body{padding:92px 0 110px;background:#fff}
.h4h-wa-index-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,500px);gap:60px;align-items:end;margin-bottom:48px}
.h4h-wa-index-heading span,.h4h-wa-impact-heading span{color:var(--wa-orange);font-size:13px;font-weight:800}
.h4h-wa-index-heading h2,.h4h-wa-impact-heading h2{font-size:clamp(32px,4vw,50px);margin:8px 0 0;color:var(--wa-ink);line-height:1.2}
.h4h-wa-index-heading p{color:#686868;line-height:1.9;margin:0}
.h4h-wa-country-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.h4h-wa-country-card{background:#fff;border:1px solid #e6e1d8;box-shadow:0 15px 40px rgba(28,25,20,.07);min-height:480px;display:flex;flex-direction:column}
.h4h-wa-country-media{position:relative;display:flex;align-items:flex-end;min-height:300px;padding:28px;color:#fff;background:#222 center/cover no-repeat;text-decoration:none;overflow:hidden}
.h4h-wa-country-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.75))}
.h4h-wa-country-name{position:relative;z-index:1;font-size:34px;font-weight:800}
.h4h-wa-country-content{position:relative;display:flex;flex-direction:column;gap:18px;flex:1;padding:28px}
.h4h-wa-country-content p{margin:0;color:#626262;line-height:1.85}
.h4h-wa-country-map{position:absolute;inset-inline-end:24px;top:-62px;width:96px;height:96px;padding:10px;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.12)}
.h4h-wa-country-map img{width:100%;height:100%;object-fit:contain}
.h4h-wa-link{margin-top:auto;align-self:flex-start;color:var(--wa-orange);font-weight:800;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.h4h-wa-empty{grid-column:1/-1;padding:70px;text-align:center;background:#faf8f3;color:#666}

.h4h-wa-overview-wrap{background:#fff;position:relative}
.h4h-wa-overview-grid{position:relative;z-index:3;display:grid;grid-template-columns:150px minmax(0,1fr) 320px;gap:54px;align-items:start;margin-top:-92px;padding-bottom:82px}
.h4h-wa-country-rail{padding-top:120px}
.h4h-wa-rail-mark{font-weight:900;color:var(--wa-navy);font-size:22px;margin-bottom:30px}
.h4h-wa-rail-title{display:block;color:#919191;font-size:11px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:12px}
.h4h-wa-country-rail nav{display:flex;flex-direction:column;border-top:1px solid #ddd}
.h4h-wa-country-rail a{padding:11px 0;border-bottom:1px solid #eee;color:#292929;text-decoration:none;font-size:13px;position:relative}
.h4h-wa-country-rail a.is-active{font-weight:800;color:var(--wa-orange)}
.h4h-wa-country-rail a.is-active:before{content:"";position:absolute;inset-inline-start:-12px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--wa-orange)}
.h4h-wa-overview-main{padding-top:120px;min-width:0}
.h4h-wa-overview-main h2{font-size:42px;margin:0 0 20px;color:var(--wa-ink)}
.h4h-wa-copy{font-size:15px;line-height:2;color:#525252;margin-bottom:30px}
.h4h-wa-accordion{border-top:1px solid #d9d9d9}
.h4h-wa-accordion details{border-bottom:1px solid #ddd}
.h4h-wa-accordion summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;font-weight:700;color:#262626}
.h4h-wa-accordion summary::-webkit-details-marker{display:none}
.h4h-wa-accordion summary b{font-size:20px;color:var(--wa-orange);transition:.2s}
.h4h-wa-accordion details[open] summary b{transform:rotate(45deg)}
.h4h-wa-accordion details>div{padding:0 0 18px;color:#646464;line-height:1.9;font-size:14px}
.h4h-wa-map-card{background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.13);padding:28px;min-height:440px;border-top:5px solid var(--wa-orange);margin-top:-145px;position:relative;z-index:5}
.h4h-wa-map-image{height:245px;margin-bottom:20px}
.h4h-wa-map-image img{width:100%;height:100%;object-fit:contain}
.h4h-wa-map-card span{display:block;color:#8a8a8a;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.h4h-wa-map-card strong{display:block;font-size:30px;color:var(--wa-navy);margin:8px 0 12px}
.h4h-wa-map-card a{color:var(--wa-ink);font-size:11px;font-weight:800;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--wa-orange)}

.h4h-wa-impact{padding:64px 0 88px;background:#fff}
.h4h-wa-impact .h4h-shell{border-top:1px solid #d8d8d8;padding-top:32px}
.h4h-wa-impact-heading{margin-bottom:22px}
.h4h-wa-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-inline-start:3px solid var(--wa-orange)}
.h4h-wa-stat{padding:28px 38px;border-inline-end:1px solid #e0e0e0}
.h4h-wa-stat:last-child{border-inline-end:0}
.h4h-wa-stat strong{display:block;font-size:43px;color:var(--wa-ink);font-weight:800;letter-spacing:-.02em}
.h4h-wa-stat span{display:block;margin-top:9px;color:#696969;line-height:1.7}

.h4h-wa-featured-story{padding:35px 0 88px;background:#fff}
.h4h-wa-story-card{position:relative;min-height:500px;background:#1e1e1e center/cover no-repeat;overflow:hidden;border-inline-end:7px solid var(--wa-orange)}
.h4h-wa-story-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.45),rgba(0,0,0,.12))}
[dir="rtl"] .h4h-wa-story-shade{background:linear-gradient(270deg,rgba(0,0,0,.82),rgba(0,0,0,.45),rgba(0,0,0,.12))}
.h4h-wa-story-content{position:relative;z-index:1;max-width:600px;padding:80px 70px;color:#fff}
.h4h-wa-story-content span,.h4h-wa-project-content span,.h4h-wa-donate-copy span,.h4h-wa-informed-inner>span{font-size:12px;color:var(--wa-orange);font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.h4h-wa-story-content h2{font-size:clamp(32px,4vw,52px);line-height:1.18;margin:14px 0 18px}
.h4h-wa-story-content p{line-height:1.9;color:rgba(255,255,255,.82)}
.h4h-wa-story-content a{display:inline-block;margin-top:18px;border:1px solid var(--wa-orange);padding:12px 23px;color:#fff;text-decoration:none;font-weight:800}

.h4h-wa-featured-project{position:relative;padding:105px 0;background:var(--wa-cream);overflow:hidden}
.h4h-wa-featured-project:before,.h4h-wa-featured-project:after{content:"";position:absolute;inset-inline:0;height:32px;background:radial-gradient(circle at 12px 0,#fff 9px,transparent 10px) repeat-x;background-size:24px 24px;opacity:.95}
.h4h-wa-featured-project:before{top:-8px}.h4h-wa-featured-project:after{bottom:-8px;transform:rotate(180deg)}
.h4h-wa-project-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:78px;align-items:center;max-width:1050px}
.h4h-wa-project-media{min-height:430px;background:#ddd;box-shadow:0 18px 40px rgba(0,0,0,.1)}
.h4h-wa-project-media img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block}
.h4h-wa-project-placeholder{min-height:430px;display:grid;place-items:center;font-size:72px;font-weight:900;color:#fff;background:var(--wa-navy)}
.h4h-wa-project-content h2{font-size:clamp(34px,4vw,52px);line-height:1.12;margin:13px 0 22px;color:var(--wa-ink)}
.h4h-wa-project-content p{line-height:2;color:#5b5549}
.h4h-wa-project-content a,.h4h-wa-donate-copy a,.h4h-wa-informed-actions a{display:inline-block;margin-top:18px;padding:12px 24px;border:1px solid var(--wa-orange);color:var(--wa-ink);text-decoration:none;font-weight:800;background:transparent}

.h4h-wa-donate{padding:115px 0 55px;background:#fff}
.h4h-wa-donate-grid{display:grid;grid-template-columns:minmax(340px,45%) minmax(0,1fr);gap:85px;align-items:center;max-width:1150px}
.h4h-wa-donate-media{min-height:520px;background:linear-gradient(135deg,var(--wa-navy),#384d6d) center/cover no-repeat;clip-path:polygon(0 8%,100% 0,96% 100%,5% 95%)}
.h4h-wa-donate-copy{padding-block:40px}
.h4h-wa-donate-copy h2{font-size:clamp(38px,5vw,64px);line-height:1.08;margin:12px 0 22px;color:var(--wa-ink);max-width:590px}
.h4h-wa-donate-copy p{color:#666;line-height:2;max-width:620px}

.h4h-wa-informed{padding:70px 0 105px;background:linear-gradient(180deg,#fff,#f6f2e9)}
.h4h-wa-informed-inner{text-align:center;max-width:760px}
.h4h-wa-informed-inner h2{font-size:clamp(36px,5vw,58px);margin:10px 0 15px;color:var(--wa-ink)}
.h4h-wa-informed-inner p{color:#6c6c6c;line-height:1.9}
.h4h-wa-informed-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.h4h-wa-informed-actions a:first-child{background:var(--wa-orange);color:#fff}

@media (max-width:1100px){
  .h4h-wa-country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h4h-wa-overview-grid{grid-template-columns:120px minmax(0,1fr) 270px;gap:30px}
  .h4h-wa-map-card{padding:22px}.h4h-wa-map-image{height:210px}
  .h4h-wa-project-grid,.h4h-wa-donate-grid{gap:45px}
}
@media (max-width:820px){
  .h4h-wa-index-hero{min-height:430px}.h4h-wa-detail-hero{min-height:500px}.h4h-wa-detail-hero-inner{padding-bottom:90px}
  .h4h-wa-index-heading{grid-template-columns:1fr;gap:18px}
  .h4h-wa-country-grid{grid-template-columns:1fr}
  .h4h-wa-overview-grid{margin-top:-45px;grid-template-columns:1fr;gap:28px}
  .h4h-wa-country-rail{order:2;padding-top:0;background:#faf8f3;padding:22px}.h4h-wa-country-rail nav{flex-direction:row;flex-wrap:wrap;gap:10px;border:0}.h4h-wa-country-rail a{border:1px solid #ddd;padding:8px 12px}.h4h-wa-rail-mark,.h4h-wa-rail-title{display:none}
  .h4h-wa-overview-main{order:3;padding-top:0}.h4h-wa-map-card{order:1;max-width:420px;margin-inline:auto;margin-top:0;width:100%}
  .h4h-wa-stat-grid{grid-template-columns:1fr;border-inline-start:0;border-top:3px solid var(--wa-orange)}.h4h-wa-stat{border-inline-end:0;border-bottom:1px solid #ddd;text-align:center}
  .h4h-wa-project-grid,.h4h-wa-donate-grid{grid-template-columns:1fr}.h4h-wa-project-media,.h4h-wa-project-media img,.h4h-wa-project-placeholder{min-height:320px}.h4h-wa-donate-media{min-height:420px}
  .h4h-wa-story-content{padding:55px 35px}
}
@media (max-width:560px){
  .h4h-wa-index-hero-inner{padding-bottom:55px}.h4h-wa-index-hero p{font-size:16px}.h4h-wa-index-body{padding:60px 0 75px}
  .h4h-wa-country-media{min-height:235px}.h4h-wa-country-name{font-size:29px}.h4h-wa-country-content{padding:22px}
  .h4h-wa-detail-hero{min-height:420px}.h4h-wa-detail-hero-inner{padding-bottom:70px}.h4h-wa-overview-grid{padding-bottom:55px}
  .h4h-wa-overview-main h2{font-size:34px}.h4h-wa-map-card{min-height:360px}.h4h-wa-map-image{height:200px}
  .h4h-wa-impact{padding:45px 0 55px}.h4h-wa-stat strong{font-size:36px}
  .h4h-wa-featured-story{padding:20px 0 55px}.h4h-wa-story-card{min-height:430px}.h4h-wa-story-content{padding:48px 25px}
  .h4h-wa-featured-project{padding:75px 0}.h4h-wa-donate{padding:75px 0 35px}.h4h-wa-donate-media{min-height:320px}.h4h-wa-donate-copy h2{font-size:39px}
}