/* A continuous editorial film; readable copy lives on solid surfaces. */
:root{--paper:#eef7f5;--navy:#071b22;--deep:#0c272e;--ink:#142b30;--teal:#19d3c5;--muted:#aec5c7;--gutter:clamp(24px,5.6vw,100px)}
html{scroll-padding-top:100px}body{overflow-x:clip}h1,h2,h3,h4{text-wrap:balance}em{font-style:normal;font-weight:inherit}figure{margin:0}p{text-wrap:pretty}button,a,input,select,textarea{touch-action:manipulation}section:focus,article:focus{outline:none}
#header,body:has(.cs-story) #header,body.scrolled #header{height:96px;border:0;background:linear-gradient(#04151cb8,transparent);backdrop-filter:none;pointer-events:none;padding-inline:var(--gutter)}#header>*{pointer-events:auto}#header .brand{gap:12px;padding:8px 12px;background:#071b22cf;border-radius:4px;backdrop-filter:blur(14px)}#header .brand img{width:38px;height:38px}#header .brand strong{font-size:1.02rem;font-weight:550;letter-spacing:.17em}#header .brand small{font-size:.75rem;color:#f4f8f2;letter-spacing:.34em;margin-top:3px;line-height:1.2}#header .language{display:flex;align-items:center;gap:16px;min-height:46px;padding:10px 19px;color:#fff;background:#091e27c9;border:1px solid #c4e0da45;border-radius:50px;font-size:.875rem;backdrop-filter:blur(16px)}#header .language:hover{background:#235345}#header .language>span:last-child{font-size:1.25rem}#page-progress{height:2px;background:#19d3c5}
.ei-intro{height:145svh;background:#071b22;z-index:0}.ei-stage{height:100svh;min-height:600px;padding:145px var(--gutter) 130px;align-items:center;border-radius:0 0 calc(var(--intro-pan)*36px) calc(var(--intro-pan)*36px);clip-path:inset(0 calc(var(--intro-pan)*2vw) 0);background:#071b22}.ei-film{inset:0;transform:scale(calc(1.015 + var(--intro-pan)*.035)) translateY(calc(var(--intro-pan)*-15px))}.ei-film-image{object-position:62% 50%;animation:ei-breathe 24s ease-in-out infinite alternate}html[dir=rtl] .ei-film-image{scale:1}.ei-shade{background:linear-gradient(90deg,#031219ed 0%,#031219b0 35%,#03121933 68%),linear-gradient(0deg,#071b22b3,transparent 35%,#071b2240)}.ei-content{width:min(860px,80%);opacity:var(--intro-copy);transform:translateY(calc(var(--intro-pan)*-35px))}.ei-content h1,html[lang=en] .ei-content h1{font-size:clamp(4rem,7.2vw,8.2rem);font-weight:400;line-height:1.15;letter-spacing:-.06em;margin:0;text-shadow:none}.ei-content h1 em{color:#73efe4;font-weight:330}.ei-content p{font-size:1rem;max-width:520px;line-height:1.85;margin-top:36px;color:#e1eae7}html[lang=ar] .ei-content h1{font-size:clamp(3.6rem,6.8vw,7.2rem);line-height:1.45;letter-spacing:0}html[lang=ar] .ei-content p{line-height:2}
.op-anchor,#savings,#customize-energy{scroll-margin-top:96px}.op-label{display:block;font-size:.875rem;line-height:1.8;font-weight:450;margin-bottom:30px;color:inherit}.op-about,.op-services,.op-sectors{position:relative}.op-cinema{--scene-pan:.5;--film-reveal:1}.op-film{position:relative;overflow:hidden;aspect-ratio:16/9;background:#132d34;isolation:isolate}.op-film img{height:100%;width:100%;object-fit:cover;transform:scale(calc(1.1 - var(--scene-pan)*.06)) translateY(calc((var(--scene-pan) - .5)*-32px));will-change:transform}.op-about h2,.op-services h2,.op-sectors h2,.op-contact h2{font-size:clamp(2.9rem,5.3vw,6.2rem);line-height:1.25;font-weight:400;letter-spacing:-.05em}.op-about h2 em,.op-services h2 em,.op-sectors h2 em{color:#08756f}html[lang=ar] .op-about h2,html[lang=ar] .op-services h2,html[lang=ar] .op-sectors h2,html[lang=ar] .op-contact h2{line-height:1.55;letter-spacing:0;font-size:clamp(2.6rem,4.9vw,5.5rem)}
.op-about{background:#f4efe6;color:var(--ink);padding:125px 0 110px;z-index:2;margin-top:-40px;border-radius:32px 32px 0 0}.op-about-heading{padding-inline:var(--gutter);display:grid;grid-template-columns:1.45fr 1fr;column-gap:7%;align-items:end}.op-about-heading .op-label{grid-column:1/-1}.op-about-heading .op-lead{font-size:1.1rem;line-height:1.95;color:#48605e;max-width:520px;padding-bottom:10px}.op-about-film{margin:75px var(--gutter) 0;width:calc(100% - var(--gutter)*2);clip-path:inset(calc((1 - var(--film-reveal))*6%) calc((1 - var(--film-reveal))*5%) 0);max-height:690px;transform:translateX(calc((var(--scene-pan) - .5)*25px))}.op-about-notes{position:relative;z-index:2;background:#f4efe6;margin:-6vw calc(var(--gutter)*1.65) 0;padding:65px 55px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:9%}.op-statement h3{font-size:clamp(1.55rem,2.2vw,2.5rem);line-height:1.5}.op-statement p{color:#516563;margin-top:24px}.op-principles{display:grid;grid-template-columns:1fr 1fr;gap:34px}.op-principles article{border-top:1px solid #aabbb0;padding-top:20px}.op-principles h3{font-size:1.05rem;line-height:1.6;margin-bottom:12px}.op-principles p{font-size:1rem;line-height:1.85;color:#516563}
.cs-story{background:#040f19}.cs-stage{grid-template-rows:1fr;padding-bottom:35px}.cs-content{z-index:5}.cs-copy h2{font-weight:400}.cs-copy>p{color:#c0d4d8}.cs-copy-intro h2{font-size:clamp(2.7rem,4vw,4.7rem)}.cs-final-cta{border-radius:2px}.cs-measure b{font-weight:350}.cs-final-stats b{font-weight:400}.cs-atmosphere{pointer-events:none}.j-results{position:relative;background:#102e32;overflow:hidden}.j-results::before{display:none}.j-results-content{position:relative;z-index:1;padding-block:100px}.j-results .eyebrow{font-size:.875rem}.j-results .j-total b{font-weight:300;color:#c0f2d8}.j-results .j-reduction-badge{border-color:#809f92}.j-results .j-method{font-size:1rem}.j-customize{background:#071b22}details,summary{scroll-margin-top:105px}
.op-services{background:#f4efe6;color:var(--ink);padding-top:115px;isolation:isolate}.op-services-intro{padding:0 var(--gutter) 100px;display:grid;grid-template-columns:1.5fr 1fr;gap:0 8%;align-items:end}.op-services-intro .op-label{grid-column:1/-1}.op-services-intro>p{color:#526865;max-width:470px;font-size:1.05rem}.op-service-scenes{position:relative}.op-service-scene{position:relative;padding-bottom:180px;--film-reveal:1}.op-service-scene+.op-service-scene{margin-top:-125px}.op-scene-0{z-index:1}.op-scene-1{z-index:2}.op-scene-2{z-index:3}.op-service-film{position:sticky;top:100px;width:91%;max-height:690px;margin-inline-start:0;clip-path:inset(calc((1 - var(--film-reveal))*8%) calc((1 - var(--film-reveal))*5%) 0);box-shadow:0 30px 80px #09251d1c}.op-scene-1 .op-service-film{margin-inline-start:9%}.op-service-content{position:relative;z-index:2;width:82%;margin-inline-start:13%;margin-top:-7vw;padding:56px clamp(25px,4.5vw,80px);background:#0b2b30;color:#f2f5ec;box-shadow:0 25px 70px #071e1710}.op-scene-1 .op-service-content{margin-inline-start:5%;background:#f4efe6;color:#142e30}.op-scene-2 .op-service-content{background:#075254}.op-scene-title{font-size:clamp(2rem,3.6vw,4rem);line-height:1.3;letter-spacing:-.04em;font-weight:400;margin-bottom:40px}.op-scene-title em{color:#6be6dd}.op-scene-1 .op-scene-title em{color:#08756f}html[lang=ar] .op-scene-title{line-height:1.55;letter-spacing:0}.op-service-pair{display:grid;grid-template-columns:1fr 1fr;gap:8%}.op-service{border-top:1px solid #91b5a754;padding-top:25px}.op-service h4{font-size:1.17rem;font-weight:450;line-height:1.65;margin:0 0 14px}.op-service p{font-size:1rem;line-height:1.85;color:#c2d8d2}.op-scene-1 .op-service p{color:#4e6760}.op-capabilities{list-style:none;display:flex;flex-wrap:wrap;gap:9px 18px;padding:0;margin:22px 0 0;font-size:.875rem;line-height:1.8;color:#a8ede6}.op-capabilities li::before{content:'+';margin-inline-end:7px;opacity:.75}.op-scene-1 .op-capabilities{color:#08635e}
.op-system-universe{position:relative;z-index:4;background:#102d32;color:var(--paper);padding:105px var(--gutter) 115px;margin-top:-55px}.op-system-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:10%;align-items:end;margin-bottom:75px}.op-system-heading h3{font-size:clamp(2.6rem,4.4vw,5rem);font-weight:350;line-height:1.25;letter-spacing:-.04em}.op-system-heading h3 em{color:#61e3d8}html[lang=ar] .op-system-heading h3{letter-spacing:0;line-height:1.6}.op-system-heading>p{color:#b7d0c8}.op-system-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:6%;row-gap:34px}.op-system-grid article{padding-top:20px;border-top:1px solid #adc5b438}.op-system-grid h4{font-size:1.05rem;font-weight:450;line-height:1.7;margin:0 0 10px}.op-system-grid p{font-size:.875rem;line-height:1.9;color:#b5cfc4}
.op-sectors{padding:0 0 105px;background:#f4efe6;color:var(--ink);z-index:5}.op-sector-film{width:100%;max-height:750px;aspect-ratio:1.95}.op-sector-surface{position:relative;margin:-6vw var(--gutter) 0;background:#f4efe6;padding:65px 4.5vw 0;z-index:2}.op-section-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:0 9%;align-items:end}.op-section-heading .op-label{grid-column:1/-1}.op-section-heading>p{color:#536962}.op-sector-list{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 5%;margin-top:65px}.op-sector-list article{border-top:1px solid #abbcb0;padding-top:24px}.op-sector-list h3{font-size:1.25rem;line-height:1.6;margin-bottom:16px}.op-sector-list p{font-size:1rem;line-height:1.85;color:#536962}
.op-contact{position:relative;background:#153b36;color:#f1f4e9;padding:100px var(--gutter) 115px;z-index:6;overflow:clip}.op-contact-title{position:relative;border-bottom:1px solid #a4d9b44d;padding-bottom:60px;margin-bottom:65px}.op-contact-title h2{max-width:1150px;font-size:clamp(3.5rem,6.7vw,7.4rem);font-weight:350;line-height:1.25;letter-spacing:-.05em;padding-inline-end:70px}.op-contact-title h2 em{color:#bbdfb4}.op-contact-arrow{position:absolute;inset-inline-end:0;bottom:55px;font-size:clamp(4rem,8vw,8rem);font-weight:250;line-height:1;color:#bbdfb4}html[dir=rtl] .op-contact-arrow{transform:scaleX(-1)}.op-contact-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);gap:10%}.op-contact-copy{position:sticky;top:120px;align-self:start}.op-contact-copy>p{font-size:1.1rem;line-height:1.95;max-width:420px}.op-contact-values{margin-top:48px;display:grid;gap:26px}.op-contact-values h3{font-size:1rem;margin-bottom:8px;color:#cde9ba}.op-contact-values p{font-size:1rem;color:#c1d6c9;max-width:360px}.op-contact-location{display:block;margin-top:50px;font-size:.875rem;color:#b8cec5}.op-form-surface{background:#f1f2e8;color:#173930;padding:42px clamp(25px,3.8vw,58px);min-width:0}.op-form-surface>h3{font-size:1.4rem;line-height:1.6;margin-bottom:35px}.op-form-surface .form-grid{gap:28px 24px}.op-form-surface label{font-size:.875rem;gap:7px}.op-form-surface input,.op-form-surface select,.op-form-surface textarea{background:transparent;border:0;border-bottom:1px solid #96aa98;color:#153b36;padding:10px 0;min-height:47px;font-size:1rem}.op-form-surface select option{background:#f1f2e8;color:#153b36}.op-form-surface textarea{min-height:125px}.op-form-surface input:focus,.op-form-surface select:focus,.op-form-surface textarea:focus{outline:2px solid #407b58;outline-offset:4px}.op-form-surface .form-note{font-size:.875rem;color:#52685b;line-height:1.85;margin:28px 0}.op-upload{margin-top:5px}.op-form-surface input[type=file]{font-size:.875rem;width:100%;overflow:hidden}.op-form-surface input::file-selector-button{background:#d9e1d1;color:#244c39;font-size:.875rem;padding:10px 12px}.op-attachment-note,#saved-attachment{font-size:.875rem;line-height:1.75;color:#627364;overflow-wrap:anywhere}.op-submit{width:100%;min-height:62px;justify-content:space-between;background:#244e3e;color:#f2f4e7;border-color:#244e3e;font-size:1rem;padding:17px 23px}.op-submit:hover{background:#366d53;border-color:#366d53;color:white}.op-submit>span:last-child{font-size:1.6rem;font-weight:300}.op-form-surface .draft-box{border-color:#97b49a;padding:22px}.op-form-surface .draft-box p{color:#225635;font-size:.875rem}.op-form-surface .draft-box pre{font-size:.875rem;line-height:1.8;color:#2c4937}.op-form-surface .button.outline{border-color:#51715c;color:#244b35;font-size:.875rem}.op-form-surface .button.outline:hover{background:#dae9d5}
#footer{background:#062a2d;border-top:0;padding:60px var(--gutter) 35px}.footer-brand{font-size:1rem;letter-spacing:.12em;font-weight:450}.footer-top p{font-size:1rem;line-height:1.9;color:#b1c6b8;max-width:510px}.footer-nav{font-size:.875rem;line-height:2;gap:20px 26px;max-width:500px}.footer-nav a{border-bottom:1px solid transparent}.footer-nav a:hover{border-color:#bdd5b7}.footer-bottom{font-size:.75rem;color:#b1c6b8;line-height:1.8;padding-top:45px}.footer-top{gap:50px}
@media(min-width:1700px){.op-about-heading,.op-services-intro,.op-system-heading,.op-system-grid,.op-contact-title,.op-contact-layout{max-width:1600px;margin-inline:auto}.op-about-notes{max-width:1420px;margin-inline:auto}.op-service-film{max-height:830px}}
@media(max-width:1100px){.op-about-notes{margin-inline:var(--gutter);gap:6%;padding:45px 35px 0}.op-about-heading,.op-services-intro,.op-section-heading{grid-template-columns:1.2fr 1fr;gap:0 5%}.op-contact-layout{gap:6%}.op-service-content{width:88%;margin-inline-start:9%;padding:45px 35px}.op-scene-1 .op-service-content{margin-inline-start:3%}.op-system-grid{column-gap:4%}.op-contact-title h2{font-size:5.6vw}.op-sector-list{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.ei-intro{height:135svh}.ei-stage{padding:130px 30px 120px;min-height:580px}.ei-content{width:95%}.ei-content h1,html[lang=en] .ei-content h1{font-size:clamp(3.5rem,8vw,5.8rem)}html[lang=ar] .ei-content h1{font-size:clamp(3.3rem,7.5vw,5.4rem);line-height:1.55}.ei-content p{max-width:470px;font-size:1rem}.op-about{padding-top:85px}.op-about-heading,.op-services-intro,.op-section-heading{grid-template-columns:1fr}.op-about-heading .op-lead,.op-services-intro>p,.op-section-heading>p{margin-top:30px;max-width:650px;font-size:1rem}.op-about-film{margin-top:55px}.op-about-notes{padding:40px 28px 0;grid-template-columns:1fr;gap:38px}.op-statement{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.op-statement p{margin-top:0}.op-principles{gap:30px}.cs-stage{grid-template-rows:auto minmax(190px,1fr);padding:94px 26px 25px}.cs-copy-intro h2{font-size:2.4rem}.cs-content{background:#040f19f2}.op-services{padding-top:80px}.op-services-intro{padding-bottom:65px}.op-service-scene{padding-bottom:135px}.op-service-scene+.op-service-scene{margin-top:-90px}.op-service-film{top:90px}.op-service-content{margin-top:-5vw;width:90%;margin-inline-start:7%;padding:35px 28px}.op-scene-title{font-size:2.6rem}.op-service-pair{gap:28px}.op-service h4{font-size:1.07rem}.op-system-universe{padding-block:80px}.op-system-heading{grid-template-columns:1fr;gap:25px;margin-bottom:50px}.op-system-heading>p{max-width:600px}.op-system-grid{grid-template-columns:1fr 1fr;gap:30px 7%}.op-sector-surface{padding:40px 25px 0}.op-sector-list{gap:35px 7%;margin-top:45px}.op-sectors{padding-bottom:80px}.op-contact{padding-block:80px}.op-contact-title h2{font-size:clamp(2.8rem,6.3vw,4.4rem)}.op-contact-arrow{font-size:4rem}.op-contact-layout{grid-template-columns:1fr;gap:45px}.op-contact-copy{position:static;display:grid;grid-template-columns:1fr 1fr;gap:25px}.op-contact-copy>p{font-size:1rem}.op-contact-values{margin-top:0;gap:22px}.op-contact-location{margin-top:0}.op-form-surface{padding:40px}.footer-top{flex-direction:column}.footer-nav{max-width:none}}
@media(max-width:600px){#header,body:has(.cs-story) #header,body.scrolled #header{height:82px;padding-inline:24px}#header .brand img{width:30px;height:30px}#header .brand strong{font-size:.84rem;letter-spacing:.12em}#header .brand small{font-size:.75rem;letter-spacing:.21em}#header .language{min-height:44px;padding:8px 13px;gap:12px}.ei-stage{padding:115px 24px 105px;min-height:590px}.ei-content{width:100%}.ei-content h1,html[lang=en] .ei-content h1{font-size:clamp(3.1rem,11.5vw,4.5rem);line-height:1.18;letter-spacing:-.06em}html[lang=ar] .ei-content h1{font-size:clamp(2.8rem,10.2vw,4rem);line-height:1.6;letter-spacing:0}.ei-content p{font-size:1rem;margin-top:25px;max-width:360px}.ei-shade{background:linear-gradient(90deg,#04171ae8,#04171a95 65%,#04171a4f),linear-gradient(0deg,#071b22ab,transparent)}.ei-film-image{object-position:60% center}.op-label{margin-bottom:20px;font-size:.875rem}.op-about{padding-top:65px;padding-bottom:65px;border-radius:22px 22px 0 0;margin-top:-25px}.op-about h2,.op-services h2,.op-sectors h2{font-size:2.65rem;line-height:1.3}html[lang=ar] .op-about h2,html[lang=ar] .op-services h2,html[lang=ar] .op-sectors h2,html[lang=ar] .op-contact h2{font-size:2.45rem;line-height:1.6}.op-about-film{width:calc(100% - 24px);margin:35px 12px 0;aspect-ratio:16/9;transform:none}.op-about-notes{margin:-18px 24px 0;padding:27px 0 0;gap:32px}.op-statement{display:block;padding-inline:0}.op-statement h3{font-size:1.5rem}.op-statement p{margin-top:18px}.op-principles{grid-template-columns:1fr;gap:23px}.op-principles p{font-size:1rem;line-height:1.85}.cs-stage{padding:85px 22px 20px;grid-template-rows:auto minmax(170px,1fr)}.cs-copy-intro h2{font-size:1.85rem}.j-results-content{padding-block:60px}.j-results .j-balance-labels{gap:16px}.op-services{padding-top:60px}.op-services-intro{padding-bottom:45px}.op-service-film{width:96%;top:85px;aspect-ratio:16/9}.op-scene-1 .op-service-film{margin-inline-start:4%}.op-service-content,.op-scene-1 .op-service-content{width:calc(100% - 38px);margin-inline-start:24px;margin-top:-16px;padding:28px 23px;box-shadow:0 20px 35px #0a291820}.op-scene-1 .op-service-content{margin-inline-start:14px}.op-scene-title{font-size:2.1rem;margin-bottom:28px}.op-service-pair{grid-template-columns:1fr;gap:30px}.op-service{padding-top:21px}.op-service h4{font-size:1.1rem}.op-service p{font-size:1rem;line-height:1.85}.op-capabilities{font-size:.875rem;margin-top:18px;gap:7px 15px}.op-service-scene{padding-bottom:80px}.op-service-scene+.op-service-scene{margin-top:-42px}.op-system-universe{margin-top:-15px;padding-block:65px}.op-system-heading h3{font-size:2.6rem}.op-system-grid{grid-template-columns:1fr;gap:23px}.op-system-grid h4{font-size:1.1rem}.op-system-grid p{font-size:.875rem}.op-sector-film{aspect-ratio:16/9}.op-sector-surface{margin:-18px 24px 0;padding:28px 0 0}.op-sector-list{grid-template-columns:1fr;gap:26px;margin-top:38px}.op-sector-list h3{font-size:1.2rem;margin-bottom:12px}.op-contact{padding-block:65px}.op-contact-title{padding-bottom:32px;margin-bottom:35px}.op-contact-title h2{font-size:2.75rem;padding-inline-end:0;line-height:1.3}.op-contact-arrow{position:static;display:block;font-size:3.5rem;margin-top:20px;width:max-content}.op-contact-copy{display:block}.op-contact-values{margin-top:30px;gap:22px}.op-contact-location{margin-top:28px}.op-contact-layout{gap:35px}.op-form-surface{padding:28px 22px;margin-inline:-8px}.op-form-surface .form-grid{grid-template-columns:1fr;gap:23px}.op-form-surface .full{grid-column:auto}.op-form-surface>h3{font-size:1.3rem}.op-form-surface .form-note{margin-block:24px}.op-form-surface .draft-box{padding:17px}.op-submit{padding-inline:16px}#footer{padding-top:45px}.footer-top{gap:30px}.footer-nav{font-size:.875rem;gap:12px 22px}.footer-bottom{padding-top:30px}}
@media(max-height:550px) and (orientation:landscape){#header,body:has(.cs-story) #header,body.scrolled #header{height:72px}.ei-stage{padding:100px 30px 65px;min-height:390px}.ei-content h1,html[lang=en] .ei-content h1,html[lang=ar] .ei-content h1{font-size:3.5rem;line-height:1.2}.ei-content p{display:none}.cs-stage{grid-template-columns:minmax(0,44fr) minmax(0,56fr);grid-template-rows:1fr;padding:78px 26px 20px}.cs-viewport{grid-column:2;grid-row:1}.cs-copy-intro h2{font-size:1.6rem}.op-service-film{top:75px}.op-contact-copy{position:static}}
@media(prefers-reduced-motion:reduce){.ei-intro{height:auto}.ei-stage{clip-path:none;border-radius:0;position:relative;min-height:620px}.ei-content{opacity:1;transform:none}.ei-film,.ei-film-image,.op-film,.op-film img{animation:none!important;transform:none!important;clip-path:none!important;will-change:auto}.op-service-film{position:relative;top:auto}.op-service-scene+.op-service-scene{margin-top:0}.op-contact-copy{position:static}.op-about{margin-top:0}.reveal{opacity:1!important;transform:none!important}}