/* Saudi-site enhancements: progressive, accessible, no blocking intro. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:sa-out .18s ease both}
::view-transition-new(root){animation:sa-in .28s ease both}
@keyframes sa-out{to{opacity:0}}
@keyframes sa-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes sa-hero{from{transform:scale(1.055)}to{transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){.hero-copy>*{animation:sa-in .65s ease both}.hero-copy>*:nth-child(2){animation-delay:.1s}.hero-copy>*:nth-child(3){animation-delay:.2s}.hero-copy>*:nth-child(4){animation-delay:.3s}.hero-poster{animation:sa-hero 2.8s ease-out both}.sa-reveal{animation:sa-in .5s ease both}}
.service-nav{position:relative;display:flex;align-items:center;gap:2px}.service-nav details summary{cursor:pointer;list-style:none;padding:10px;line-height:1}.service-nav summary::-webkit-details-marker{display:none}.service-dropdown{position:absolute;inset-inline-start:0;top:100%;width:300px;padding:12px;background:#fff;color:#073f36;box-shadow:0 16px 45px #073f3626;border:1px solid #dde8df;border-radius:8px;z-index:100}.primary-nav .service-dropdown a{display:block;padding:13px 12px;color:#073f36;white-space:normal;font-size:14px}.service-dropdown a:hover{background:#eff6f0}.service-nav summary:focus-visible,.service-dropdown a:focus-visible{outline:2px solid #167660;outline-offset:3px}
.service-knowledge{display:grid;grid-template-columns:1fr 1fr;gap:28px}.knowledge-block{display:flex;gap:24px;padding:36px;background:#f1f5ef;border:1px solid #dce7dd;border-radius:8px}.knowledge-number{font-size:14px;color:#568b70;letter-spacing:2px;padding-top:9px}.knowledge-block h2{font-size:clamp(23px,2.2vw,31px);line-height:1.6;margin:0 0 16px;color:#073f36}.knowledge-block p{font-size:17px;line-height:2;color:#425a50;margin:0}.service-process{background:#073f36;color:white}.service-process h2,.service-process h3{color:white}.service-process .eyebrow{color:#a4d4ba}.process-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:36px 0}.process-grid li{border-top:1px solid #ffffff40;padding-top:24px}.process-grid li span{color:#b4d0b1;font-size:14px}.process-grid h3{font-size:20px;line-height:1.7;margin:15px 0}.service-process p{line-height:1.9}.service-end{display:flex;justify-content:space-between;align-items:center;gap:28px}.service-actions{display:flex;gap:16px;flex-wrap:wrap}.extra-services{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-mini{display:block;padding:36px;border:1px solid #b8cec0;background:#edf3ed;border-radius:8px;color:#073f36}.service-mini h2{font-size:28px;margin:15px 0}.service-mini p{line-height:1.9;margin-bottom:20px}.service-mini:hover{background:#e1ede1}.page-hero-media>img{width:100%;height:100%;object-fit:cover}.page-hero-copy h1{max-width:900px;font-size:clamp(34px,5vw,66px)}
@media(max-width:1020px){.service-nav{display:grid;grid-template-columns:1fr auto;width:100%}.service-nav details[open]{display:contents}.service-nav summary{grid-column:2;grid-row:1}.service-dropdown{position:static;grid-column:1/-1;width:100%;box-shadow:none;background:#f1f5ef}.service-knowledge{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.knowledge-block{padding:23px;gap:14px}.knowledge-block p{font-size:16px}.service-end{align-items:flex-start;flex-direction:column}.service-actions{width:100%;flex-direction:column}.service-actions .button{justify-content:center}.extra-services{grid-template-columns:1fr}.process-grid{gap:18px}.process-grid h3{font-size:17px}.service-mini{padding:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

.wa-float{position:fixed;inset-inline-end:22px;bottom:max(22px,env(safe-area-inset-bottom));width:54px;height:54px;display:grid;place-items:center;background:#0c7051;color:white;border-radius:50%;box-shadow:0 4px 18px #0003;z-index:80}.wa-float .icon{width:29px;height:29px}.wa-float:focus-visible{outline:3px solid #073f36;outline-offset:4px}

/* Dropdown links must not inherit the main navigation underline. */
.primary-nav .service-dropdown a{height:auto;line-height:1.7}
.primary-nav .service-dropdown a::after{content:none;display:none}

/* Footer uses the supplied dark brand image; crop only its outer white margin in layout. */
.site-footer .footer-logo-frame{position:relative;display:block;overflow:hidden;width:244px;max-width:100%;aspect-ratio:626/285;border-radius:12px;background:#062e26;isolation:isolate}
.site-footer .footer-logo-frame img{position:absolute;width:109.2652%;height:auto;max-width:none;left:-4.9521%;top:-2.4562%;display:block}
.extra-services.merged-service{grid-template-columns:minmax(0,1fr)}
@media(max-width:600px){.site-footer .footer-logo-frame{width:220px}.merged-service .service-mini h2{font-size:24px}}

/* Sustainability: approved content, readable sections, same brand palette. */
.sustainability-content{background:#edf3e9}
.sustainability-intro{max-width:1040px;margin:0 auto 52px;padding-inline-start:28px;border-inline-start:3px solid #528c65}
.sustainability-intro p{margin:0;color:#274d3e;font-size:clamp(19px,1.65vw,23px);line-height:2}
.sustainability-content .knowledge-block{background:#f7f9f3}
.sustainability-vision{background:#dce9d5}
.sustainability-vision-copy{max-width:960px}
.sustainability-vision h2{margin:0 0 22px;color:#073f36;font-size:clamp(27px,3vw,42px);line-height:1.5}
.sustainability-vision-copy p{margin:0 0 26px;max-width:900px;color:#325546;font-size:18px;line-height:2}
.sustainability-vision .text-link{color:#164e3d;line-height:1.8;text-decoration:underline;text-underline-offset:5px}
.sustainability-closing{border-top:1px solid #afc4ab;padding-top:36px;margin:44px 0 0;max-width:1000px;font-size:clamp(22px,2.5vw,34px);font-weight:700;line-height:1.8;color:#073f36}
@media(max-width:600px){.sustainability-content,.sustainability-vision{padding-block:50px}.sustainability-intro{padding-inline-start:18px;margin-bottom:32px}.sustainability-vision-copy p{font-size:16px}.sustainability-closing{margin-top:32px;padding-top:26px}}
