@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--ink:#142822;--accent:#d5ee76;--line:#dce2dc;--muted:#58655e}*{box-sizing:border-box}body{margin:0;background:#fafbf9;color:var(--ink);font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;font-size:16px;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #89a73e;outline-offset:6px}.wrap{width:min(1280px,88%);margin:auto}.draft{background:var(--ink);color:#d9e2d9;text-align:center;font-size:12px;padding:5px 14px}header{background:#fafbf9}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:108px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-symbol{font-family:Georgia,serif;font-size:42px;font-style:italic;border:1px solid var(--ink);width:56px;height:56px;display:grid;place-items:center;line-height:1}.brand strong{display:block;font-size:32px;line-height:1.1}.brand small{font-size:12px}nav{display:flex;align-items:center;gap:30px}nav a{font-size:14px;padding:9px 0;border-bottom:2px solid transparent}nav a[aria-current]{border-color:#799747}nav a:last-child{border:1px solid var(--ink);padding:10px 20px}nav a:hover{color:#617b22}.menu-toggle{display:none}.hero{background:#142822;min-height:625px;position:relative;color:white;overflow:hidden}.hero-image{position:absolute;inset:0 42% 0 0;background:linear-gradient(90deg,transparent 35%,#142822 100%),linear-gradient(0deg,#14282288,transparent 60%),var(--hero-image,url('/hero.jpg')) center 48%/cover}.hero-content{position:relative;padding-top:85px;padding-bottom:112px}.eyebrow{font-size:13px;font-weight:600;margin-bottom:20px;letter-spacing:.3px}.light{color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,4.6vw,68px);line-height:1.5;font-weight:600;letter-spacing:-1.5px;margin-bottom:24px}.hero h1{max-width:650px}.hero p{color:#d0d8d0;max-width:480px;margin-bottom:35px;font-size:18px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:52px;background:var(--accent);color:var(--ink);padding:14px 24px;font-weight:600;font-size:15px;transition:background .2s}.button:hover{background:#e5ff8a}.button span{font-size:24px;line-height:1}.hero-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:13px;padding-bottom:25px;color:#c8d1ca}.latin{font-family:Arial,sans-serif;letter-spacing:2px;font-size:11px}.section{padding-block:88px}.section-head{display:grid;grid-template-columns:1fr 1fr auto;gap:60px;align-items:center;margin-bottom:45px}h2{font-size:clamp(28px,3vw,40px);line-height:1.65;font-weight:500;letter-spacing:-.8px;margin-bottom:16px}.section-head p{max-width:370px;color:var(--muted);margin:0}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:6px;white-space:nowrap}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.service{padding:30px 28px 22px;border-inline-start:1px solid var(--line);border-bottom:1px solid var(--line)}.service:nth-child(3n+1){border-inline-start:0;padding-inline-start:0}.number{font-family:Arial,sans-serif;font-size:14px;color:#65744f;display:block;margin-bottom:35px}h3{font-size:21px;font-weight:600;margin-bottom:10px}.service p{font-size:15px;color:var(--muted);max-width:335px}.project-band{background:#e8eddf;padding:62px 0}.band-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.band-inner p{margin-bottom:0;color:var(--muted)}.outline{background:transparent;border:1px solid var(--ink)}.outline:hover{background:var(--accent)}.about-preview{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-preview p{font-size:18px;color:var(--muted)}footer{background:var(--ink);color:#e3e9e2;padding-top:40px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:40px}.footer-brand{font-size:32px;font-weight:600}.footer-brand span{display:block;font-size:12px;font-weight:400}.footer-inner p{font-size:15px;margin:0;color:#becbbf}.footer-inner>a:last-child{color:var(--accent);font-size:15px}.footer-bottom{border-top:1px solid #3a4941;padding-block:18px;display:flex;justify-content:space-between;font-size:12px;color:#afbeb2}.page-intro{padding-top:64px;padding-bottom:55px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(36px,4.5vw,62px)}.page-intro>p{max-width:670px;color:var(--muted);font-size:18px;margin:0}.compact{padding-top:40px}.project-empty{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-block:65px 100px;border:1px solid var(--line);padding:50px}.empty-mark{font:110px Georgia,serif;color:#bcc8ae;direction:ltr;text-align:right}.project-empty p{max-width:620px;color:var(--muted)}.muted{font-size:14px}.about-story{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-top:60px}.about-story p{max-width:740px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:60px 100px}.contact-lead p{color:var(--muted);max-width:450px}.contact-info>div{border-bottom:1px solid var(--line);padding:15px 0}.contact-info>div:first-child{padding-top:0}.contact-info span{font-size:13px;color:#637348}.contact-info h3{margin:6px 0}.contact-info p{margin:8px 0;color:var(--muted)}.contact-info small{display:block;font-size:13px;margin-top:22px}.skip{position:absolute;top:-100px;background:var(--accent);padding:10px;z-index:99}.skip:focus{top:0}@media(min-width:1500px){.hero-image{inset-inline-start:40%}}@media(max-width:1000px){nav{gap:15px}.header-inner{gap:20px}.section-head{gap:24px;grid-template-columns:1fr 1fr}.section-head>a{grid-column:2}.hero h1{font-size:50px}.hero-image{inset-inline-start:25%;opacity:.6}.hero-content{padding-top:70px}.contact-grid{gap:45px}}@media(max-width:720px){.wrap{width:88%}.draft{font-size:11px}.header-inner{min-height:88px;flex-wrap:wrap;gap:0;padding-block:15px}.brand strong{font-size:26px}.brand-symbol{width:45px;height:45px;font-size:34px}.menu-toggle{display:block;background:transparent;border:1px solid var(--line);color:var(--ink);padding:8px 13px;font-size:14px}nav{display:none;width:100%;padding-top:20px;align-items:stretch;gap:4px;flex-direction:column}nav.open{display:flex}nav a{padding:9px 6px}nav a:last-child{margin-top:5px}.hero{min-height:610px}.hero-image{inset:0;background:linear-gradient(90deg,#14282265,#142822dc),linear-gradient(0deg,#142822,transparent),var(--hero-image,url('/hero.jpg')) center/cover;opacity:1}.hero-content{padding-top:62px;padding-bottom:70px}.hero h1{font-size:43px;letter-spacing:-1px}.hero p{font-size:17px;max-width:350px}.hero-bottom{font-size:12px}.latin{display:none}.section{padding-block:55px}.section-head{display:block;margin-bottom:30px}.section-head p{margin-bottom:22px}.services{grid-template-columns:1fr}.service,.service:nth-child(3n+1){border-inline-start:0;padding:25px 0 15px}.number{margin-bottom:18px}.service p{max-width:none;font-size:16px}.band-inner{display:block}.band-inner .button{margin-top:25px}.project-band{padding:42px 0}.about-preview,.about-story,.contact-grid{grid-template-columns:1fr;gap:25px}.footer-inner{flex-wrap:wrap;gap:20px}.footer-inner p{width:100%;order:3}.footer-bottom{gap:15px;flex-wrap:wrap}.page-intro{padding-block:45px}.page-intro>p{font-size:16px}.project-empty{grid-template-columns:1fr;gap:10px;padding:25px;margin-block:40px 65px}.empty-mark{font-size:64px;text-align:right}.project-empty h2{font-size:26px}.about-story{padding-top:40px}.contact-grid{padding-block:40px 60px}.contact-info{padding-top:12px}h1{overflow-wrap:break-word}}

