@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#0c362d;--lime:#c2eb76;--ink:#162e28;--muted:#596860;--paper:#fff;--line:#dce4de}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans Arabic','Manrope',sans-serif;font-size:16px;line-height:1.75}html[lang=en] body{font-family:'Manrope',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #6d951d;outline-offset:6px}header{min-height:105px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);background:white}.brand{display:flex;align-items:center;gap:8px;direction:ltr;flex-shrink:0}.brand-mark{font-family:Arial,sans-serif;font-size:60px;color:var(--green);line-height:1}.wordmark{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:36px;line-height:1.15;letter-spacing:-2px}.wordmark small{display:block;letter-spacing:1px;font-size:9px;margin-top:6px}nav{display:flex;gap:32px;font-size:15px}nav a:hover{color:#448127}#language{border:1px solid var(--line);padding:10px 18px;background:white;cursor:pointer;font-size:14px;display:flex;gap:25px;align-items:center}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:660px}.hero-copy{padding:72px 9% 28px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:13px;letter-spacing:1px;font-weight:600;margin:0 0 25px}.green{color:#447353}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.6rem,4.4vw,4.6rem);font-weight:500;line-height:1.4;letter-spacing:-1.6px;margin-bottom:26px}em{font-style:normal;color:#5b7d41}h2{font-size:clamp(2rem,3.3vw,3.4rem);line-height:1.35;font-weight:500;letter-spacing:-1px;margin-bottom:28px}.intro{max-width:470px;font-size:18px;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:55px;padding:14px 24px;font-weight:600}.primary{background:var(--green);color:white}.primary:hover{background:#245442}.text-link{font-size:14px;border-bottom:1px solid #83978a;margin-top:20px}.hero-foot{display:flex;justify-content:space-between;gap:22px;width:100%;border-top:1px solid var(--line);margin-top:auto;padding-top:24px;font-size:12px;color:var(--muted)}.hero-image{position:relative;min-height:610px;background:#23443a;overflow:hidden}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,25,20,.8),transparent 70%);pointer-events:none}.hero-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.image-label{position:absolute;bottom:55px;inset-inline-start:45px;color:white;z-index:1}.image-label span{font-size:13px}.image-label b{display:block;font:700 clamp(2.3rem,4.5vw,4.4rem)/1.05 Manrope,Arial,sans-serif;letter-spacing:-2px;margin-top:20px;direction:ltr}.photo-note{position:absolute;top:18px;inset-inline-end:18px;max-width:90%;z-index:2;background:#0c362dd9;color:white;font-size:12px;padding:5px 10px}.discipline-band{display:flex;justify-content:space-around;align-items:center;gap:20px;background:var(--lime);padding:25px 6%;font-size:18px;font-weight:500}.discipline-band i{font-style:normal;font-size:28px}.section{padding:95px 7%}.about,.qualification{display:grid;grid-template-columns:1fr 2fr;gap:60px}.about>div{max-width:760px}.body-copy{color:var(--muted);font-size:18px;max-width:700px}.about-details{display:grid;grid-template-columns:1fr 1fr;margin-top:40px;border-top:1px solid var(--line);padding-top:25px;gap:30px}.about-details small{display:block;font-size:13px;color:var(--muted)}.about-details strong{display:block;font-size:18px;font-weight:500;margin-top:8px}.expertise{background:#f2f5f2}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:30px}.section-heading>p{max-width:330px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid article{border:1px solid #d4dfd6;background:white;padding:35px;min-height:315px;display:flex;flex-direction:column}.service-number{font:500 14px Manrope,Arial;color:#687d6d;margin-bottom:45px;direction:ltr;text-align:start}h3{font-size:25px;font-weight:500;line-height:1.4;margin-bottom:20px}.service-grid p{color:var(--muted);font-size:16px}.service-tag{font-size:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:auto}.service-grid .featured{background:var(--green);color:white;border-color:var(--green)}.featured p,.featured .service-number{color:#c8d8cf}.featured .service-tag{border-color:#44645a;color:var(--lime)}.projects{background:var(--green);color:white;display:grid;grid-template-columns:1fr 1fr;gap:80px}.projects .eyebrow{color:var(--lime)}.project-pending{padding:32px 0;border-top:1px solid #5c796b;border-bottom:1px solid #5c796b}.outline-label{font-size:12px;border:1px solid #84998b;padding:4px 12px;display:inline-block;margin-bottom:25px}.project-pending p{color:#c2d2c9;max-width:400px}.project-line{display:flex;justify-content:space-between;font-size:12px;color:var(--lime);margin-top:40px}.requirements{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;counter-reset:req}.requirements span{padding:20px 0;border-bottom:1px solid var(--line);font-size:16px}.requirements span:before{counter-increment:req;content:'0' counter(req);font-family:Manrope;display:inline-block;margin-inline-end:18px;color:#718a6c;font-size:12px}.contact{padding:65px 7%;background:var(--lime);display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.contact h2{margin:0}.contact em{color:#43662e}.contact-info>p{font-size:18px;margin:0 0 8px}.contact-notice{border-top:1px solid #8faf60;padding-top:18px;margin-top:22px;font-size:14px;max-width:440px}footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p,footer>a:last-child{font-size:12px;margin:0}footer .wordmark{font-size:26px}footer .brand-mark{font-size:45px}footer .wordmark small{font-size:8px}html[lang=en] h1{line-height:1.14}html[lang=en] h2{line-height:1.17}html[lang=en] .hero-copy{padding-top:85px}html[lang=en] .intro{font-size:17px}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:770px}}@media(max-width:1000px){nav{gap:18px;font-size:14px}.hero-copy{padding:55px 8% 28px}.hero{min-height:620px}.hero-image{min-height:620px}.section{padding:70px 6%}.service-grid article{padding:25px}.about,.qualification{grid-template-columns:1fr 2fr;gap:30px}.projects{gap:40px}.hero-foot{margin-top:35px}}@media(max-width:720px){header{padding:15px 5%;flex-wrap:wrap;gap:14px}.wordmark{font-size:29px}.brand-mark{font-size:48px}.wordmark small{font-size:8px}nav{order:3;width:100%;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:12px}#language{padding:8px 12px;gap:15px}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 6% 30px}h1{font-size:2.85rem;line-height:1.3}.eyebrow{font-size:12px;margin-bottom:20px}.intro{font-size:17px}.hero-image{min-height:380px;order:2}.hero-foot{margin-top:35px}.image-label{bottom:35px;inset-inline-start:25px}.image-label b{font-size:3.4rem}.discipline-band{font-size:13px;gap:9px;padding:20px 4%}.discipline-band i{font-size:17px}.section{padding:55px 6%}.about,.qualification,.projects,.contact{grid-template-columns:1fr;gap:20px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:none}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:275px}.service-number{margin-bottom:30px}.service-tag{margin-top:16px}.contact{padding:45px 6%;gap:35px}footer{flex-wrap:wrap;justify-content:space-between}footer p{order:3;width:100%;border-top:1px solid var(--line);padding-top:20px}.body-copy{font-size:17px}html[lang=en] .hero-copy{padding-top:45px}html[lang=en] h1{font-size:2.7rem}.about-details{gap:15px}.about-details strong{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Company assets and project portfolio */
.skip-link{position:fixed;top:-100px;inset-inline-start:20px;background:var(--green);color:white;padding:12px;z-index:20}.skip-link:focus{top:10px}
.logo-mark{width:52px;height:56px;object-fit:contain}
header .wordmark,footer .wordmark{font-size:20px;letter-spacing:.2px;color:#206537}
header .wordmark small,footer .wordmark small{font-size:12px;letter-spacing:2.8px}
.hero h1{font-size:clamp(3.4rem,5.4vw,5.4rem);line-height:1.3}
html[lang=en] .hero h1{font-size:clamp(3.1rem,4.5vw,4.7rem)}
.image-label b{font-size:clamp(2.1rem,3.3vw,3.3rem);letter-spacing:-1.6px}
.hero-image img{object-position:center 45%}
.hero-image:after{background:linear-gradient(0deg,rgba(0,25,20,.87),transparent 65%)}
.eyebrow,nav,.text-link,.service-tag,.requirements span{font-size:.875rem}
.hero-foot,.service-number,.project-type,.client,.location,.about-details small{font-size:.875rem}
.service-grid article{min-height:325px}.service-grid h3{font-size:1.5rem}
.projects{display:block}.projects .section-heading>p{color:#c2d2c9}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}
.project-card{min-width:0;background:#174338}
.project-photo{position:relative;aspect-ratio:1.25;overflow:hidden;background:#31564a}
.project-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.project-card:hover .project-photo>img{transform:scale(1.025)}
.location{position:absolute;inset-inline-start:15px;bottom:15px;background:white;color:var(--green);padding:4px 13px}
.project-content{padding:24px}
.project-type{color:var(--lime);display:block;margin-bottom:12px}
.project-content h3{font-size:1.4rem;margin-bottom:13px;line-height:1.5}
.client{color:#c6d7ce;margin:0;padding-top:15px;border-top:1px solid #49695d}
.other-projects{border-top:1px solid #527268;margin-top:50px;padding-top:30px}
.other-projects>div{display:grid;grid-template-columns:1fr 1fr;gap:17px 30px;color:#d8e4dc;font-size:1rem}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gallery-grid figure{margin:0;min-width:0}
.gallery-grid img{display:block;width:100%;aspect-ratio:.8;object-fit:cover}
.gallery-grid a{display:block}
.gallery-grid figcaption{font-size:.875rem;padding-top:14px;color:var(--muted)}
.qualification{background:#f2f5f2}
.qualification .text-link{display:inline-block;margin-top:30px}
.contact-cta{margin-top:32px}
.contact-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid #98b96c}
.contact-row small{font-size:.875rem}.contact-row a{font-family:Manrope,Arial,sans-serif;font-size:1rem;font-weight:600;overflow-wrap:anywhere}
.contact-info .postal{font-size:.875rem;margin-top:24px}
footer .logo-mark{width:43px;height:48px}
footer p,footer>a:last-child{font-size:.8rem}
@media(max-width:1050px){header{gap:16px}header .wordmark{font-size:16px}header .logo-mark{width:43px}.project-content{padding:20px}.project-content h3{font-size:1.2rem}.contact{gap:35px}.contact-row{flex-wrap:wrap}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.hero h1{font-size:3.5rem}html[lang=en] .hero h1{font-size:3.1rem}.image-label b{font-size:2.7rem}.project-grid{grid-template-columns:1fr;gap:28px}.project-photo{aspect-ratio:1.45}.project-content h3{font-size:1.45rem}.other-projects>div{grid-template-columns:1fr}.gallery-grid{gap:20px 12px}.gallery-grid img{aspect-ratio:.8}.discipline-band{flex-wrap:wrap;font-size:.875rem}.discipline-band i{font-size:14px}.service-grid article{min-height:270px}.contact-row{flex-wrap:nowrap}.hero-copy{padding-top:40px}.hero-image{min-height:440px}.hero-foot{font-size:.75rem}.contact-info .postal{margin-top:20px}.eyebrow{letter-spacing:0}footer .wordmark{font-size:16px}.requirements{gap:0 15px}}
@media(max-width:360px){header .wordmark{font-size:14px}.logo-mark{width:40px}#language{font-size:12px}.hero h1{font-size:3rem}html[lang=en] .hero h1{font-size:2.7rem}.contact-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.project-photo>img{transition:none}}