:root{--black:#000;--white:#fff;--grey:#1A1D21;--line:#D9D9D6;--light:#D9D9D6;--gutter:clamp(24px,5.8vw,96px);--max:1360px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fff;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #1A1D21;outline-offset:6px}button{cursor:pointer}img{max-width:100%;display:block;filter:grayscale(1)}p{margin:0 0 22px}h1,h2,h3,h4{margin:0;font-weight:600}h2{font-size:clamp(29px,3vw,43px);line-height:1.13;letter-spacing:-.035em;margin-bottom:30px}h3{font-size:23px;line-height:1.28;letter-spacing:-.02em}h4{font-size:16px;line-height:1.4}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}section{padding:100px 0}.eyebrow{font-size:10px;font-weight:600;line-height:1.6;letter-spacing:.24em;color:var(--grey);margin:0 0 24px}.pale{background:var(--light)}.light{background:#fff}.two-grid,.three-grid,.four-grid{display:grid;gap:28px}.two-grid{grid-template-columns:1fr 1fr}.three-grid{grid-template-columns:repeat(3,1fr)}.four-grid{grid-template-columns:repeat(4,1fr)}.split{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:64px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:16px 26px;font-size:10px;font-weight:700;letter-spacing:.085em;line-height:1.4;background:#fff;color:#000;border:1px solid #fff;transition:background .2s,color .2s,border-color .2s}.button:hover{background:#D9D9D6;border-color:#D9D9D6}.outline{background:transparent;color:#fff;border-color:#1A1D21}.outline:hover{background:white;color:black}.small{min-height:38px;padding:12px 18px;font-size:9px}.site-header{position:sticky;top:0;z-index:50;height:79px;background:#000;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 var(--gutter);border-bottom:1px solid #1A1D2155}.brand{flex-shrink:0;display:block}.brand img{width:139px;filter:none}.site-header nav{display:flex;align-items:center;gap:29px;font-size:12px}.site-header nav>a:not(.button){position:relative;padding:13px 0}.site-header nav>a:not(.button):after{content:'';position:absolute;left:0;bottom:6px;width:0;height:1px;background:white;transition:width .2s}.site-header nav>a:hover:after,.site-header nav>a.active:after{width:100%}.menu-toggle{display:none;font-size:22px;border:1px solid #1A1D21;background:none;color:white;line-height:1;padding:10px 12px}.hero{min-height:690px;padding:97px 0 105px;background:#000;color:white;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center}.hero-photo{position:absolute;z-index:-2;inset:0 0 0 38%;background:url('assets/hero.jpg') center 54%/cover;filter:grayscale(1)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000 16%,#000f 28%,#000c 51%,#0003 100%);z-index:-1}.hero .eyebrow{color:#D9D9D6;font-size:10px;margin-bottom:31px}.hero h1{font-size:clamp(38px,4.5vw,66px);font-weight:500;line-height:1.075;letter-spacing:-.045em;max-width:880px;margin-bottom:30px}.hero h1 span{display:block}.hero h1 .soft{color:#D9D9D6}.hero .lead{max-width:580px;color:#D9D9D6;line-height:1.7;font-size:16px}.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:36px}.about{background:#fff;padding-bottom:85px}.about .split{align-items:start}.about .split>div{padding-top:20px}.about h2{font-size:clamp(28px,2.8vw,40px)}.about p:not(.eyebrow){font-size:16px}.about-photo{width:100%;height:410px;object-fit:cover}.vision-wrap{margin-top:55px}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.vision-grid article{padding:32px 35px;background:#D9D9D6;border-top:1px solid #000}.vision-grid h3{font-size:12px;letter-spacing:.12em;margin-bottom:15px}.vision-grid p{margin:0;font-size:15px!important;max-width:510px}.arms{padding-top:90px;padding-bottom:85px;background:#D9D9D6}.arms h2{margin-bottom:40px}.arm{padding:34px;background:white;display:flex;flex-direction:column;border:1px solid #D9D9D677}.arm .eyebrow{font-size:9px;letter-spacing:.17em;min-height:33px;margin-bottom:28px}.arm h3{font-size:25px;max-width:300px;margin-bottom:25px}.arm ul{padding:0 0 0 17px;margin:0;line-height:1.9;font-size:14px}.arm li{padding-left:3px;margin-bottom:5px}.arm.navy{background:#000;color:white;border-color:#000}.arm.navy .eyebrow{color:#D9D9D6}.statement{max-width:1050px;margin:36px auto 0;text-align:center;font-size:15px;padding:25px 45px 0;border-top:1px solid #D9D9D6}.platforms{background:#000;color:#fff}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:44px;align-items:end}.section-head h2{margin:0}.section-head>p{font-size:15px;color:#D9D9D6;margin:0;max-width:490px}.platform-grid{grid-template-columns:1fr 1fr;gap:35px}.platform-grid article{background:#fff;color:#000;transition:transform .25s;scroll-margin-top:105px}.platform-grid article:hover{transform:translateY(-5px)}.platform-grid article>img{width:100%;height:255px;object-fit:cover}.card-copy{padding:29px 34px 34px}.platform-grid .eyebrow{font-size:9px;margin-bottom:13px;color:#1A1D21}.platform-grid h3{font-size:25px;margin-bottom:14px;letter-spacing:-.025em}.platform-grid p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:530px}.platform-grid .details{margin:23px 0 0;font-size:12px!important;color:#1A1D21;border-top:1px solid #D9D9D6;padding-top:17px;line-height:1.75!important}.project-types{margin-top:40px;gap:35px}.project-types article{border:1px solid #1A1D21;padding:29px 34px}.project-types h3{font-size:10px;letter-spacing:.17em;color:#D9D9D6;margin-bottom:13px}.project-types p{font-size:15px;line-height:1.7;margin:0}.services{background:#fff;padding:100px 0}.services h2{margin-bottom:48px}.services .four-grid{gap:29px}.services article{border-top:1px solid #000;padding-top:24px}.number{display:block;font-size:42px;font-weight:400;line-height:1.1;color:#1A1D21;margin-bottom:29px;letter-spacing:-.04em}.services h3{font-size:14px;line-height:1.45;min-height:41px;margin-bottom:16px;font-weight:600;letter-spacing:0}.services p{font-size:14px;line-height:1.75;margin:0}.technologies{padding:95px 0 100px}.technologies h2{max-width:780px;margin-bottom:42px}.technology-card{background:white}.technology-card>img{width:100%;height:255px;object-fit:cover}.technology-card .card-copy{padding:34px 38px 39px}.technology-card h3{font-size:22px;margin-bottom:28px}.technology-card h4{font-size:15px;margin-top:24px;margin-bottom:7px}.technology-card p{font-size:14px;line-height:1.75;margin:0;color:#000}.technology-card h4:first-of-type{margin-top:0}.industries{background:#fff;padding:95px 0}.industries .split{grid-template-columns:1.2fr 1fr;gap:55px}.industries .split>img{width:100%;height:500px;object-fit:cover}.industry-list{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.industry-list li{font-size:12px;line-height:1.55;min-height:55px;padding:15px 0;border-bottom:1px solid #D9D9D6;display:flex;align-items:center}.partners{background:#D9D9D6;text-align:center;padding:85px 0 90px}.partners h2{margin-bottom:20px}.partners>div>p:not(.eyebrow){font-size:15px;max-width:680px;margin:0 auto 38px}.partners img{width:100%;max-width:920px;height:auto;margin:auto;mix-blend-mode:multiply}.contact{padding:95px 0;background:#000;color:white}.contact>.two-grid{gap:85px}.contact .eyebrow{color:#D9D9D6}.contact h2{font-size:clamp(35px,3.7vw,51px);font-weight:500;line-height:1.12;letter-spacing:-.04em;max-width:470px;margin-bottom:28px}.contact p:not(.eyebrow){font-size:15px;line-height:1.75;color:#D9D9D6;max-width:480px}.contact address{font-style:normal;font-size:13px;line-height:2;color:#D9D9D6;margin-top:36px}form{border:1px solid #1A1D21;padding:34px}form label{display:block;font-size:11px;color:#D9D9D6;margin-bottom:22px;letter-spacing:.02em}form>.two-grid{gap:20px}input,select,textarea{width:100%;display:block;padding:12px 13px;background:#000;color:#fff;border:1px solid #1A1D21;border-radius:0;margin-top:9px;min-height:46px;font-size:14px}select{appearance:auto}textarea{resize:vertical;min-height:130px}form .button{min-width:155px}footer{background:#000;color:#D9D9D6;border-top:1px solid #1A1D2177;padding:32px 0}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:26px}footer .brand img{width:107px}footer p{font-size:10px;line-height:1.5;margin:0}footer .wrap>div{display:flex;gap:18px;font-size:10px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s,transform .65s}.reveal.is-visible{opacity:1;transform:none}@media(min-width:1500px){.hero-photo{background-position:center 51%}.hero{min-height:760px}}@media(max-width:1100px){:root{--gutter:38px}.site-header nav{gap:18px}.hero h1{font-size:56px;max-width:750px}.split{gap:35px}.contact>.two-grid{gap:45px}.arm{padding:26px}.arm h3{font-size:22px}.platform-grid article>img{height:225px}.card-copy{padding:27px}.industry-list{column-gap:18px}.technologies .card-copy{padding:29px}.about-photo{height:390px}}@media(max-width:850px){.site-header{height:73px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:73px;left:0;right:0;background:#000;border-bottom:1px solid #1A1D21;padding:24px var(--gutter) 30px;flex-direction:column;align-items:stretch;gap:8px}.site-header.open nav{display:flex}.site-header nav .button{margin-top:15px}.hero{min-height:660px;padding:85px 0}.hero h1{font-size:50px;max-width:690px}.hero-photo{inset:0 0 0 28%}.hero:after{background:linear-gradient(90deg,#000 0,#000d 30%,#0007 100%)}.three-grid{grid-template-columns:1fr}.arm{padding:32px}.arm .eyebrow{min-height:0;margin-bottom:19px}.arm h3{max-width:none}.arm ul{columns:2;column-gap:30px}.services .four-grid{grid-template-columns:1fr 1fr;row-gap:40px}.section-head{gap:30px}.contact>.two-grid{grid-template-columns:1fr;gap:40px}.contact h2,.contact p:not(.eyebrow){max-width:650px}.contact address{margin-top:25px}.industries .split{grid-template-columns:1fr}.industries .split>img{height:330px}.industry-list li{font-size:14px;min-height:56px}.platform-grid article>img{height:190px}.platform-grid h3{font-size:21px}.platform-grid .card-copy{padding:25px}footer .wrap{flex-wrap:wrap}.split{grid-template-columns:1fr 1fr}.about h2{font-size:30px}.about p:not(.eyebrow){font-size:14px}.about-photo{height:380px}}@media(max-width:620px){:root{--gutter:24px}html{scroll-padding-top:90px}body{font-size:15px}.brand img{width:124px}section{padding:68px 0!important}.hero{padding:70px 0 76px!important;min-height:680px}.hero h1{font-size:40px;line-height:1.09;letter-spacing:-.045em;max-width:100%}.hero h1 span{display:inline}.hero h1 span:after{content:' '}.hero .eyebrow{font-size:9px;max-width:290px;letter-spacing:.18em;margin-bottom:28px}.hero .lead{font-size:15px;line-height:1.8;max-width:450px}.hero-photo{inset:0 0 0 10%;opacity:.7}.hero:after{background:linear-gradient(90deg,#000e,#0008)}.actions{gap:12px;margin-top:28px}.button{font-size:9px;padding:15px 19px;min-height:48px}.split,.two-grid,.vision-grid,.section-head{grid-template-columns:1fr}.about .split>div{padding-top:0}.about .split{gap:30px}.about-photo{height:330px}.vision-wrap{margin-top:30px}.vision-grid{gap:18px}.vision-grid article{padding:26px}.vision-grid p{font-size:14px!important}.about h2{font-size:29px}.arms h2{font-size:30px;margin-bottom:30px}.arm ul{columns:1}.statement{font-size:14px;margin-top:25px;padding:22px 0 0;text-align:left}.section-head{gap:20px;margin-bottom:29px}.section-head>p{font-size:14px}.platform-grid{grid-template-columns:1fr;gap:28px}.platform-grid article>img{height:240px}.platform-grid .card-copy{padding:27px}.platform-grid h3{font-size:24px}.platform-grid p:not(.eyebrow){font-size:15px}.project-types{gap:20px;margin-top:28px}.project-types article{padding:26px}.services .four-grid{gap:26px 22px}.number{font-size:34px;margin-bottom:23px}.services h3{font-size:12px;min-height:36px}.services p{font-size:13px;line-height:1.75}.technology-card>img{height:235px}.technology-card .card-copy{padding:28px}.technology-card h3{font-size:21px}.technology-card h4{font-size:15px}.technology-card p{font-size:14px}.industries .split{gap:30px}.industry-list{column-gap:20px}.industry-list li{font-size:12px;min-height:62px}.industries .split>img{height:300px}.partners .eyebrow{margin-bottom:15px}.partners h2{font-size:31px}.partners>div>p:not(.eyebrow){font-size:14px;margin-bottom:26px}.partners img{width:100%;max-width:500px}.contact h2{font-size:38px}.contact>.two-grid{gap:34px}.contact p:not(.eyebrow){font-size:14px}form{padding:25px}form>.two-grid{grid-template-columns:1fr 1fr;gap:15px}input,textarea,select{font-size:16px}footer .wrap{flex-direction:column;align-items:flex-start;gap:21px}footer p{font-size:10px}footer .wrap>div{font-size:11px;gap:24px}.reveal{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* ECONXS supplied identity: charcoal, pure black, light grey, white. */
:root{--charcoal:#1A1D21;--grey:#1A1D21;--line:#D9D9D6;--light:#D9D9D6}
.site-header{background:#FFFFFF;color:#000000;border-bottom-color:#D9D9D6}
.brand img{width:164px;height:auto;filter:none}
.site-header nav>a:not(.button):after{background:#1A1D21}
.site-header .button{background:#000000;color:#FFFFFF;border-color:#000000}
.site-header .button:hover{background:#1A1D21;border-color:#1A1D21}
.menu-toggle{color:#000000;border-color:#1A1D21}
.platforms,.contact{background:#1A1D21}
.platforms .eyebrow,.project-types h3,.contact .eyebrow{color:#D9D9D6}
.project-types article{border-color:#D9D9D6}
.hero h1{max-width:850px}
footer .brand img{width:135px;filter:brightness(0) invert(1)}
@media(max-width:850px){.site-header nav{background:#FFFFFF;border-bottom-color:#D9D9D6}.site-header nav .button{color:#FFFFFF}}
@media(max-width:620px){.brand img{width:142px}.hero{min-height:620px}.hero h1 span{display:block}.hero h1 span:after{content:none}}

.outline{border-color:#D9D9D6}form,input,select,textarea{border-color:#D9D9D6}

.platform-grid .eyebrow{color:#1A1D21}

/* Requested annotated refinements */
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.brand-slogan{display:block;white-space:nowrap;font-size:8px;font-weight:400;line-height:1.3;letter-spacing:.015em;color:#1A1D21}
.site-header .brand img{width:164px}
footer .brand-slogan{color:#D9D9D6;font-size:7px}
.vision-grid article{background:#1A1D21;color:#FFFFFF;border-top-color:#1A1D21}
.arms{color:#1A1D21}.arms .eyebrow{color:#1A1D21}
.arm.navy{background:#1A1D21;border-color:#1A1D21;color:#FFFFFF}
.arm.navy .eyebrow{color:#D9D9D6}
.technology-card h3{background:#1A1D21;color:#FFFFFF;padding:18px 20px;line-height:1.35}
#enquiry input,#enquiry select,#enquiry textarea{background:#D9D9D6;color:#1A1D21;border-color:#D9D9D6}
.hero-photo{inset:0 0 0 45%;background-position:center 54%;opacity:1}
.hero:after{background:linear-gradient(90deg,#000000 0%,#000000 34%,#000000cc 48%,#00000022 68%,#00000000 100%)}
.hero h1{max-width:680px}.hero .lead{max-width:560px}
.partners .partner-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 30px;max-width:1100px;margin:0 auto}
.partner-logo{flex:0 0 calc((100% - 60px)/3);display:flex;align-items:center;justify-content:center;min-height:145px;background:#FFFFFF;padding:20px}
.partner-crop{position:relative;overflow:hidden;width:100%}
.partners .partner-crop img{position:absolute;max-width:none;margin:0;filter:none;mix-blend-mode:normal;object-fit:fill}
@media(max-width:1100px){.site-header nav{gap:16px}.site-header{gap:20px}.hero .lead{max-width:500px}.hero h1{max-width:620px}}
@media(max-width:850px){.hero-photo{inset:0 0 0 35%}.hero:after{background:linear-gradient(90deg,#000000 0%,#000000dd 35%,#00000044 70%,#00000022)}.partner-logo{min-height:120px;padding:14px}.partner-grid{gap:20px!important}.partner-logo{flex-basis:calc((100% - 40px)/3)}}
@media(max-width:620px){.site-header .brand img{width:142px}.brand-slogan{font-size:7px}.hero-photo{inset:0;opacity:.85}.hero:after{background:linear-gradient(90deg,#000000ee,#00000088 65%,#00000055)}.partner-logo{flex-basis:calc((100% - 20px)/2);min-height:105px}.technology-card h3{padding:16px;font-size:19px}}
.hero-photo{filter:grayscale(1) brightness(1.8) contrast(1.04)}
.brand-slogan{font-size:9px}footer .brand-slogan{font-size:8px}
@media(max-width:620px){.brand-slogan{font-size:8px}}

/* Focused final layout corrections */
.arms .statement{max-width:none;text-align:center;white-space:nowrap;padding:25px 0 0;font-size:clamp(10px,1.2vw,15px)}
.technology-card h3{font-size:22px;min-height:96px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.technology-card h3 br{display:block}
.contact address a{text-decoration:underline;text-underline-offset:4px;color:#FFFFFF}
.hero{padding:35px 0!important;min-height:690px}
.hero:after{display:none}
.hero>.wrap{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:center}
.hero h1{max-width:none;font-size:clamp(38px,4.2vw,60px)}
.hero .lead{max-width:none}
.hero-full-image{width:100%;height:620px;object-fit:contain;filter:grayscale(1) brightness(2) contrast(.95)}
@media(max-width:1100px){.hero>.wrap{gap:30px;grid-template-columns:1.3fr 1fr}.hero h1{font-size:46px}}
@media(max-width:850px){.hero h1{font-size:40px}.hero-full-image{height:580px}.hero .lead{font-size:14px}}
@media(max-width:620px){.arms .statement{white-space:normal;font-size:14px;text-align:center}.hero{padding:60px 0 40px!important}.hero>.wrap{grid-template-columns:1fr;gap:36px}.hero h1{font-size:40px}.hero-full-image{height:auto;max-height:560px;object-fit:contain}.technology-card h3{font-size:21px;min-height:93px}}
/* Blend only the hero photograph into its surrounding black field. */
.hero-full-image{width:100%;height:auto;max-width:363px;max-height:620px;justify-self:center;filter:grayscale(1) brightness(1.8) contrast(.95);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 80%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 13%,#000 84%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 80%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 13%,#000 84%,transparent 100%);mask-composite:intersect}
@media(max-width:620px){.hero-full-image{max-height:560px;max-width:327px}}

/* Wide energy-transition hero, composed directly into the black canvas. */
.hero{min-height:710px;padding:90px 0!important}
.hero>.wrap{display:block}
.hero-copy{position:relative;z-index:1;width:51%;max-width:650px}
.hero .lead{max-width:490px}
.hero-full-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:right center;filter:grayscale(1);mask-image:none;-webkit-mask-image:none;z-index:-2}
.hero:after{display:block;background:linear-gradient(90deg,#000000 0%,#000000 22%,#000000cc 37%,#00000044 50%,transparent 68%);z-index:-1}
@media(max-width:1100px){.hero-copy{width:54%}.hero h1{font-size:46px}.hero{min-height:650px}}
@media(max-width:850px){.hero h1{font-size:40px}.hero-copy{width:60%}}
@media(max-width:620px){.hero{padding:65px 0 0!important;min-height:0}.hero-copy{width:100%;max-width:none}.hero-full-image{position:relative;inset:auto;width:calc(100% + 48px);height:auto;max-width:none;max-height:none;margin:22px -24px 0;display:block;z-index:0;object-fit:contain}.hero:after{display:none}.hero h1{font-size:40px}.hero .lead{max-width:none}}
