@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b111b;--surface:#111c2c;--surface2:#16243a;--text:#f4f6fb;--muted:#aab7cb;--line:#ffffff20;--accent:#7eaaf2;--button:#245dc0;--header:#0b111bf2}html[data-theme=light]{color-scheme:light;--bg:#f6f8fb;--surface:#eaf0f8;--surface2:#e0e8f4;--text:#13253f;--muted:#53657d;--line:#17355a25;--accent:#2456a2;--button:#173f87;--header:#f6f8fbf2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;transition:background .35s,color .35s}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:6px}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(40px,5.8vw,83px);line-height:1.08}h2{font-size:clamp(30px,3.6vw,52px);line-height:1.13}h2 span{color:var(--accent)}h3{font-size:27px;line-height:1.2}.shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:100px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--accent);margin-bottom:22px}.header{height:95px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 4%;background:var(--header);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{background:white;padding:6px 12px;border-radius:2px;flex-shrink:0}.brand img{width:175px;height:56px;object-fit:contain}.header nav{display:flex;gap:24px;font-size:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;padding:17px 23px;background:var(--button);color:white;border:1px solid transparent;font-size:12px;letter-spacing:.04em;font-weight:600;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.2);transform:translateY(-2px)}.button.small{padding:13px 16px}.outline{background:transparent;border-color:#ffffff60}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid var(--accent);padding-bottom:6px;display:inline-block}.theme-toggle{position:fixed;right:20px;top:49%;z-index:30;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:0 5px 25px #0002;font-size:23px}.hero{min-height:700px;position:relative;color:#fff;isolation:isolate}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-shade{z-index:-1;background:linear-gradient(90deg,#06101ee8 0%,#071629b3 46%,#07162920 100%),linear-gradient(0deg,#06101e9e,transparent 45%)}.hero-inner{padding-top:125px}.hero h1 span{color:#a2c3ff}.hero .eyebrow{color:#b4d0ff}.hero-copy{max-width:490px;font-size:16px;line-height:1.8;color:#e0e7f2;margin:28px 0 32px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff40;margin-top:90px;padding:24px 0;font-size:11px;letter-spacing:.1em}.proof{display:grid;grid-template-columns:repeat(3,1fr);padding-block:38px;border-bottom:1px solid var(--line);gap:25px}.proof strong{display:block;font:500 21px Manrope}.proof span{display:block;font-size:12px;color:var(--muted);margin-top:8px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:48px}.section-heading>p{max-width:370px;font-size:14px;line-height:1.8;color:var(--muted)}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.route-card{background:var(--surface);padding:36px;border:1px solid var(--line);transition:background .25s,transform .25s}.route-card:hover{background:var(--surface2);transform:translateY(-5px)}.number{font-size:12px;color:var(--accent);display:block;margin-bottom:33px}.route-card p{font-size:14px;line-height:1.7;color:var(--muted);margin:18px 0 30px;max-width:270px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.showroom,.industries,.enquiry{background:var(--surface)}.photo-frame{position:relative;height:590px}.photo-frame img{width:100%;height:100%;object-fit:cover}.photo-note{position:absolute;bottom:0;left:0;right:0;padding:25px;background:#071322d9;color:white;font-size:12px}.body-copy{color:var(--muted);font-size:14px;line-height:1.9;margin:25px 0}.address{border-left:2px solid var(--accent);padding-left:22px;margin:30px 0;font-size:13px;line-height:1.8}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.service-image{position:relative;min-height:490px}.service-image img{position:absolute;width:100%;height:100%;object-fit:cover}.service-image>div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#071322ee);padding:60px 32px 32px;color:#fff}.service-image .eyebrow{color:#b4d0ff}.service-image p{font-size:13px;margin-top:12px}.service-list details{border-bottom:1px solid var(--line);padding:26px 0}.service-list summary{cursor:pointer;font-size:20px;list-style:none}.service-list summary span{font-size:11px;color:var(--accent);margin-right:20px}.service-list p{font-size:14px;color:var(--muted);line-height:1.8;padding:20px 0 0 35px}.sector-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sector-grid>a{padding:28px 19px;border-right:1px solid var(--line);transition:background .2s}.sector-grid>a:hover{background:var(--surface2)}.sector-grid>a:first-child{padding-left:0}.sector-grid>a:last-child{border-right:0}.sector-grid span{font-size:10px;color:var(--accent)}.sector-grid h3{font-size:20px;margin:30px 0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px}.project-card{padding:0;text-align:left;border:0;background:transparent;color:var(--text);overflow:hidden}.project-card.wide{grid-column:1/-1}.project-card img{width:100%;height:380px;object-fit:cover;transition:transform .6s}.project-card.wide img{height:490px}.project-card:hover img{transform:scale(1.025)}.project-card>div{padding:22px 0 10px}.project-card .eyebrow{margin-bottom:10px;font-size:10px}.project-card h3{display:flex;justify-content:space-between}.project-card h3 span{color:var(--accent)}.about{border-block:1px solid var(--line)}.large-copy{font:400 23px/1.6 Manrope;letter-spacing:-.02em}.process-layout{display:grid;grid-template-columns:170px 1fr;gap:30px}.process-tabs{display:flex;flex-direction:column;justify-content:space-around}.process-tabs button{background:transparent;border:0;text-align:left;color:var(--muted);font:500 39px Manrope;display:flex;align-items:center;gap:20px;padding:15px 0;transition:color .25s}.process-tabs button span{font:500 11px 'DM Sans';text-transform:uppercase;letter-spacing:.1em}.process-tabs button[aria-selected=true]{color:var(--accent)}.process-visual{height:510px;position:relative}.process-visual>img{height:100%;width:100%;object-fit:cover;transition:opacity .2s}.process-visual #process-panel{position:absolute;left:-45px;top:65px;max-width:350px;padding:38px;background:#071322e8;color:white;transition:opacity .2s,transform .2s}.process-visual .eyebrow{color:#a2c3ff}.process-visual h3{font-size:29px}.process-visual p:not(.eyebrow){font-size:14px;line-height:1.8;color:#c1ccdc;margin:22px 0}.process-visual .text-link{color:white}.switching #process-panel{opacity:0;transform:translateY(8px)}.switching>img{opacity:.55}.enquiry .split{align-items:start}.demo-note{font-size:12px;line-height:1.8;color:var(--muted);border-left:2px solid var(--accent);padding:10px 18px;margin:30px 0}.route-selector{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:28px}.route-selector button{background:transparent;border:1px solid var(--line);padding:12px;color:var(--muted);font-size:12px}.route-selector button[aria-pressed=true]{background:var(--button);color:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:25px}label{font-size:12px;color:var(--muted);display:block}input,select,textarea{display:block;width:100%;margin-top:9px;background:var(--bg);border:1px solid var(--line);padding:13px;color:var(--text);border-radius:0;font-size:13px}.full{grid-column:1/-1}.summary{margin-top:25px;border:1px solid var(--line);padding:20px;font-size:13px;line-height:1.8;white-space:pre-line}.contact-strip{padding-block:80px;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-strip>div:last-child{display:flex;flex-direction:column;gap:20px;font-size:20px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-block:35px;gap:30px}footer img{width:140px;background:white;padding:8px}footer p{font-size:10px;line-height:1.8;color:var(--muted);max-width:450px}footer>a{font-size:11px}dialog{border:1px solid var(--line);padding:0;max-width:850px;width:calc(100% - 30px);background:var(--bg);color:var(--text);max-height:90vh}dialog::backdrop{background:#020815c9;backdrop-filter:blur(5px)}dialog>img{width:100%;height:360px;object-fit:cover}.dialog-body{padding:35px}.dialog-body p:not(.eyebrow){margin:20px 0;line-height:1.8;font-size:14px;color:var(--muted)}.dialog-close{position:absolute;right:15px;top:15px;border:0;background:#071322;color:white;width:40px;height:40px;font-size:27px}.menu-button{display:none}.skip{position:fixed;top:-100px;z-index:100;padding:12px;background:white;color:black}.skip:focus{top:10px}.reveal{opacity:1}.motion .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.motion .reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.shell{width:calc(100% - 64px)}.header nav{gap:15px;font-size:11px}.header>.small{display:none}.split{gap:40px}.sector-grid{grid-template-columns:repeat(3,1fr)}.photo-frame{height:510px}.route-card{padding:25px}.process-layout{grid-template-columns:130px 1fr}}
@media(max-width:700px){html{scroll-padding-top:85px}.shell{width:calc(100% - 40px)}.section{padding-block:62px}.header{height:80px;padding:12px 20px}.brand img{width:140px;height:45px}.menu-button{display:block;border:1px solid var(--line);color:var(--text);background:transparent;font-size:22px;width:40px;height:40px}.header nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--bg);padding:25px 20px;flex-direction:column;font-size:16px;border-bottom:1px solid var(--line)}.header.open nav{display:flex}.theme-toggle{right:10px;width:40px;height:40px;font-size:20px;top:auto;bottom:20px}.hero{min-height:640px}.hero-inner{padding-top:90px}.hero-image{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#06101eef,#07162988),linear-gradient(0deg,#06101e99,transparent)}.hero-copy{font-size:14px}.hero-bottom{margin-top:65px;gap:20px;font-size:9px}.hero-bottom span{max-width:160px;line-height:1.8}.proof{gap:18px;padding-block:25px}.proof strong{font-size:14px}.proof span{font-size:10px;line-height:1.6}.section-heading{display:block;margin-bottom:30px}.section-heading>p,.section-heading>a{margin-top:22px}.route-grid,.split,.services-grid{grid-template-columns:1fr;gap:25px}.route-card{padding:25px}.route-card h3{font-size:25px}.route-card h3 br{display:none}.number{margin-bottom:18px}.route-card p{margin:15px 0 22px}.photo-frame{height:360px}.showroom .split{gap:35px}.service-image{min-height:380px}.sector-grid{grid-template-columns:1fr 1fr}.sector-grid>a{padding:22px 14px;border-bottom:1px solid var(--line)}.sector-grid>a:first-child{padding-left:14px}.sector-grid h3{font-size:18px;margin:25px 0}.project-grid{gap:25px;grid-template-columns:1fr}.project-card.wide{grid-column:auto}.project-card img,.project-card.wide img{height:300px}.project-card h3{font-size:23px}.large-copy{font-size:20px}.process-layout{display:block}.process-tabs{flex-direction:row;margin-bottom:20px;gap:10px}.process-tabs button{font-size:28px;display:block;padding:10px}.process-tabs button span{display:block;font-size:9px;margin-top:6px}.process-visual{height:480px}.process-visual #process-panel{left:15px;right:15px;top:auto;bottom:20px;max-width:none;padding:27px}.process-visual h3{font-size:25px}.process-visual p:not(.eyebrow){font-size:13px}.form-grid{gap:16px}.route-selector button{padding:10px 8px;font-size:11px}.contact-strip{padding-block:60px;display:block}.contact-strip>div:last-child{margin-top:30px;font-size:16px}footer{flex-wrap:wrap;padding-right:35px}footer p{max-width:100%}dialog>img{height:250px}.dialog-body{padding:25px}.dialog-body h2{font-size:28px}}
/* Transparent supplied logo: no white backing in either theme. */
.brand{background:transparent;padding:0}
.brand img{width:205px;height:70px;object-fit:contain}
footer img{width:170px;background:transparent;padding:0}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity .5s}
.hero-video.is-playing{opacity:1}
.hero-media-controls{position:absolute;bottom:10px;right:4%;display:flex;gap:14px;align-items:center;color:#e0e7f2;font-size:9px}
.video-toggle{border:1px solid #ffffff60;background:#071322a8;color:white;padding:6px 10px;font-size:10px}
@media(max-width:1000px){.header nav{gap:16px}}
@media(max-width:700px){.brand img{width:165px;height:55px}.hero-video{object-position:60% center}.hero-media-controls{bottom:8px;right:20px;font-size:8px;gap:8px}footer img{width:160px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}}
