:root{--green:#087860;--deep:#045647;--lime:#88c040;--blue:#2878b8;--coral:#ef4036;--ink:#142724;--muted:#687b77;--soft:#e7f3ef;--line:#d8e0e0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"Cairo",Arial,sans-serif}.site.en{font-family:"Montserrat",Arial,sans-serif}.site{overflow:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.site img{display:block}
.hero{min-height:100svh;background:#fff;position:relative;padding-top:18px;isolation:isolate}
.navbar{width:min(1380px,calc(100% - 44px));height:82px;margin:auto;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;position:relative;z-index:20;background:rgba(255,255,255,.95)}
.logo{justify-self:start}.logo img{width:190px;height:64px;object-fit:contain}.navbar nav{display:flex;justify-content:center;gap:clamp(18px,2.5vw,40px);font-size:12px;font-weight:700}.navbar nav a{padding:28px 0;position:relative}.navbar nav a:after{content:"";position:absolute;right:0;bottom:18px;width:0;height:2px;background:var(--lime);transition:.3s}.navbar nav a:hover:after{width:100%}.nav-actions{direction:ltr;display:flex;align-items:center;justify-content:flex-end;gap:15px}.nav-actions button{border:0;background:transparent;font-weight:900;font-size:12px;cursor:pointer}.nav-actions a{background:var(--green);color:#fff;padding:13px 20px;font-size:12px;font-weight:800}
.hero-stage{width:min(1380px,calc(100% - 44px));min-height:610px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%;position:relative;direction:ltr}
.hero-photo{height:565px;position:relative;align-self:end;clip-path:path("M 0 120 Q 250 -30 570 50 L 650 560 L 0 560 Z");overflow:hidden;background:var(--soft)}
.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;scale:1.07;transition:opacity 1s ease,scale 6.5s ease}.hero-photo img.active{opacity:1;scale:1}
.photo-dot{position:absolute;z-index:3;width:110px;height:110px;border-radius:50%;background:var(--lime);top:18px;right:18px}.photo-triangle{position:absolute;z-index:4;width:170px;height:170px;background:var(--green);right:0;bottom:0;clip-path:polygon(100% 0,100% 100%,0 100%)}.photo-ring{position:absolute;z-index:5;width:118px;height:118px;border:4px solid #fff;border-radius:50%;right:47px;bottom:34px}
.hero-copy{position:relative;z-index:4;animation:copyIn .75s both;direction:rtl}.en .hero-copy{direction:ltr}@keyframes copyIn{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}.eyebrow,.section-eyebrow{margin:0 0 15px;color:var(--accent,var(--green));font-size:12px;font-weight:900}.hero-copy h1{max-width:650px;margin:0;font-size:clamp(54px,5.2vw,86px);line-height:1.12;letter-spacing:-.055em;font-weight:900}.hero-text{max-width:620px;color:var(--muted);line-height:2;font-size:14px;margin:24px 0 0}.primary-button,.outline-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:15px 22px;margin-top:26px;background:var(--green);color:#fff;font-size:12px;font-weight:900;transition:.3s}.primary-button:hover{background:var(--accent);translate:0 -3px}
.slide-menu{position:absolute;right:-22px;top:50%;translate:100% -50%;width:150px;display:grid;z-index:8}.en .slide-menu{right:auto;left:-22px;translate:-100% -50%}.slide-menu button{border:0;color:#fff;background:var(--item-accent);padding:12px 13px;display:flex;gap:12px;align-items:center;cursor:pointer;text-align:start;font-size:10px;opacity:.72;transition:.3s}.slide-menu button.active{opacity:1;translate:-10px 0}.en .slide-menu button.active{translate:10px 0}.slide-menu span{font:700 15px Arial}
.hero-stats{position:relative;z-index:9;width:min(1120px,calc(100% - 80px));margin:-35px auto 0;background:var(--green);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 18px 45px rgba(8,120,96,.18)}.hero-stats div{text-align:center;padding:20px;border-inline-end:1px solid rgba(255,255,255,.18)}.hero-stats strong{display:block;font-size:32px}.hero-stats span{font-size:10px;color:#c6e2dc}
.section{width:min(1240px,calc(100% - 56px));margin:auto;padding:105px 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-copy h2,.section-heading h2,.impact-copy h2{font-size:clamp(42px,4.6vw,70px);line-height:1.16;letter-spacing:-.055em;margin:0}.about-copy>p:not(.section-eyebrow){color:var(--muted);line-height:2;font-size:13px}.outline-button{background:#fff;color:var(--green);border:1px solid var(--green)}
.about-collage{height:500px;position:relative}.about-main{position:absolute;right:0;top:0;width:82%;height:70%;object-fit:cover;border-radius:52% 52% 8px 8px}.about-small{position:absolute;left:0;bottom:0;width:48%;height:45%;object-fit:cover;border:9px solid #fff;border-radius:50%}.about-collage strong{position:absolute;right:4%;bottom:2%;font-size:92px;color:var(--green);line-height:1}
.programs{width:100%;max-width:none;background:var(--soft);padding-inline:max(28px,calc((100% - 1240px)/2))}.section-heading{text-align:center;margin-bottom:48px}.section-heading h2{margin-inline:auto}.program-list{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.program-card{grid-column:span 2;height:340px;position:relative;overflow:hidden;color:#fff;background:var(--deep)}.program-card:nth-child(1),.program-card:nth-child(2){grid-column:span 3}.program-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.8s}.program-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,50,42,.92),rgba(2,50,42,.08) 75%)}.program-card>span{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green);font:800 11px Arial}.en .program-card>span{right:auto;left:18px}.program-card>div:not(.program-overlay){position:absolute;right:24px;left:60px;bottom:23px}.en .program-card>div:not(.program-overlay){left:24px;right:60px}.program-card h3{font-size:23px;margin:0 0 7px}.program-card p{font-size:10px;line-height:1.7;margin:0;color:#d1e3df}.program-card>b{position:absolute;left:22px;bottom:25px}.en .program-card>b{left:auto;right:22px}.program-card:hover img{scale:1.06}
.impact{min-height:620px;display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:#fff}.impact-photo{overflow:hidden}.impact-photo img{width:100%;height:100%;object-fit:cover}.impact-copy{padding:80px 8vw;display:flex;flex-direction:column;justify-content:center}.impact-copy .section-eyebrow{color:var(--lime)}.impact-copy h2{max-width:680px}.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:38px}.impact-grid span{min-height:85px;padding:16px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:13px;font-size:12px;font-weight:800}.impact-grid i{font-style:normal;color:var(--lime);font-size:25px}
.story-grid{height:570px;position:relative}.story{position:absolute;width:38%;height:460px;background:#fff;border:10px solid #fff;box-shadow:0 30px 70px rgba(5,65,54,.16);overflow:hidden;transition:.4s}.story img{width:100%;height:64%;object-fit:cover}.story div{padding:18px}.story small{color:var(--green);font-weight:900}.story h3{font-size:18px;margin:5px 0}.story p{font-size:10px;line-height:1.7;color:var(--muted)}.story b{color:var(--green)}.story.s1{right:3%;top:0;z-index:3}.story.s2{right:31%;top:80px;rotate:-2deg;z-index:2}.story.s3{left:3%;top:20px;rotate:2deg;z-index:1}.en .story.s1{right:auto;left:3%}.en .story.s2{right:auto;left:31%}.en .story.s3{left:auto;right:3%}.story:hover{z-index:8;translate:0 -12px}
.partners{min-height:120px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,65px);font:800 12px Montserrat;color:#71817e}.partners img{width:155px;height:70px;object-fit:contain}.partners span:first-child{color:#ef4036}.partners span:nth-child(2){color:#2878b8}
.final-cta{padding:70px max(28px,calc((100% - 1240px)/2));background:linear-gradient(110deg,#056552,#087860);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.final-cta h2{font-size:clamp(34px,4vw,58px);margin:0}.final-cta p{color:#c6e2dc}.final-cta a{background:#fff;color:var(--green);padding:16px 25px;font-weight:900;font-size:12px}
footer{min-height:150px;background:#24302e;color:#b7c2c0;display:flex;align-items:center;justify-content:center;gap:45px;padding:35px}footer img{width:190px;height:70px;object-fit:contain;background:#fff}footer p,footer span{font-size:10px}
@media(max-width:1150px){.slide-menu{right:0;translate:0 -50%}.en .slide-menu{left:0;translate:0 -50%}.slide-menu button{width:42px;overflow:hidden}.navbar nav{gap:18px}.hero-stage{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.navbar{grid-template-columns:1fr 1fr}.navbar nav{display:none}.logo img{width:155px}.hero-stage{grid-template-columns:1fr;min-height:auto;padding-top:30px}.hero-photo{height:460px;order:2}.hero-copy{order:1;padding:45px 25px}.slide-menu{top:auto;bottom:15px;right:15px;translate:0;display:flex}.en .slide-menu{left:15px;translate:0}.slide-menu button{width:38px;height:38px;padding:10px}.slide-menu button.active{translate:0 -7px}.hero-stats{margin:0 auto;grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.program-list{grid-template-columns:1fr 1fr}.program-card,.program-card:nth-child(1),.program-card:nth-child(2){grid-column:span 1}.impact{grid-template-columns:1fr}.impact-photo{height:480px}.partners{flex-wrap:wrap;padding:30px}.final-cta{display:block}.final-cta a{display:inline-block;margin-top:15px}}
@media(max-width:600px){.navbar{width:calc(100% - 24px);padding:0 8px}.nav-actions a{padding:10px 11px;font-size:10px}.hero-stage{width:100%}.hero-copy h1{font-size:44px}.hero-photo{height:370px}.hero-stats{width:100%}.hero-stats strong{font-size:25px}.section{width:calc(100% - 36px);padding:75px 0}.about-collage{height:400px}.about-collage strong{font-size:65px}.programs{width:100%;padding-inline:18px}.program-list{grid-template-columns:1fr}.program-card,.program-card:nth-child(1),.program-card:nth-child(2){grid-column:1;height:310px}.impact-photo{height:360px}.impact-copy{padding:60px 24px}.impact-grid{grid-template-columns:1fr}.story-grid{height:1100px}.story{width:88%;height:360px}.story.s1{right:0}.story.s2{right:8%;top:340px}.story.s3{left:0;top:680px}.en .story.s1{left:0}.en .story.s2{left:8%}.en .story.s3{right:0}.story img{height:58%}footer{display:block;text-align:center}footer img{margin:0 auto 18px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Hosting project helpers */
.language-switch{position:fixed;z-index:9999;bottom:20px;inset-inline-end:20px;background:#087860;color:#fff!important;padding:10px 14px;border-radius:999px;font:800 11px/1 Cairo,Arial,sans-serif;box-shadow:0 8px 30px rgba(0,0,0,.18)}