:root{--green:#064b36;--green2:#003d2d;--gold:#e8b94e;--ink:#13221b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.newHome{margin:0;background:#fff;color:var(--ink);font-family:Arial,"Noto Sans Arabic",sans-serif;overflow-x:hidden}.sitefooter{display:none!important}
.topbar{height:72px!important;background:#fff!important;padding:0 5%!important;display:flex!important;align-items:center!important;gap:28px!important;position:relative!important;z-index:20!important;border:0!important;border-bottom:1px solid #eee!important;box-shadow:none!important;direction:ltr!important}.logoLink{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:240px}.brandEmblem{width:58px!important;height:58px!important;object-fit:contain!important;border:0!important;background:transparent!important;border-radius:50%!important}.brandWords{display:flex;flex-direction:column;color:#111;line-height:1}.brandWords b{font-size:23px;font-weight:900}.brandWords small{font-size:11px;margin-top:7px;direction:rtl}.topbar nav{display:flex!important;flex:1;justify-content:center;gap:31px!important;direction:rtl!important}.topbar nav a{color:#111!important;text-decoration:none;font-size:14px!important;font-weight:700!important;white-space:nowrap}.topbar nav a:first-child{color:var(--green)!important;border-bottom:3px solid var(--green);padding:27px 0 20px}.headActions{display:flex;align-items:center;gap:12px;direction:rtl}.headActions #lang{border:0;background:transparent;color:#555;padding:9px;font-weight:700}.contactPill{background:var(--green)!important;color:#fff!important;border-radius:25px!important;padding:12px 24px!important;text-decoration:none;font-weight:800}
.homeHero{height:438px!important;position:relative!important;overflow:hidden!important;color:#fff!important;background-image:linear-gradient(90deg,rgba(0,57,41,.98) 0%,rgba(0,57,41,.90) 28%,rgba(0,0,0,.10) 60%,rgba(0,0,0,.35) 100%),var(--hero-image)!important;background-size:cover!important;background-position:center!important}.heroShade{display:none!important}.heroCopy{position:absolute!important;left:5%!important;right:auto!important;top:25px!important;width:35%!important;max-width:470px!important;text-align:left!important;z-index:2!important}.heroLogo{width:190px!important;height:175px!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 4px 8px #0005)}.heroCopy h1{font-size:44px!important;line-height:1!important;margin:-2px 0 0!important;color:#e6bd58!important;direction:ltr!important;text-align:left!important}.heroCopy h1 span{color:#8dc665!important}.heroCopy h2{font-size:20px!important;color:#fff!important;margin:9px 0!important;text-align:left!important;direction:rtl!important}.heroCopy p{font-size:16px!important;line-height:1.65!important;margin:0 0 16px!important;text-align:left!important;direction:rtl!important}.heroBtns{display:flex!important;gap:12px!important;justify-content:flex-start!important;direction:rtl!important}.goldBtn,.outlineBtn{display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:12px 22px;border-radius:26px;text-decoration:none;font-weight:800}.goldBtn{background:linear-gradient(135deg,#f4cf70,#dfa43b);color:#183b2e}.outlineBtn{border:1px solid #f1ca6d;color:#fff}.heroStatement{position:absolute!important;right:3%!important;left:auto!important;top:250px!important;text-align:right!important;font-size:31px!important;line-height:1.28!important;z-index:2!important}.heroStatement i{display:block;width:88px;height:3px;background:#fff;margin:18px 0 0 auto}.heroFeatures{position:absolute!important;right:42%!important;left:4%!important;bottom:0!important;height:72px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;align-items:center!important;background:rgba(0,60,43,.42)!important;backdrop-filter:blur(5px);z-index:3!important;padding:8px 0!important}.heroFeatures span{text-align:center!important;font-size:21px!important;border-left:1px solid #ffffff66!important}.heroFeatures span:last-child{border-left:0!important}.heroFeatures b{display:block;font-size:12px!important;margin-top:4px;color:#fff}
.projectsSection{padding:20px 2.7% 18px!important;background:#fff!important}.sectionTitle{text-align:center;margin:0 0 14px!important}.sectionTitle h2{font-size:29px!important;color:var(--green)!important;margin:0!important}.sectionTitle span{display:none!important}.projectsGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;max-width:none!important;margin:0!important}.projectCard{background:#fff;border:1px solid #e4e5df;border-radius:10px;overflow:hidden;box-shadow:0 5px 16px #16342612;min-width:0}.ba{height:184px!important;position:relative!important;overflow:hidden!important;--pos:50%;touch-action:none;cursor:ew-resize}.ba .half{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.ba .half:first-child{clip-path:inset(0 calc(100% - var(--pos)) 0 0);z-index:2}.ba .half:nth-child(2){z-index:1}.ba img{width:100%!important;height:100%!important;object-fit:cover!important}.ba em{position:absolute;bottom:8px;background:#171a19e8;color:#fff;padding:5px 9px;border-radius:4px;font-size:11px;font-style:normal}.ba .half:first-child em{left:8px}.ba .half:nth-child(2) em{right:8px}.ba:after{content:"";position:absolute;z-index:3;top:0;bottom:0;left:var(--pos);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none}.swap{position:absolute;z-index:4;left:var(--pos)!important;top:50%;transform:translate(-50%,-50%);width:29px;height:29px;border-radius:50%;background:#fff;color:var(--green);display:grid;place-items:center;box-shadow:0 2px 8px #0003}.baRange{position:absolute!important;z-index:6!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;margin:0!important;cursor:ew-resize}.pcBody{padding:10px 12px 11px!important;direction:rtl}.pcBody h3{font-size:18px!important;margin:0 0 7px!important;text-align:right!important}.pcBody p{font-size:13px!important;color:#666!important;line-height:1.55!important;min-height:42px!important;margin:0 0 10px!important;text-align:right!important}.doneBadge{background:linear-gradient(90deg,#b8e5b3,#9bd997)!important;color:#064b36!important;padding:10px!important;border-radius:7px!important;text-align:center;font-size:15px!important;font-weight:900}
.impactBand{min-height:190px!important;background:linear-gradient(115deg,#003c2c,#00523b)!important;color:#fff!important;padding:24px 5%!important;display:grid!important;grid-template-columns:1.1fr 2.5fr 1fr!important;align-items:center!important;gap:28px!important}.impactIntro{text-align:right}.impactIntro h2{color:#fff!important;font-size:25px!important;margin:0 0 7px!important}.impactIntro p{font-size:13px;line-height:1.65;margin:0 0 13px}.impactIntro .goldBtn{min-width:160px;padding:10px 20px}.impactStats{display:grid;grid-template-columns:repeat(4,1fr);border-right:1px solid #ffffff55;border-left:1px solid #ffffff55}.impactStats div{text-align:center}.impactStats strong{display:block;color:#efc461;font-size:24px}.impactStats span{font-size:13px}.syriaMark{text-align:center}.syriaMark b{display:block;color:#efc461;font-size:24px}.syriaMark span{display:block;font-weight:700}.syriaMark img{width:105px;height:75px;object-fit:contain;margin-top:5px}
.english .pcBody{direction:ltr}.english .pcBody h3,.english .pcBody p{text-align:left!important}.english .heroCopy h2,.english .heroCopy p{direction:ltr!important;text-align:left!important}.english .impactIntro{text-align:left}
@media(max-width:1050px){.topbar nav{display:none!important}.projectsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.heroCopy{width:44%!important}.heroFeatures{right:48%!important}.impactBand{grid-template-columns:1fr!important}.impactStats{border:0}}
@media(max-width:600px){.topbar{height:66px!important;padding:0 12px!important}.logoLink{min-width:0}.brandEmblem{width:45px!important;height:45px!important}.brandWords b{font-size:18px}.brandWords small{display:none}.contactPill{display:none}.homeHero{height:650px!important}.heroCopy{left:18px!important;right:18px!important;width:auto!important;top:25px!important}.heroLogo{width:125px!important;height:120px!important}.heroCopy h1{font-size:38px!important}.heroStatement{display:none!important}.heroFeatures{left:10px!important;right:10px!important;height:125px!important;grid-template-columns:repeat(2,1fr)!important}.projectsGrid{grid-template-columns:1fr!important}.ba{height:235px!important}.impactStats{grid-template-columns:repeat(2,1fr);gap:20px}}
.projectTitleLink{color:inherit;text-decoration:none}.projectTitleLink:hover h3{color:var(--green)}
.contributeBtn{display:flex;align-items:center;justify-content:center;margin-top:9px;padding:10px 12px;border-radius:7px;background:var(--green);color:#fff;text-decoration:none;font-weight:900;font-size:14px}.contributeBtn:hover{filter:brightness(1.08)}

/* V7 polish */
.brandEmblem,.heroLogo,.syriaMark img{background:transparent!important}.brandEmblem{clip-path:circle(49%)}.heroLogo{clip-path:circle(48% at 50% 50%)}
.heroFeatures .fi{width:27px;height:27px;display:block;margin:0 auto 4px;fill:none;stroke:currentColor;stroke-width:2.2}.heroFeatures span{font-size:0!important}.heroFeatures b{font-size:12px!important}
@media(max-width:600px){.heroCopy p{max-width:92%}.heroBtns{flex-wrap:wrap}.goldBtn,.outlineBtn{min-width:145px}.heroFeatures{bottom:0!important}}

/* V8 visual alignment fixes */
.brandEmblem,.heroLogo,.syriaMark img{clip-path:none!important;border-radius:0!important;object-fit:contain!important;object-position:center!important;background:transparent!important}
.brandEmblem{width:58px!important;height:58px!important;padding:2px!important}
.heroLogo{width:190px!important;height:180px!important;margin:0 auto 0 0!important;display:block!important}
.syriaMark{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;overflow:visible!important}
.syriaMark img{width:145px!important;height:145px!important;max-width:100%!important;margin:8px auto 0!important;display:block!important}
.homeHero{min-height:438px!important}
.heroCopy{top:24px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important}
.heroCopy h1,.heroCopy h2,.heroCopy p{position:relative!important;z-index:4!important}
.heroFeatures{display:grid!important;align-items:stretch!important}
.heroFeatures span{height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;line-height:1.15!important;padding:7px 10px!important;overflow:visible!important}
.heroFeatures .fi{width:28px!important;height:28px!important;min-height:28px!important;margin:0 auto 5px!important;display:block!important;overflow:visible!important}
.heroFeatures b{display:block!important;line-height:1.25!important;white-space:normal!important;text-align:center!important}
.topbar nav a:first-child{padding:24px 0 18px!important;line-height:1.2!important}
@media(max-width:600px){.heroLogo{width:135px!important;height:130px!important;margin:0 auto!important}.heroCopy{align-items:center!important;text-align:center!important}.heroCopy h1,.heroCopy h2,.heroCopy p{text-align:center!important}.heroBtns{justify-content:center!important}.syriaMark img{width:120px!important;height:120px!important}}

/* V9 — match the approved reference layout */
.topbar{height:72px!important;padding:0 5.2%!important;gap:20px!important;overflow:visible!important}
.logoLink{min-width:250px!important;flex:0 0 auto!important}
.brandEmblem{width:58px!important;height:58px!important;object-fit:contain!important}
.topbar nav{gap:27px!important;min-width:0!important}
.topbar nav a{padding:25px 0 20px!important;line-height:1!important;border-bottom:3px solid transparent!important}
.topbar nav a:first-child{border-bottom-color:var(--green)!important}
.headActions{flex:0 0 auto!important;white-space:nowrap!important}
.headActions #lang{display:none!important}
.contactPill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:145px!important;padding:11px 22px!important}
.homeHero{height:438px!important;background-image:linear-gradient(90deg,rgba(0,55,39,.97) 0%,rgba(0,55,39,.87) 27%,rgba(0,0,0,.10) 60%,rgba(0,0,0,.30) 100%),var(--hero-image,url('assets/hero-reference-city.jpg'))!important;background-position:center 48%!important}
.heroCopy{top:24px!important;left:5.2%!important;width:35%!important;max-width:480px!important}
.heroLogo{width:188px!important;height:178px!important;object-fit:contain!important;object-position:center!important;margin:0!important}
.heroCopy h1{margin:-1px 0 0!important}.heroCopy h2{margin:8px 0!important}.heroCopy p{margin-bottom:15px!important}
.heroFeatures{right:43%!important;left:4.5%!important;height:72px!important;bottom:0!important}
.heroFeatures span{padding:6px 12px!important}.heroFeatures .fi{width:28px!important;height:28px!important}
.syriaMark img{width:130px!important;height:110px!important;object-fit:contain!important;margin:6px auto 0!important}
@media(max-width:1180px){.topbar nav{gap:17px!important}.topbar nav a{font-size:13px!important}.logoLink{min-width:220px!important}}
@media(max-width:1050px){.topbar nav{display:none!important}.headActions #lang{display:block!important}.heroCopy{width:44%!important}}
@media(max-width:600px){.contactPill{display:none!important}.heroCopy{width:auto!important}.heroLogo{width:130px!important;height:125px!important}.syriaMark img{width:115px!important;height:100px!important}}

/* V10 — exact approved hero visual */
@media (min-width:1051px){
  .homeHero{
    height:auto!important;
    aspect-ratio:1312/460!important;
    min-height:0!important;
    background-image:url('assets/hero-approved-exact.jpg')!important;
    background-size:100% 100%!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
  }
  .homeHero>.heroShade,.homeHero>.heroCopy,.homeHero>.heroStatement,.homeHero>.heroFeatures{display:none!important}
}

/* V11 FIX — real working hero, no flattened screenshot */
@media (min-width:1051px){
  .homeHero{
    height:438px!important; min-height:438px!important; aspect-ratio:auto!important;
    background-image:linear-gradient(90deg,rgba(0,55,39,.97) 0%,rgba(0,55,39,.86) 28%,rgba(0,0,0,.08) 61%,rgba(0,0,0,.30) 100%),url('assets/hero-reference-city.jpg')!important;
    background-size:cover!important; background-position:center 48%!important;
  }
  .homeHero>.heroCopy,.homeHero>.heroStatement,.homeHero>.heroFeatures{display:flex!important}
  .homeHero>.heroStatement{display:block!important}
  .homeHero>.heroShade{display:none!important}
}
.brandEmblem,.heroLogo,.syriaMark img{border-radius:50%!important;clip-path:circle(49% at 50% 50%)!important;background:transparent!important;object-fit:cover!important}
.heroLogo{filter:drop-shadow(0 4px 8px #0005)!important}


/* V12 professional consistency pass */
.brandEmblem,.heroLogo,.syriaMark img{border-radius:0!important;clip-path:none!important;object-fit:contain!important;background:transparent!important}
.brandEmblem{padding:0!important}
.heroLogo{object-fit:contain!important}
.topbar{position:sticky!important;top:0!important}
.topbar nav a{transition:color .2s ease,border-color .2s ease}
.topbar nav a:hover{color:var(--green)!important;border-bottom-color:#9fbeaF!important}
.contactPill,.goldBtn,.outlineBtn,.contributeBtn{transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.contactPill:hover,.goldBtn:hover,.outlineBtn:hover,.contributeBtn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.projectCard{transition:transform .22s ease,box-shadow .22s ease}
.projectCard:hover{transform:translateY(-3px);box-shadow:0 12px 28px #1634261f}
@media(max-width:600px){.headActions #lang{display:block!important}.topbar{justify-content:space-between!important}.headActions{margin-inline-start:auto}.heroCopy p{font-size:15px!important}.heroBtns{gap:8px!important}.goldBtn,.outlineBtn{padding:11px 15px!important}.homeHero{min-height:650px!important}}

/* V13 — final desktop composition fix: balanced hero + clean transparent marks */
@media (min-width:1051px){
  .topbar{height:76px!important;padding:0 4.6%!important;gap:24px!important}
  .logoLink{min-width:265px!important}
  .brandEmblem{width:60px!important;height:60px!important;object-fit:contain!important}
  .topbar nav{gap:clamp(18px,2vw,32px)!important}
  .homeHero{height:510px!important;min-height:510px!important;background-image:linear-gradient(90deg,rgba(0,55,39,.98) 0%,rgba(0,55,39,.90) 31%,rgba(0,0,0,.08) 61%,rgba(0,0,0,.32) 100%),url('assets/hero-reference-city.jpg')!important;background-size:cover!important;background-position:center 54%!important}
  .heroCopy{top:28px!important;left:5.2%!important;width:37%!important;max-width:500px!important}
  .heroLogo{width:190px!important;height:190px!important;object-fit:contain!important;margin:0 0 -4px 0!important}
  .heroCopy h1{font-size:46px!important}.heroCopy h2{font-size:21px!important}.heroCopy p{font-size:16px!important;max-width:460px!important}
  .heroStatement{right:4.5%!important;top:272px!important;font-size:30px!important}
  .heroFeatures{right:42%!important;left:4.5%!important;height:78px!important;bottom:0!important;border-radius:0!important}
}
.brandEmblem,.heroLogo,.syriaMark img{object-fit:contain!important;object-position:center!important;background:transparent!important;border-radius:0!important;clip-path:none!important}
.syriaMark img{width:128px!important;height:128px!important}
@media(max-width:1050px){.homeHero{background-position:center center!important}}
/* V14 reliability + navigation + language */
.headActions #lang{display:inline-flex!important;align-items:center;justify-content:center;border:1px solid #d7e0db!important;border-radius:20px!important;padding:8px 12px!important;cursor:pointer!important;background:#fff!important;color:#174434!important}
.infoStrip{max-width:1180px;margin:34px auto;padding:24px 28px;border:1px solid #e3e9e5;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;box-shadow:0 8px 28px #1634260d}.infoStrip.alt{background:#f7faf8}.infoStrip h2{margin:0 0 7px;color:var(--green);font-size:27px}.infoStrip p{margin:0;color:#617069}.outlineDark{border:1px solid var(--green);color:var(--green);text-decoration:none;padding:11px 18px;border-radius:24px;font-weight:800;white-space:nowrap}.loading,.emptyProjects{grid-column:1/-1;text-align:center;padding:40px;color:#64736b}
@media(max-width:1050px){.headActions #lang{display:inline-flex!important}}
@media(max-width:700px){.infoStrip{margin:20px 14px;padding:20px;align-items:flex-start;flex-direction:column}.infoStrip h2{font-size:23px}}

/* Final round logo rules */
.brandEmblem,.heroLogo,.syriaMark img{border-radius:50%!important;clip-path:none!important;object-fit:contain!important;background:transparent!important;}