/* M.E.C.O office identity */
.brand-symbol{font-family:Arial,sans-serif;font-size:19px;font-style:normal;font-weight:700;letter-spacing:1px;width:100px;height:56px}.brand strong{font-size:23px;line-height:1.5}.brand small{font-size:14px}.footer-brand b{font-family:Arial,sans-serif;font-weight:600;letter-spacing:2px}.footer-brand span{font-size:14px}@media(max-width:1000px){.header-inner{flex-wrap:wrap;padding-block:18px}.header-inner nav{flex-wrap:wrap;gap:16px}}@media(max-width:720px){.brand{gap:9px}.brand-symbol{width:78px;height:46px;font-size:15px}.brand strong{font-size:18px}.brand small{font-size:12px}.menu-toggle{padding:8px;font-size:13px}.footer-brand span{max-width:280px}}@media(max-width:380px){.brand-symbol{width:67px;font-size:13px}.brand strong{font-size:16px}.menu-toggle{font-size:12px;padding:6px}}

.contact-email{display:inline-block;max-width:100%;overflow-wrap:anywhere}

.language-switch{font-size:14px;font-weight:600;border:1px solid var(--ink);padding:7px 12px;white-space:nowrap}.header-inner{gap:20px;flex-wrap:wrap}.language-switch:hover{background:var(--accent)}
html[lang="en"] body{font-family:Arial,Helvetica,sans-serif;line-height:1.65}html[lang="en"] h1{line-height:1.15;letter-spacing:-1px}html[lang="en"] h2{line-height:1.3;letter-spacing:-.5px}html[lang="en"] .brand small{max-width:180px;display:block;line-height:1.4}html[lang="en"] .hero-image{inset:0 0 0 42%;background:linear-gradient(270deg,transparent 35%,#142822 100%),linear-gradient(0deg,#14282288,transparent 60%),var(--hero-image,url('/hero.jpg')) center 48%/cover}html[lang="en"] .empty-mark{text-align:left}html[lang="en"] .section-head h2{overflow-wrap:break-word}html[lang="en"] .service p{font-size:16px}
@media(max-width:720px){.header-inner{gap:12px}.header-inner nav{order:4}.language-switch{margin-inline-start:auto}html[lang="en"] .brand small{max-width:140px;font-size:12px}html[lang="en"] .hero-image{inset:0;background:linear-gradient(270deg,#14282265,#142822dc),linear-gradient(0deg,#142822,transparent),var(--hero-image,url('/hero.jpg')) center/cover}html[lang="en"] .hero h1{font-size:40px}html[lang="en"] .footer-brand span{max-width:240px}}

.project-card{border-bottom:1px solid #dce2dc;padding:28px 0}.project-photos{display:flex;gap:16px;overflow:auto;margin-bottom:24px}.project-photos img{max-width:100%;width:420px;height:280px;object-fit:cover}

/* Illustrated background for consultancy specialties, in both languages. */
.services-background{width:100%;padding:64px max(6%,calc((100% - 1280px)/2));background:linear-gradient(0deg,rgba(20,40,34,.88),rgba(20,40,34,.48)),url('/services-background.jpg') center center/cover no-repeat;color:#fff}
.services-background .section-head{display:block}
.services-background .eyebrow{color:#d5ee76}
.services-background .services{gap:18px;border:0}
.services-background .service,.services-background .service:nth-child(3n+1){padding:28px;border:1px solid rgba(255,255,255,.24);background:rgba(20,40,34,.85)}
.services-background .number{color:#d5ee76}
.services-background .service p{color:#eef3ed;max-width:none}
@media(max-width:720px){.services-background{padding-block:42px;background-position:36% center}.services-background .service,.services-background .service:nth-child(3n+1){padding:24px}.services-background .services{gap:14px}}