/* THE GREEN HUBS R8.4 — MUTED COLOUR ZONES ALIGNED TO THE APPROVED HOMEPAGE PALETTE.
   The site keeps one brand identity; each solution only receives a subtle accent. */
body.web{--gh-zone:#0F3D2E;--gh-zone-ink:#0F3D2E;--gh-zone-pale:#E7F1EC;--gh-zone-rgb:15,61,46;--gh-zone-light:#6FD3A0}
body.web.gh-zone-pmo{--gh-zone:#497E85;--gh-zone-ink:#3E6F75;--gh-zone-pale:#EAF4F4;--gh-zone-rgb:73,126,133;--gh-zone-light:#8CB1B4}
body.web.gh-zone-esg{--gh-zone:#6B8957;--gh-zone-ink:#5F7A4D;--gh-zone-pale:#EEF4EA;--gh-zone-rgb:107,137,87;--gh-zone-light:#9CB686}
body.web.gh-zone-energy{--gh-zone:#99A837;--gh-zone-ink:#7E8B2D;--gh-zone-pale:#F5F7E3;--gh-zone-rgb:153,168,55;--gh-zone-light:#BCCA68}
body.web.gh-zone-water{--gh-zone:#168186;--gh-zone-ink:#126C70;--gh-zone-pale:#E7F6F6;--gh-zone-rgb:22,129,134;--gh-zone-light:#63AEB2}
body.web.gh-zone-social{--gh-zone:#5A9A66;--gh-zone-ink:#4B8457;--gh-zone-pale:#EDF7EE;--gh-zone-rgb:90,154,102;--gh-zone-light:#8FC494}
body.web.gh-zone-knowledge{--gh-zone:#34855E;--gh-zone-ink:#2C714F;--gh-zone-pale:#EAF4EF;--gh-zone-rgb:52,133,94;--gh-zone-light:#74B190}

/* Permanent GH spine: logo/nav/footer must never turn into the zone colour. */
body.web .wtop,body.web .gh-footer{background-color:#04291d!important}
body.web .gh-footer .gh-footer-email{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] body.web .gh-footer-brand{align-items:flex-start!important;text-align:start!important}

/* All public-facing editorial opening panels display the approved Mountain Oasis photograph.
   Images alone mirror for Arabic; real text/icons are never mirrored. */
body.web .gh-editorial-hero, body.web .gh-r82-mountain-editorial,body.web .gh-r83-photo-hero,
body.web .gh-inner-hero{
 background-image:linear-gradient(91deg,rgba(2,35,25,.94) 0%,rgba(3,40,28,.81) 33%,rgba(3,32,23,.33) 76%,rgba(3,34,24,.13) 100%),url('/static/gh-visuals/architecture.webp')!important;
 background-position:56% 54%!important;background-size:cover!important;background-repeat:no-repeat!important;
 color:white!important;min-height:420px
}
body.web .gh-editorial-hero h1,body.web .gh-inner-hero h1{color:#fff!important;line-height:1.19}
body.web .gh-editorial-hero p:not(.gh-eyebrow),body.web .gh-inner-hero .gh-hero-intro{color:#f0f8f2!important;text-shadow:0 1px 10px rgba(2,35,24,.3)}
body.web .gh-editorial-hero .gh-eyebrow{color:#a2f57b!important}
html[dir=rtl] body.web .gh-editorial-hero,html[dir=rtl] body.web .gh-r82-mountain-editorial,
html[dir=rtl] body.web .gh-r83-photo-hero,html[dir=rtl] body.web .gh-inner-hero{
 background-image:linear-gradient(268deg,rgba(2,35,25,.95) 0%,rgba(3,40,28,.82) 37%,rgba(3,32,23,.35) 78%,rgba(3,34,24,.15) 100%),url('/static/gh-visuals/architecture-rtl.webp')!important;
 background-position:44% 54%!important
}
html[dir=rtl] body.web .gh-editorial-hero h1,html[dir=rtl] body.web .gh-inner-hero h1{font-family:var(--w-naskh),serif!important;line-height:1.55!important;letter-spacing:0!important}
body.web .gh-about-hero .gh-outline-cta{color:white!important;border-color:#b2e8bd!important}

/* Every page uses one photo CTA, matching homepage and pre-footer; no old dark duplicate. */
body.web .wclose{display:none!important}
body.web .gh-final-cta.gh-r83-footer-landscape{isolation:isolate;background:linear-gradient(92deg,rgba(2,32,24,.91),rgba(3,35,25,.44) 58%,rgba(3,34,24,.2)),url('/static/gh-visuals/architecture.webp') 54% 62%/cover no-repeat!important;min-height:248px;padding:65px 0}
html[dir=rtl] body.web .gh-final-cta.gh-r83-footer-landscape{background:linear-gradient(268deg,rgba(2,32,24,.92),rgba(3,35,25,.46) 59%,rgba(3,34,24,.2)),url('/static/gh-visuals/architecture-rtl.webp') 46% 62%/cover no-repeat!important}
body.web .gh-final-cta.gh-r83-footer-landscape h2{color:white!important;line-height:1.22}
html[dir=rtl] body.web .gh-final-cta.gh-r83-footer-landscape h2{line-height:1.55}
body.web .gh-r83-footer-landscape .pbtn-primary{background:#94f85d!important;border-color:#94f85d!important;color:#08291d!important}

/* Solution zone: coloured halo and border are a layer above the unchanged GH forest-green identity. */
body.web .gh-r82-solution-page .gh-r83-zone-hero{
 background-image:radial-gradient(ellipse at 79% 50%,rgba(var(--gh-zone-rgb),.22) 0%,transparent 42%),linear-gradient(92deg,rgba(2,35,25,.97) 0%,rgba(3,37,27,.85) 36%,rgba(3,32,23,.36) 77%,rgba(3,34,24,.16) 100%),url('/static/gh-visuals/architecture.webp')!important;
 background-position:center center,center center,56% 55%!important;background-size:cover!important
}
html[dir=rtl] body.web .gh-r82-solution-page .gh-r83-zone-hero{
 background-image:radial-gradient(ellipse at 21% 50%,rgba(var(--gh-zone-rgb),.22) 0%,transparent 42%),linear-gradient(268deg,rgba(2,35,25,.97),rgba(3,37,27,.85) 37%,rgba(3,32,23,.34) 78%,rgba(3,34,24,.16)),url('/static/gh-visuals/architecture-rtl.webp')!important;
 background-position:center center,center center,44% 55%!important
}
body.web .gh-r83-zone-hero{border-bottom:5px solid var(--gh-zone)}
body.web .gh-r83-zone-hero .gh-eyebrow{color:var(--gh-zone-light)!important}
body.web .gh-r83-zone-hero .gh-r82-solution-copy{position:relative;z-index:2}
body.web .gh-r83-zone-hero .gh-r82-solution-copy h1{max-width:19ch}
body.web .gh-r83-zone-hero .gh-r82-promise{border-inline-start:4px solid var(--gh-zone-light);padding-inline-start:18px;margin-block:23px;color:white}
body.web .gh-r83-zone-hero .pbtn-primary{background:var(--gh-zone-light)!important;border-color:var(--gh-zone-light)!important;color:#08271c!important;font-weight:800}
body.web .gh-r83-zone-hero .pbtn-ghost{border-color:rgba(255,255,255,.68)!important;color:#fff!important}
body.web .gh-r82-solution-hero-inner{position:relative;isolation:isolate}
body.web .gh-r83-zone-aura{position:absolute;z-index:1;inset-inline-end:-40px;top:15%;width:340px;height:340px;pointer-events:none;opacity:.9;filter:drop-shadow(0 0 18px rgba(var(--gh-zone-rgb),.28))}
body.web .gh-r83-zone-ring{position:absolute;inset:9%;border:2px solid rgba(var(--gh-zone-rgb),.46);border-radius:50%;box-shadow:0 0 20px rgba(var(--gh-zone-rgb),.18), inset 0 0 20px rgba(var(--gh-zone-rgb),.12);background:radial-gradient(circle,rgba(var(--gh-zone-rgb),.18) 0%,transparent 62%);animation:gh-r83-breathe 4.5s ease-in-out infinite}
body.web .gh-r83-zone-ring2{inset:24%;border-width:1px;opacity:.85;animation-delay:-2.1s}
body.web .gh-r83-zone-knot{position:absolute;inset:39%;border:2px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(var(--gh-zone-rgb),.18);box-shadow:0 0 24px rgba(var(--gh-zone-rgb),.26)}
@keyframes gh-r83-breathe{50%{box-shadow:0 0 28px rgba(var(--gh-zone-rgb),.25),inset 0 0 24px rgba(var(--gh-zone-rgb),.16);transform:scale(1.03)}}
/* Content zone highlights, small and deliberate rather than repainting whole site. */
body.web .gh-r82-solution-page .wb-paper h2,body.web .gh-r82-solution-page .wb-stone h2{color:#0b3424}
body.web .gh-r82-solution-page .wsplit-h h2::after,body.web .gh-r82-solution-page .wsec-h2s::after{content:'';display:block;width:60px;height:4px;background:var(--gh-zone);margin-top:14px;border-radius:30px}
body.web .gh-r82-solution-page .wout li::marker,body.web .gh-r82-solution-page .wsteps li::marker{color:var(--gh-zone-ink)!important}
body.web .gh-r82-solution-page .wsteps li{border-top:2px solid rgba(var(--gh-zone-rgb),.45)}
body.web .gh-r82-solution-page .wsteps .wfine{color:var(--gh-zone-ink)!important}
body.web .gh-r82-solution-page .wtheme{border-inline-start:4px solid var(--gh-zone)!important}
body.web .gh-r82-solution-page .wtheme summary b{color:var(--gh-zone-ink)!important}
body.web .gh-r82-solution-page .wtheme summary::after{color:var(--gh-zone-ink)!important}
body.web .gh-r82-solution-page .wothers a,body.web .gh-r82-solution-page .pgo{color:var(--gh-zone-ink)!important}
body.web .gh-r82-solution-page .pchips li{border-color:rgba(var(--gh-zone-rgb),.4);background:var(--gh-zone-pale)}
body.web .gh-r82-solution-page .wothers-b{border-top:2px solid rgba(var(--gh-zone-rgb),.28)}
body.web .gh-r82-solution-page .wothers li:has(a[href*="/offerings/"]):hover{border-color:var(--gh-zone)}
/* Colour zone on knowledge pages too */
body.web.gh-zone-knowledge .gh-library-item:hover{border-color:var(--gh-zone);box-shadow:0 14px 35px rgba(var(--gh-zone-rgb),.16)}
body.web.gh-zone-knowledge .gh-library-item span{border-bottom-color:var(--gh-zone)}
body.web.gh-zone-knowledge .gh-r83-photo-hero{border-bottom:5px solid var(--gh-zone)}

/* Hub Zero: each ring and chip declares its exact approved zone colour, while center remains GH green. */
.gh-r8-ecosystem{--eco-current:#0F3D2E}
.gh-r8-ecosystem[data-active-zone="pmo"]{--eco-current:#497E85}
.gh-r8-ecosystem[data-active-zone="esg"]{--eco-current:#6B8957}
.gh-r8-ecosystem[data-active-zone="energy"]{--eco-current:#99A837}
.gh-r8-ecosystem[data-active-zone="water"]{--eco-current:#168186}
.gh-r8-ecosystem[data-active-zone="social"]{--eco-current:#5A9A66}
.gh-r8-ecosystem[data-active-zone="knowledge"]{--eco-current:#34855E}
.gh-r8-n-pmo{--eco-node:#497E85;--eco-node-fill:#EAF4F4}
.gh-r8-n-esg{--eco-node:#6B8957;--eco-node-fill:#EEF4EA}
.gh-r8-n-energy{--eco-node:#99A837;--eco-node-fill:#F5F7E3}
.gh-r8-n-water{--eco-node:#168186;--eco-node-fill:#E7F6F6}
.gh-r8-n-social{--eco-node:#5A9A66;--eco-node-fill:#EDF7EE}
.gh-r8-n-knowledge{--eco-node:#34855E;--eco-node-fill:#EAF4EF}
.gh-r8-node .gh-r8-node-disc{stroke:var(--eco-node)!important;stroke-width:3.4;fill:#fff!important}
.gh-r8-node .gh-r8-node-icon{stroke:var(--eco-node)!important}
.gh-r8-node.is-active .gh-r8-node-disc,.gh-r8-node:hover .gh-r8-node-disc,.gh-r8-node:focus-visible .gh-r8-node-disc{fill:var(--eco-node-fill)!important;stroke-width:6.4!important;filter:drop-shadow(0 0 10px var(--eco-node))}
.gh-r8-node.is-active .gh-r8-node-icon{stroke-width:4!important}
.gh-r8-node.is-active .gh-r8-node-caption{fill:var(--eco-node)!important;font-weight:700}
.gh-r8-chip.gh-r8-n-pmo i,.gh-r8-chip.gh-r8-n-esg i,.gh-r8-chip.gh-r8-n-energy i,.gh-r8-chip.gh-r8-n-water i,.gh-r8-chip.gh-r8-n-social i,.gh-r8-chip.gh-r8-n-knowledge i{background:var(--eco-node)!important}
.gh-r8-chip[aria-pressed="true"]{border-color:var(--eco-node)!important;background:var(--eco-node-fill)!important;outline-color:var(--eco-node)!important;color:var(--eco-node)!important;box-shadow:0 5px 18px rgba(var(--gh-zone-rgb),.08)}
.gh-r8-detail{border-inline-start:4px solid var(--eco-current)!important;border-left:0!important;padding-inline-start:16px!important}
.gh-r8-detail-link{color:var(--eco-current)!important}
.gh-r8-ecosystem[data-active-zone] .gh-r8-particle{fill:var(--eco-current)!important}
.gh-r8-ecosystem[data-active-zone] .gh-r8-hub>circle:first-child{stroke:var(--eco-current)!important;transition:stroke .3s}

/* Contact — the email/address and request form are aligned in a clean white band. */
body.web .gh-r83-contact-hero{min-height:390px;padding:75px 0 82px;align-items:center}
body.web .gh-r83-contact-hero .pwrap{width:min(1180px,calc(100% - 64px))}
body.web .gh-r83-contact-hero h1{max-width:16ch}
body.web .gh-r83-contact-body{padding:clamp(55px,7vw,108px) 0}
body.web .gh-r83-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(35px,6vw,120px);align-items:start}
body.web .gh-r83-contact-info h2{font:600 clamp(36px,4.4vw,61px)/1.15 var(--w-serif);color:#0b3224;margin:6px 0 20px}
html[dir=rtl] body.web .gh-r83-contact-info h2{font-family:var(--w-naskh);line-height:1.55}
body.web .gh-r83-contact-info .gh-section-lead{color:#53695a;margin:0 0 32px}
body.web .gh-r83-contact-row{display:flex;gap:20px;align-items:center;border-top:1px solid #dfe9e1;padding:20px 0;color:#133828}
body.web .gh-r83-contact-row:last-child{border-bottom:1px solid #dfe9e1}
body.web .gh-r83-contact-row>div{display:flex;flex-direction:column;gap:7px;min-width:0}
body.web .gh-r83-contact-row b{font-size:12px;letter-spacing:.04em;color:#538261}
body.web .gh-r83-contact-row a{color:#0c3c29;text-decoration:none;font-weight:650;white-space:normal;overflow-wrap:anywhere}
body.web .gh-r83-contact-row a:hover{text-decoration:underline;text-underline-offset:4px}
body.web .gh-r83-contact-icon{font-size:22px;font-weight:650;color:#0F3D2E;background:#e5f2e9;width:50px;height:50px;min-width:50px;display:grid;place-items:center;border-radius:12px}
body.web .gh-r83-contact-card{background:#f5faf6;border:1px solid #d8e8dc;border-top:5px solid #4cb76d;box-shadow:0 21px 60px rgba(6,44,24,.08);border-radius:15px;padding:clamp(24px,3vw,46px);display:flex;flex-direction:column;align-items:flex-start;gap:16px}
body.web .gh-r83-card-no{font-size:11px;letter-spacing:.17em;color:#2a8155;font-weight:700}
body.web .gh-r83-contact-card h3{font:600 clamp(30px,3vw,43px)/1.16 var(--w-serif);color:#0b3020;margin:0}
html[dir=rtl] body.web .gh-r83-contact-card h3{font-family:var(--w-naskh);line-height:1.5}
body.web .gh-r83-contact-card p{font-size:16px;line-height:1.75;color:#4c6655;margin:0}
body.web .gh-r83-contact-card .pbtn{background:#92f460;color:#0a2a1e;border-color:#92f460;font-weight:750}
body.web .gh-r83-contact-card .gh-r83-text-link{color:#145c3a;text-decoration:underline;text-underline-offset:6px;font-size:14px;font-weight:650}
body.web .gh-r83-contact-card p.gh-r83-fine{color:#6d8474;font-size:12px;border-top:1px solid #dce8df;width:100%;padding-top:17px}

@media(max-width:900px){
 body.web .gh-r83-zone-aura{width:240px;height:240px;top:auto;bottom:30px;inset-inline-end:-25px;opacity:.78}
 body.web .gh-r82-solution-page .gh-r83-zone-hero{background-image:radial-gradient(ellipse at 68% 75%,rgba(var(--gh-zone-rgb),.31) 0%,transparent 36%),linear-gradient(180deg,#04291d 0%,rgba(4,41,29,.98) 24%,rgba(4,41,29,.78) 48%,rgba(4,41,29,.17) 76%,transparent 90%),url('/static/gh-visuals/architecture.webp')!important;background-size:cover,100% 100%,auto 85%!important;background-position:center,center top,62% bottom!important}
 html[dir=rtl] body.web .gh-r82-solution-page .gh-r83-zone-hero{background-image:radial-gradient(ellipse at 34% 75%,rgba(var(--gh-zone-rgb),.31) 0%,transparent 36%),linear-gradient(180deg,#04291d 0%,rgba(4,41,29,.98) 24%,rgba(4,41,29,.78) 48%,rgba(4,41,29,.17) 76%,transparent 90%),url('/static/gh-visuals/architecture-rtl.webp')!important;background-position:center,center top,38% bottom!important}
 body.web .gh-editorial-hero,body.web .gh-r82-mountain-editorial,body.web .gh-r83-photo-hero{background-image:linear-gradient(180deg,rgba(3,35,25,.97),rgba(3,35,25,.79) 50%,rgba(3,35,25,.24)),url('/static/gh-visuals/architecture.webp')!important;background-position:center top,60% center!important}
 html[dir=rtl] body.web .gh-editorial-hero,html[dir=rtl] body.web .gh-r82-mountain-editorial,html[dir=rtl] body.web .gh-r83-photo-hero{background-image:linear-gradient(180deg,rgba(3,35,25,.97),rgba(3,35,25,.79) 50%,rgba(3,35,25,.24)),url('/static/gh-visuals/architecture-rtl.webp')!important;background-position:center top,40% center!important}
 body.web .gh-r83-contact-grid{grid-template-columns:1fr;gap:35px}
}
@media(max-width:600px){
 body.web .gh-r83-zone-aura{width:180px;height:180px;bottom:25px;inset-inline-end:-5px}
 body.web .gh-r83-zone-hero .gh-r82-promise{padding-inline-start:12px}
 body.web .gh-r83-contact-hero{min-height:350px;padding:50px 0}
 body.web .gh-r83-contact-hero .pwrap{width:calc(100% - 34px)}
 body.web .gh-r83-contact-hero h1{font-size:clamp(38px,10vw,53px)}
 body.web .gh-r83-contact-body{padding:50px 0}
 body.web .gh-r83-contact-card{padding:26px 22px}
 body.web .gh-r83-footer-landscape{min-height:260px}
 body.web .gh-r83-footer-landscape .gh-final-cta-inner{gap:24px}
}
@media(prefers-reduced-motion:reduce){body.web .gh-r83-zone-ring{animation:none}}

/* Complete coverage: library/sector/article/legal/public pages rendered with the legacy pagehead macro. */
body.web .wpage{
 background-image:linear-gradient(92deg,rgba(2,35,25,.95),rgba(3,39,28,.8) 36%,rgba(3,32,23,.28) 82%),url('/static/gh-visuals/architecture.webp')!important;
 background-position:56% 54%!important;background-size:cover!important;background-repeat:no-repeat!important;
 min-height:390px;isolation:isolate
}
body.web .wpage .wa-contours{display:none!important}
body.web .wpage .wpage-copy h1{color:#fff!important}
body.web .wpage .wpage-copy .wlead,body.web .wpage .wpage-copy .wcrumb{color:#f0f8f1!important}
html[dir=rtl] body.web .wpage{
 background-image:linear-gradient(268deg,rgba(2,35,25,.95),rgba(3,39,28,.8) 38%,rgba(3,32,23,.28) 82%),url('/static/gh-visuals/architecture-rtl.webp')!important;
 background-position:44% 54%!important
}
html[dir=rtl] body.web .wpage h1{font-family:var(--w-naskh),serif!important;line-height:1.55!important}
/* Platform top photo follows the approved image-first composition, not the older laptop device. */
body.web .gh-inner-hero .gh-hero-grid{display:flex!important;align-items:center!important;min-height:510px;gap:0}
body.web .gh-inner-hero .gh-hero-content{width:min(700px,75%);max-width:700px}
body.web .gh-inner-hero .gh-hero-visual{display:none!important}
@media(max-width:900px){
 body.web .wpage{background-image:linear-gradient(180deg,rgba(2,35,25,.98),rgba(3,39,28,.75) 56%,rgba(3,32,23,.28)),url('/static/gh-visuals/architecture.webp')!important;background-position:center top,60% center!important}
 html[dir=rtl] body.web .wpage{background-image:linear-gradient(180deg,rgba(2,35,25,.98),rgba(3,39,28,.75) 56%,rgba(3,32,23,.28)),url('/static/gh-visuals/architecture-rtl.webp')!important;background-position:center top,40% center!important}
 body.web .gh-inner-hero .gh-hero-content{width:100%!important;max-width:100%}
}