@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--ink:#102e39;--dark:#09232d;--lime:#c1d88b;--paper:#f6f5f0;--muted:#657677;--line:#dce1da}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Noto Sans Arabic','DM Sans',sans-serif;font-size:15px;line-height:1.9}html[lang=en] body{font-family:'DM Sans',sans-serif;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #648fbe;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.35;letter-spacing:-.025em}p{color:var(--muted)}.header{height:94px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:24px;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center}.brand img{object-fit:contain}.brand strong{display:block;font-size:22px;line-height:1.5}.brand small{font-size:10px;display:block;letter-spacing:.02em}.header nav{display:flex;gap:32px;font-size:13px;font-weight:600}.header nav a:hover{color:#607c35}.language{border:1px solid var(--line);background:none;padding:8px 16px;font-size:13px;font-family:'DM Sans',sans-serif}.language span{margin-inline-start:14px}.menu-toggle{display:none}.skip{position:fixed;inset-inline-start:20px;top:-100px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);min-height:660px}.hero-copy{padding:65px 10% 24px;display:flex;flex-direction:column;color:white}.eyebrow{color:var(--lime);font-size:12px;font-weight:600;display:flex;gap:12px;align-items:center;letter-spacing:.04em}.eyebrow>span:first-child:empty{width:6px;height:6px;border-radius:50%;background:var(--lime)}.hero h1{font-size:clamp(40px,4.6vw,72px);font-weight:600;margin:34px 0 24px;line-height:1.5}.hero-description{font-size:16px;max-width:470px;color:#c8d2d1;line-height:2}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 24px;font-size:13px;font-weight:600;border:0}.lime{color:var(--ink);background:var(--lime)}.lime:hover{background:#d4e6ab}.text-link{font-size:12px;display:flex;gap:18px;align-items:center;border-bottom:1px solid #49626a;padding-block:10px}.hero-bottom{margin-top:auto;padding-top:40px;display:flex;justify-content:space-between;color:#a8bcbe;font-size:10px;letter-spacing:.04em}.hero-photo{position:relative;overflow:hidden;min-height:660px}.hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#09232dcc,transparent 50%)}.hero-photo figcaption{position:absolute;bottom:35px;inset-inline:35px;color:white;z-index:1;display:grid;grid-template-columns:1fr auto;gap:8px}.hero-photo figcaption span{font-size:11px;opacity:.8}.hero-photo figcaption strong{font-size:19px;grid-row:2}.hero-photo figcaption a{grid-row:1/3;grid-column:2;font-size:30px;border:1px solid #ffffff66;padding:8px 22px}.photo-tag{position:absolute;top:30px;inset-inline-end:30px;padding:8px 17px;background:var(--paper);font-size:11px;z-index:1}.facts{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 6%;border-bottom:1px solid var(--line);gap:25px}.facts>div{display:flex;align-items:center;gap:23px;border-inline-end:1px solid var(--line);justify-content:center}.facts>div:last-child{border:0}.facts strong{font-size:32px;font-weight:500}.facts span{font-size:12px;color:var(--muted);max-width:145px}.section{padding:100px 7%;scroll-margin-top:20px}.dark{color:#697c65}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}h2{font-size:clamp(30px,3.2vw,48px);font-weight:600;margin-top:20px}.about-text{padding-top:30px}.lead{font-size:21px;line-height:1.9;color:var(--ink);margin-bottom:22px}.about-text>p+p{font-size:14px}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px;border-top:1px solid var(--line);padding-top:25px}.timeline span{font-size:25px;font-family:'DM Sans',sans-serif}.timeline p{font-size:12px;margin-top:7px}.services{background:#e9ede5}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px}.section-heading>p{font-size:14px}.service-list article{display:flex;align-items:center;gap:40px;padding:29px 0;border-top:1px solid #c8d0c5}.service-list article:last-child{border-bottom:1px solid #c8d0c5}.number{font-size:12px;color:#71846c;align-self:flex-start;padding-top:8px;font-family:'DM Sans',sans-serif}.service-list h3{font-size:23px;font-weight:500;margin-bottom:8px}.service-list p{font-size:13px}.service-icon{margin-inline-start:auto;font-size:38px;color:#4c695b}.projects{background:var(--dark);color:var(--paper)}.projects p{color:#a6babc}.featured-project{display:grid;grid-template-columns:1.2fr 1fr;background:#15343e}.project-image{position:relative;min-height:460px}.project-image img{width:100%;height:100%;object-fit:cover;position:absolute}.image-label{position:absolute;bottom:25px;inset-inline-start:25px;background:var(--lime);color:var(--ink);padding:6px 17px;font-size:11px}.project-detail{padding:40px}.project-kicker{font-size:11px;color:var(--lime)}.project-detail h3{font-size:33px;font-weight:500;margin:20px 0}.project-detail p{font-size:13px}.project-detail dl{margin:25px 0;display:flex;gap:35px}.project-detail dt{font-size:10px;color:#8eaaa9}.project-detail dd{margin:5px 0 0;font-size:12px}.outline{border:1px solid #668080;background:transparent;color:white}.outline:hover{background:#244854}.project-filter{display:flex;gap:10px;margin:50px 0 25px;flex-wrap:wrap}.project-filter button{border:1px solid #34515a;background:none;color:#b6c7c6;font-size:12px;padding:8px 18px}.project-filter button.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.project-grid article{padding:25px;border:1px solid #304a53;margin:-1px 0 0 -1px;min-height:220px;display:flex;flex-direction:column}.project-grid article[hidden]{display:none}.project-grid article>span{color:#86a3a5;font-size:10px}.project-grid h3{font-size:19px;margin:25px 0 12px;font-weight:500}.project-grid p{font-size:12px}.project-grid small{font-size:10px;color:var(--lime);margin-top:auto;padding-top:25px}.approach-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;margin-top:20px}.approach h2{margin:0}.approach .lead{font-size:18px}.capabilities{display:flex;gap:10px;flex-wrap:wrap}.capabilities span{font-size:12px;border:1px solid var(--line);padding:8px 16px}.contact{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{font-size:48px;line-height:1.5}.contact p{color:#a7babc;margin-top:22px;font-size:14px}.contact-details a,.contact-details>div{display:grid;grid-template-columns:1fr auto;gap:8px;padding:18px 0;border-bottom:1px solid #36515a}.contact-details span{font-size:11px;color:#a6bcba}.contact-details strong{font-family:inherit;font-size:22px;font-weight:500;grid-column:1;justify-self:start}.contact-details strong[dir=ltr]{font-family:'DM Sans',sans-serif}.contact-details b{grid-column:2;grid-row:1/3;font-size:28px;font-weight:400}.contact .contact-note{font-size:11px}footer{display:flex;align-items:center;justify-content:space-between;padding:28px 7%;gap:25px;background:#071d25;color:#9fb4b6;font-size:10px}.footer-brand{font-size:19px;color:white}dialog{padding:45px 20px 15px;border:0;max-width:min(95vw,1100px);background:var(--ink);color:white}dialog::backdrop{background:#03121be8}dialog img{max-height:75vh;object-fit:contain;margin:auto}#gallery-close{position:absolute;right:12px;top:2px;font-size:30px;border:0;background:none;color:white}.gallery-controls{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:12px;direction:ltr}.gallery-controls button{background:none;color:white;border:1px solid #567;font-size:22px;padding:2px 20px}.gallery-controls span{font-family:'DM Sans',sans-serif;font-size:12px}html[lang=en] .hero h1{line-height:1.08;font-size:clamp(42px,5.2vw,78px);letter-spacing:-.05em}html[lang=en] .hero-description{line-height:1.8}html[lang=en] .contact h2{line-height:1.15}
@media(min-width:1600px){body{max-width:1920px;margin:auto}.hero{min-height:760px}.hero-photo{min-height:760px}.hero-copy{padding-top:90px}}
@media(max-width:1000px){.header{padding-inline:4%;gap:15px}.header nav{gap:18px}.hero-copy{padding:45px 8% 22px}.hero,.hero-photo{min-height:590px}.hero h1{font-size:44px}.hero-description{font-size:14px}.hero-actions{gap:15px}.hero-actions .text-link{font-size:11px}.section{padding:75px 6%}.project-detail{padding:28px}.project-detail h3{font-size:27px}.contact h2{font-size:38px}.facts{padding-inline:4%}.facts strong{font-size:27px}.facts>div{gap:12px}}
@media(max-width:720px){html{scroll-padding-top:75px}.header{height:78px}.brand strong{font-size:18px}.brand small{font-size:8px}.brand img{width:40px;height:40px}.brand{gap:7px}.language{padding:6px 10px;font-size:11px}.language span{display:none}.menu-toggle{display:block;margin-inline-start:auto;border:0;background:none;font-size:12px}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:20px 6%;box-shadow:0 10px 20px #0001}.header nav.open{display:flex;flex-direction:column;gap:16px}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 7% 25px}.hero h1{font-size:45px;margin:24px 0 18px;line-height:1.45}html[lang=en] .hero h1{font-size:54px}.hero-description{font-size:14px;max-width:460px}.hero-bottom{padding-top:40px}.hero-photo{min-height:380px}.hero-photo figcaption{inset-inline:24px;bottom:25px}.photo-tag{top:20px;inset-inline-end:20px}.facts{padding:25px 5%;gap:12px}.facts>div{flex-direction:column;gap:5px;align-items:flex-start;justify-content:flex-start;padding-inline-end:10px}.facts strong{font-size:25px}.facts span{font-size:10px;line-height:1.7}.section{padding:60px 7%}.about,.approach-grid,.contact{grid-template-columns:1fr;gap:28px}.about-text{padding-top:0}.lead{font-size:18px}h2{font-size:34px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:32px}.section-heading>p{font-size:12px}.service-list article{gap:18px;padding:23px 0}.service-list h3{font-size:18px}.service-list p{font-size:12px}.service-icon{font-size:25px}.featured-project{grid-template-columns:1fr}.project-image{min-height:320px}.project-detail{padding:28px}.project-detail h3{font-size:30px}.project-grid{grid-template-columns:1fr 1fr}.project-grid article{padding:20px 16px}.project-grid h3{font-size:17px}.project-filter{gap:7px;margin-top:35px}.project-filter button{font-size:10px;padding:7px 12px}.contact h2{font-size:40px}.contact-details strong{font-size:20px}footer{flex-wrap:wrap;padding:25px 7%;gap:17px}footer>span{order:3;width:100%}footer>a:last-child{margin-inline-start:auto}.timeline{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}