.utility-links{display:flex;align-items:center;gap:24px}.utility .utility-links a{white-space:nowrap}.site-header .header-inner{gap:26px}.site-header .nav{gap:22px}.site-header .nav a{font-size:16px}.home-application-link{display:flex;justify-content:flex-end;margin-top:26px}.inquiry-panel#project-enquiry{scroll-margin-top:125px}
@media(min-width:1121px) and (max-width:1400px){.site-header .brand,.site-header .brand img{width:190px;flex-basis:190px}.site-header .header-inner{gap:20px}.site-header .nav{gap:18px}.site-header .nav a{font-size:15px}.site-header .header-tools{gap:12px}}
@media(max-width:1120px){.site-header .header-inner{gap:18px;min-height:78px}.site-header .menu-toggle{display:block}.site-header .header-tools{margin-left:auto}.site-header .nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;background:#fff;border-bottom:2px solid var(--red);box-shadow:0 10px 15px #0001;padding:12px 24px;max-height:calc(100dvh - 118px);overflow:auto}.site-header .nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header .nav a{padding:14px 6px;border-bottom:1px solid var(--line);font-size:16px}.site-header .nav a:after{display:none}.site-header .nav a[aria-current=page]{border-left:3px solid var(--red);padding-left:13px}.site-header .brand,.site-header .brand img{width:190px;flex-basis:190px}}
@media(max-width:780px){.utility .utility-links{display:flex;justify-content:space-between;gap:18px;width:100%}.site-header .header-inner{gap:12px;min-height:76px}.site-header .brand,.site-header .brand img{width:182px;flex-basis:182px}.home-application-link{justify-content:flex-start}.inquiry-panel#project-enquiry{scroll-margin-top:112px}}
@media(max-width:600px){.utility .utility-links{gap:8px 14px;flex-wrap:wrap;padding:5px 0}.utility-links a:last-child{margin-left:auto}}
.nav-products{position:relative;display:flex;align-items:center;gap:3px}
.nav-submenu-toggle{display:grid;place-items:center;width:24px;height:36px;padding:0;color:var(--ink);background:transparent;border:0}
.nav-submenu-toggle[hidden],.nav-submenu[hidden]{display:none}
.nav-submenu-toggle:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.nav-submenu{position:absolute;top:100%;left:-24px;width:max-content;min-width:280px;max-width:calc(100vw - 32px);padding:12px;background:#fff;border:1px solid var(--line);border-top:2px solid var(--red);box-shadow:0 14px 30px rgb(22 32 42 / 14%);z-index:35;max-height:calc(100dvh - 130px);overflow:auto}
.site-header .nav .nav-submenu a{display:block;white-space:normal;padding:12px 14px;font-size:15px;font-weight:400;line-height:1.55;border:0}
.site-header .nav .nav-submenu a::after{display:none}
.site-header .nav .nav-submenu a:hover,.site-header .nav .nav-submenu a:focus-visible{color:var(--red);background:#fbf0f1}
.site-header .nav .nav-submenu .nav-submenu-all{border-top:1px solid var(--line);margin-top:8px;padding-top:16px;color:var(--red);font-weight:600}
@media(min-width:1121px) and (max-width:1400px){.site-header .nav{gap:14px}.nav-submenu-toggle{width:20px}}
@media(max-width:1120px){.nav-products{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:0}.nav-submenu-toggle{width:44px;height:44px;justify-self:end}.nav-submenu{position:static;grid-column:1/-1;width:100%;min-width:0;max-width:none;padding:8px 10px;margin:0 0 8px;border:0;border-left:2px solid var(--red);background:#f5f6f7;box-shadow:none;max-height:none;overflow:visible}.site-header .nav .nav-submenu a{padding:11px 14px;font-size:15px}.site-header .nav .nav-products>a{min-width:0}}
.site-header{background-color:#edf3f7;background-image:linear-gradient(180deg,rgb(248 251 253 / 58%) 0%,rgb(248 251 253 / 48%) 63%,rgb(248 251 253 / 16%) 100%),url('../img/company-navigation-panorama.png');background-size:cover;background-position:center 82%;padding-bottom:12px}
.site-header .header-inner{min-height:104px}
@media(max-width:1120px){.site-header{padding-bottom:10px}.site-header .header-inner{min-height:78px}}

@media(min-width:1121px){.nav-submenu-toggle{display:none}.nav-products{gap:0}.site-header .nav-products>a:focus-visible{outline:2px solid var(--red);outline-offset:5px}}
@media(max-width:1120px){.nav-submenu-toggle{font-size:12px;color:var(--muted);border-left:1px solid var(--line);border-radius:0}.nav-submenu-toggle[aria-expanded=true]{color:var(--red);background:#fbf0f1}}
[data-section-navigation] a[aria-current=location]{color:var(--red);background:#fbf0f1;border-left-color:var(--red);font-weight:600}

/* Keep the brand and controls inside narrow phone viewports in every locale. */
@media(max-width:450px){:root .site-header .header-inner{gap:8px}:root .site-header .brand{flex:0 1 182px;min-width:0;width:auto}:root .site-header .brand img{width:100%}:root .site-header .header-tools{flex-shrink:0;gap:6px}}

/* Readable links remain available if scripts are disabled or fail to load. */
@media(max-width:1120px){html:not([data-nav-ready=true]) .site-header .header-inner{flex-wrap:wrap}html:not([data-nav-ready=true]) .site-header .nav{display:flex;position:static;order:3;flex:0 0 100%;flex-wrap:wrap;gap:0 16px;max-height:none;box-shadow:none;padding:0}html:not([data-nav-ready=true]) .site-header .menu-toggle,html:not([data-nav-ready=true]) .nav-submenu-toggle{display:none}}