.brand-with-logo{display:inline-flex;align-items:center;gap:12px;min-width:0;line-height:1.1}
.brand-with-logo .brand-logo{display:block;flex:none;width:58px;height:58px;object-fit:cover;border-radius:50%}
.site-header .brand-with-logo>span{color:inherit}
.nav{background:linear-gradient(116deg,#ef5458 0,#f8b0b0 54px,#fff 112px,#e9f2ff 169px,#70a7ea 222px,#fff 310px) !important}
.site-header .brand-with-logo,.header .brand-with-logo{padding:6px 18px 6px 6px;margin-left:-6px;background:linear-gradient(90deg,#06150d 0,#3e9566 55px,#dcefe1 100px,#fff 142px)}
.nav .brand-with-logo{background:none}
.nav .brand-logo{mask-image:radial-gradient(circle,#000 76%,#000e 86%,transparent 100%)}
.nav .nav-inner{gap:18px;min-height:82px}
.nav .navlinks{gap:18px}
.hero-brand{display:flex;align-items:center;gap:16px;min-height:92px;margin-bottom:20px}
.hero-brand img{width:92px;height:92px;flex:none;object-fit:contain;border:0;border-radius:0;box-shadow:none;mask-image:none}
.hero-brand .eyebrow{color:#e3f3ec;font-size:15px;font-weight:700;letter-spacing:0;text-transform:none}
.footer .brand-with-logo .brand-logo{width:72px;height:72px}
/* The solid header colours become a soft, viewport-wide wash only after scrolling. */
#home{position:relative;isolation:isolate;background:transparent}
#home::before{content:"";position:fixed;inset:-15%;z-index:0;pointer-events:none;background:linear-gradient(116deg,#f0444e 0 27%,#fff 27% 50%,#4b91e4 50% 76%,#fff 76%);filter:blur(var(--brand-blur,12px));opacity:var(--brand-wash,0);transition:opacity .12s linear,filter .12s linear}
#home>*{position:relative;z-index:1}
#home>#services{background:#ffffffaa}
#home>.projects-section{background:#f4f8f8aa}
#home>.split-section{background:#ffffffb0}
#home>.tools-section,#home>.news{background:#ffffffb5}
#home>.enquiry{background:linear-gradient(120deg,#142b2b,#1c3d3c 70%,#263d59);color:#fff}
#home>div[style*="background:#e9f0ed"]{background:#ffffffb5 !important}
@media(max-width:580px){#home::before{inset:-20%;background:linear-gradient(118deg,#f0444e 0 27%,#fff 27% 50%,#4b91e4 50% 76%,#fff 76%)}}
@media(prefers-reduced-motion:reduce){#home::before{transition:none}}
@media(max-width:850px){.nav .navlinks{top:82px}}
@media(max-width:580px){.brand-with-logo{gap:9px}.brand-with-logo .brand-logo{width:50px;height:50px}.nav{background:linear-gradient(116deg,#ef5458 0,#ffc0c0 42px,#fff 82px,#e9f2ff 126px,#79aceb 165px,#fff 235px) !important}.nav .nav-inner{min-height:72px}.nav .navlinks{top:72px}.nav .brand-with-logo{font-size:19px}.site-header .brand-with-logo{font-size:19px}.site-header .brand-with-logo,.header .brand-with-logo{background:linear-gradient(90deg,#06150d 0,#3e9566 48px,#dcefe1 84px,#fff 120px)}.nav .brand-with-logo{background:none}.hero-brand img{width:70px;height:70px}.hero-brand{gap:12px;min-height:70px;margin-bottom:16px}.hero-brand .eyebrow{font-size:12px}.footer .brand-with-logo .brand-logo{width:64px;height:64px}}
.nav{background:linear-gradient(116deg,#f0444e 0 82px,#fff 82px 148px,#4b91e4 148px 215px,#a9cef8 290px,#fff 400px) !important}
.nav .brand-logo{mask-image:none;border:2px solid #101820;background:#101820}
.nav .brand b{color:#101820}
.footer{position:relative;z-index:2;background:#14252b;color:#e6f0eb}
.footer .brand b{color:#d9f06d}
@media(max-width:580px){.nav{background:linear-gradient(116deg,#f0444e 0 64px,#fff 64px 115px,#4b91e4 115px 165px,#a9cef8 225px,#fff 310px) !important}}
.nav .menu{display:none !important}
.nav .nav-inner{flex-wrap:wrap;gap:0 12px;padding-top:5px;padding-bottom:5px}
.nav .nav-actions{margin-left:auto}
.nav .navlinks{display:flex !important;position:static;order:3;flex-direction:row;align-items:center;justify-content:flex-end;gap:21px;width:100%;margin:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:9px 0 5px;border:0;background:transparent;scrollbar-width:thin}
.nav .navlinks a{flex:none}
@media(max-width:850px){.nav .navlinks{justify-content:flex-start}}