.menu-toggle{display:none;border:1px solid var(--line);background:white;color:var(--navy);border-radius:9px;min-width:44px;min-height:44px;padding:8px;cursor:pointer;align-items:center;justify-content:center}.menu-toggle svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;fill:none}.menu-quote{display:none}.header .navlinks a{min-height:32px;display:inline-flex;align-items:center}.header .navlinks a[aria-current=page]{color:var(--red);text-decoration:underline;text-underline-offset:6px}.service-detail-link{min-height:32px;display:inline-flex;align-items:center;align-self:flex-start}#services .scope-copy{display:flex;flex-direction:column}#services .service-detail-link{margin-top:auto;padding-top:14px}#services .water-components{margin-bottom:0}#services .scope-copy>p{margin-bottom:8px}.service-row{scroll-margin-top:14px}.service-contact,.about-more,.about-whatsapp{min-height:36px;display:inline-flex;align-items:center}.projects-gallery .project-content h2{font-size:19px;line-height:1.6;margin:0 0 6px}.project-location{display:flex;align-items:center;gap:6px;margin:0 0 14px;color:var(--muted);font-size:13px}.project-location svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.4;flex:none}.project-sector{display:inline-block;margin-bottom:10px;padding:3px 10px;border-radius:5px;background:#edf2f5;color:#425b70;font-size:12px;font-weight:600}.project-meta{border-top:1px solid var(--line);padding-top:12px}.field input[aria-invalid=true]{border-color:#a51829}.selected-service-note{margin:0 0 16px;padding:10px 12px;border-inline-start:3px solid var(--red);background:#f7f9fa;font-size:13px;color:var(--ink)}.selected-service-note[hidden]{display:none}.about-hero-media img{object-position:42% center}.service-directory a{min-height:36px}.footer-links a{min-height:32px;display:inline-flex;align-items:center}.about-connect-row>a[dir=ltr]{text-align:inherit}
@media(max-width:960px){.menu-toggle{display:inline-flex}.header .nav{position:relative;min-height:76px;gap:12px}.header .navlinks{display:none;position:absolute;top:100%;inset-inline:0;max-height:calc(100dvh - 100px);overflow-y:auto;background:white;border:1px solid var(--line);border-radius:0 0 14px 14px;padding:12px;box-shadow:0 16px 24px #081d351a;flex-direction:column;align-items:stretch;gap:2px;font-size:15px}.header .navlinks.is-open{display:flex}.header .navlinks a{min-height:46px;padding:8px 12px;border-radius:7px}.header .navlinks a:hover{background:#f6f7f5}.header .navlinks .menu-quote{display:flex;background:var(--red);color:white;margin-top:8px;justify-content:center}.header .nav-actions{gap:8px}.header .brand-word{font-size:18px}.header .btn-small{font-size:14px;padding:9px 16px}}
@media(max-width:560px){.header .nav{min-height:68px}.header .brand-word{font-size:16px}.header .brand-word span{font-size:9px}.header .brand img{width:40px;height:40px}.header .nav-actions{gap:6px}.header .lang{min-width:42px;min-height:44px;padding:7px 9px}.service-row{scroll-margin-top:10px}.projects-gallery .project-content h2{font-size:18px}.client-marquee-track{animation:none;width:100%;will-change:auto}.client-marquee{mask-image:none;overflow:visible}.client-marquee-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;width:100%}.client-marquee-group[aria-hidden=true]{display:none}.client-marquee .client-logo-slot{width:auto;height:112px}.project-sector{font-size:11px}.footer-links{flex-wrap:wrap;gap:8px 20px}}
.header .navlinks .menu-quote{display:none}
@media(max-width:960px){.header .navlinks .menu-quote{display:flex}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Final spacing and responsive refinements. */
.services-intro.services-hero{padding:38px 0 42px;background:radial-gradient(ellipse at 85% 0,#df263716,transparent 55%),var(--navy)}
.services-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px}
.services-hero .back-home{display:inline-block;margin-bottom:22px;font-size:13px;color:#bdcad8}
.services-eyebrow{font-size:13px;font-weight:700;color:#f4b7be;margin-bottom:12px}
.services-hero h1,html[lang=ar] .services-hero h1{font-size:clamp(32px,3.4vw,44px);line-height:1.5;margin:0 0 16px;letter-spacing:0;max-width:560px}
html[lang=en] .services-hero h1{line-height:1.18;letter-spacing:-.025em;text-wrap:balance}
.services-hero-copy>p{font-size:16px;line-height:1.9;max-width:560px;margin:0;color:#d5dee8}
.services-hero-actions{margin-top:24px}
.services-hero-capabilities{font-size:12px;line-height:1.8;color:#bdcad8;margin-top:18px}
.services-hero-media{margin:0;overflow:hidden;border-radius:18px;border:1px solid #ffffff26}
.services-hero-media img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;object-position:40% center}
@media(max-width:800px){.services-hero-grid{grid-template-columns:1fr;gap:26px}.services-hero-media img{aspect-ratio:16/9}}
@media(max-width:560px){.services-intro.services-hero{padding:24px 0 28px}.services-hero .back-home{margin-bottom:18px}.services-hero h1,html[lang=ar] .services-hero h1{font-size:30px}.services-hero-copy>p{font-size:14px}.services-hero-actions{margin-top:20px}.services-hero-actions .btn{width:100%}.services-hero-capabilities{font-size:11px;margin-top:14px}.services-hero-media{border-radius:14px}}
@media(min-width:961px) and (max-width:1100px){.header .navlinks{display:flex;gap:10px;font-size:12px}.header .nav{gap:14px}.header .navlinks a{white-space:nowrap}.header .brand{flex-shrink:0}.header .nav-actions{flex-shrink:0;gap:8px}}
.service-directory .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.service-directory a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:42px}
.service-jump{display:none}
#services .scope-copy{padding:18px 20px}
#services .scope-copy>p{margin-bottom:0}
#services .water-components{margin-top:10px;gap:6px}
#services .service-detail-link{padding-top:10px}
.about-direction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.purpose-statement p,.purpose-statement:first-child p{font-size:17px;line-height:1.95;font-weight:400;color:var(--ink)}
.brand-nowrap{white-space:nowrap;unicode-bidi:isolate;direction:ltr;display:inline-block}
@media(max-width:560px){
 .service-directory .wrap{display:block}
 .service-directory a{display:none}
 .service-jump{display:grid;gap:7px}
 .service-jump label{font-size:13px;font-weight:600;color:var(--navy)}
 .service-jump select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #d8dfe5;border-radius:8px;background:white;color:var(--navy);font:inherit;font-size:16px}
 .service-jump select:focus-visible{outline:3px solid #ea8290;outline-offset:3px}
 html[lang=en] .hero h1{font-size:clamp(28px,7.7vw,32px);line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
 html[lang=en] .hero-actions .btn{white-space:nowrap;font-size:14px;padding:12px 14px}
 html[lang=en] .hero-actions{flex-wrap:nowrap;gap:8px}
 #services .scope-copy{padding:16px 18px}
 .about-direction-grid{grid-template-columns:1fr}
 .purpose-statement p,.purpose-statement:first-child p{font-size:15px;line-height:1.95}
}