/* Shared homepage navigation — V3.5.1 */
#site-header{position:relative!important;top:auto!important;z-index:100!important;display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;font-family:'Segoe UI',Arial,Helvetica,sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.65!important;text-align:left!important;letter-spacing:normal!important}
#site-header *{box-sizing:border-box!important}
#site-header a{margin:0!important;text-decoration:none!important;color:inherit!important;background:transparent;padding:0}
#site-header button,#site-header summary{font-family:inherit!important;cursor:pointer!important}
#site-header{--navy:#001d2d!important;--navy-deep:#001725!important;--navy-light:#0a3044!important;--ink:#082235!important;--muted:#536574!important;--red:#df1724!important;--red-hover:#bd101b!important;--paper:#f4f6f8!important;--line:#d9e1e5!important;--white:#fff!important;--container:1280px!important}
#site-header *{box-sizing:border-box!important}
#site-header{margin:0!important;color:var(--ink)!important;background:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;line-height:1.58!important;-webkit-font-smoothing:antialiased!important}
#site-header a{color:inherit!important;text-decoration:none!important}
#site-header a,#site-header button,#site-header summary{-webkit-tap-highlight-color:transparent!important}
#site-header button{font:inherit!important}
#site-header button,#site-header summary{cursor:pointer!important}
#site-header button{color:inherit!important}
#site-header img{display:block!important;max-width:100%!important;height:auto!important}
#site-header .container{width:min(var(--container),calc(100% - 112px))!important;margin-inline:auto!important}
#site-header .button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;padding:13px 24px!important;min-height:48px!important;border:1px solid transparent!important;border-radius:2px!important;font-size:14px!important;font-weight:500!important;line-height:1.35!important;white-space:normal!important;transition:background .18s,transform .18s!important}
#site-header .button span{font-size:20px!important;line-height:1!important}
#site-header .button-red{background:var(--red)!important;color:#fff!important}
#site-header .button-red:hover{background:var(--red-hover)!important;transform:translateY(-1px)!important}
#site-header .utility{background:var(--navy)!important;color:#d4dfe5!important;font-size:10px!important;letter-spacing:.02em!important}
#site-header .utility>.container{display:flex!important;justify-content:space-between!important;align-items:center!important;min-height:29px!important;gap:18px!important}
#site-header .utility>.container>div{display:flex!important;align-items:center!important;gap:17px!important}
#site-header .utility a:hover{color:#fff!important}
#site-header .search-toggle{border:0!important;background:none!important;padding:3px!important;color:#fff!important;display:flex!important;align-items:center!important}
#site-header .nav-bar{background:var(--navy-deep)!important;color:#fff!important}
#site-header .nav-inner{display:flex!important;align-items:center!important;gap:32px!important;min-height:84px!important}
#site-header .brand-link{display:inline-flex!important;align-items:center!important;flex-shrink:0!important}
#site-header .corporate-logo{width:208px!important;height:auto!important;max-width:none!important;object-fit:contain!important;aspect-ratio:1639 / 316!important}
#site-header .nav-inner>nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:24px!important;flex:1!important;font-size:13px!important}
#site-header .nav-inner>.button{padding:12px 21px!important;min-height:43px!important;gap:14px!important;font-size:12px!important}
#site-header .nav-link{padding:10px 0!important;white-space:nowrap!important}
#site-header .nav-link:hover{color:#fff!important;border-bottom:2px solid var(--red)!important;padding-bottom:8px!important}
#site-header .solutions-menu{position:relative!important}
#site-header .solutions-menu summary{display:flex!important;list-style:none!important;gap:8px!important;align-items:center!important;padding:10px 0!important;white-space:nowrap!important}
#site-header .solutions-menu summary::-webkit-details-marker{display:none!important}
#site-header .menu-panel{position:absolute!important;left:-24px!important;top:45px!important;width:298px!important;padding:15px 8px!important;box-shadow:0 14px 30px #00152435!important;background:#fff!important;color:var(--ink)!important;z-index:30!important;border-top:3px solid var(--red)!important}
#site-header .menu-link{display:block!important;padding:10px 16px!important;font-size:14px!important}
#site-header .menu-link:hover{background:var(--paper)!important;color:var(--red)!important}
#site-header .mobile-toggle{display:none!important}
@media(max-width:1250px){#site-header .container{width:calc(100% - 72px)!important}
#site-header .nav-inner{gap:23px!important}
#site-header .nav-inner>nav{gap:17px!important;font-size:12px!important}
#site-header .nav-inner>.button{font-size:11px!important;padding:11px 13px!important;gap:9px!important}
#site-header .corporate-logo{width:190px!important}}
@media(max-width:1050px){#site-header .nav-inner>.button{display:none!important}
#site-header .nav-inner>nav{gap:22px!important;font-size:12px!important}}
@media(max-width:800px){#site-header .container{width:calc(100% - 40px)!important}
#site-header .utility>.container{min-height:28px!important;font-size:8px!important}
#site-header .utility>.container>div{gap:12px!important}
#site-header .nav-inner{min-height:76px!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:0!important}
#site-header .corporate-logo{width:190px!important}
#site-header .mobile-toggle{display:flex!important;align-items:center!important;gap:12px!important;font-size:12px!important;border:1px solid #ffffff5c!important;padding:8px 11px!important;background:none!important;border-radius:0!important;color:#fff!important}
#site-header .mobile-toggle span{font-size:17px!important}
#site-header .nav-inner>nav{display:none!important;order:3!important;width:100%!important;flex-basis:100%!important;padding:20px 0 25px!important;font-size:15px!important;gap:0!important}
#site-header .nav-link{display:block!important;padding:12px 0!important}
#site-header .nav-link:hover{padding-bottom:10px!important}
#site-header .solutions-menu summary{padding-block:12px!important}
#site-header .menu-panel{position:relative!important;left:auto!important;top:auto!important;width:100%!important;box-shadow:none!important;background:#0b3042!important;color:#fff!important;padding:8px!important;border-top:1px solid #31566b!important;margin:0 0 12px!important}
#site-header .menu-link:hover{background:#174155!important;color:#fff!important}}
@media(max-width:500px){#site-header .container{width:calc(100% - 36px)!important}
#site-header .utility>.container>div{gap:10px!important}
#site-header .utility>.container>span{font-size:7px!important;letter-spacing:0!important;max-width:245px!important}
#site-header .utility>.container>div>a:first-child{display:none!important}
#site-header .corporate-logo{width:184px!important}}
@media(prefers-reduced-motion:reduce){#site-header *{transition:none!important;animation:none!important}}
@media print{#site-header .utility,#site-header .mobile-toggle{display:none!important}
#site-header{font-size:11pt!important}
#site-header .container{width:92%!important}
#site-header a{overflow-wrap:anywhere!important}}
#site-header{--paper:#e5edf1!important;--line:#c9d7df!important;--muted:#435e70!important;--container:1320px!important;--red:#e4182a!important;--red-hover:#be1020!important}
#site-header{background:#edf3f5!important;font-family:'Segoe UI',Arial,Helvetica,sans-serif!important;line-height:1.65!important}
#site-header .container{width:min(var(--container),calc(100% - 96px))!important}
#site-header .nav-inner{min-height:102px!important;gap:27px!important;align-items:flex-end!important;padding-top:22px!important;padding-bottom:25px!important}
#site-header .corporate-logo{width:218px!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;max-width:none!important}
#site-header .nav-inner>.brand-link{align-items:flex-end!important;padding:0!important;line-height:0!important}
#site-header .nav-inner>nav{align-items:flex-end!important;gap:23px!important;font-size:14px!important;line-height:1.3!important;padding:0!important}
#site-header .nav-link,#site-header .solutions-menu summary{position:relative!important;padding:0 0 1px!important;border:0!important;line-height:1.2!important}
#site-header .nav-link:hover{padding-bottom:1px!important;border:0!important}
#site-header .nav-link:after{content:''!important;position:absolute!important;left:0!important;bottom:-12px!important;width:0!important;height:2px!important;background:var(--red)!important;transition:width .16s!important}
#site-header .nav-link:hover:after{width:100%!important}
#site-header .menu-panel{top:31px!important}
#site-header .projects-menu .menu-panel{width:225px!important}
#site-header .nav-inner>.button{padding:0 0 0 18px!important;min-height:44px!important;font-size:12px!important;gap:15px!important;margin-bottom:-9px!important;display:inline-flex!important}
#site-header .nav-inner>.button .button-arrow{width:40px!important;height:40px!important;margin:2px!important;flex-basis:40px!important}
#site-header .utility>.container{min-height:30px!important}
#site-header .utility{font-size:10px!important}
#site-header .button{padding:3px 3px 3px 22px!important;gap:19px!important;border-radius:3px!important;min-height:53px!important;font-weight:600!important;font-size:14px!important;letter-spacing:.01em!important;line-height:1.3!important;box-shadow:none!important}
#site-header .button .button-label{font-size:inherit!important;line-height:1.3!important;text-align:left!important}
#site-header .button .button-arrow{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:2px!important;background:#ffffff16!important;transition:background .16s!important}
#site-header .button-arrow svg{width:20px!important;height:20px!important;transition:transform .18s!important}
#site-header .button:hover .button-arrow{background:#ffffff28!important}
#site-header .button:hover .button-arrow svg{transform:translateX(3px)!important}
#site-header .button-red{background:linear-gradient(110deg,#ed172a,#cc1123)!important;box-shadow:0 8px 20px #bc112317!important;border-color:#f13543!important}
#site-header .button-red:hover{background:#c81022!important;transform:translateY(-1px)!important}
@media(min-width:1600px){#site-header .nav-inner{min-height:112px!important}}
@media(max-width:1320px) and (min-width:1101px){#site-header .container{width:calc(100% - 64px)!important}
#site-header .nav-inner{gap:19px!important}
#site-header .nav-inner>nav{gap:18px!important;font-size:13px!important}
#site-header .nav-inner .corporate-logo{width:193px!important}
#site-header .nav-inner>.button{font-size:11px!important;gap:10px!important;padding-left:13px!important}
#site-header .nav-inner>.button .button-arrow{width:33px!important;flex-basis:33px!important;height:38px!important}}
@media(max-width:1100px){#site-header .container{width:calc(100% - 64px)!important}
#site-header .nav-inner>.button{display:none!important}
#site-header .nav-inner{gap:24px!important;min-height:95px!important}
#site-header .nav-inner>nav{gap:20px!important;font-size:13px!important}
#site-header .corporate-logo{width:200px!important}}
@media(max-width:850px){#site-header .container{width:calc(100% - 40px)!important}
#site-header .nav-inner{min-height:88px!important;padding-top:20px!important;padding-bottom:20px!important;align-items:center!important;flex-wrap:wrap!important;gap:0!important;justify-content:space-between!important}
#site-header .nav-inner>.brand-link{align-items:center!important}
#site-header .corporate-logo{width:205px!important}
#site-header .mobile-toggle{display:flex!important;gap:12px!important;align-items:center!important;border:1px solid #587385!important;color:white!important;background:none!important;padding:9px 12px!important;font-size:13px!important}
#site-header .nav-inner>nav{display:none!important;width:100%!important;order:3!important;flex-basis:100%!important;padding:23px 0 3px!important}
#site-header .nav-link,#site-header .solutions-menu summary{padding:14px 0!important;font-size:17px!important}
#site-header .nav-link:hover{padding-bottom:14px!important}
#site-header .nav-link:after{bottom:3px!important}
#site-header .menu-panel{position:relative!important;left:auto!important;top:0!important;background:#103749!important;color:white!important;width:100%!important;margin-bottom:10px!important;box-shadow:none!important}
#site-header .projects-menu .menu-panel{width:100%!important}
#site-header .menu-link{font-size:15px!important}
#site-header .menu-link:hover{background:#174b63!important;color:#fff!important}}
@media(max-width:560px){#site-header{font-size:16px!important}
#site-header .container{width:calc(100% - 36px)!important}
#site-header .utility>.container{font-size:8px!important;gap:7px!important;min-height:28px!important}
#site-header .utility>.container>span{max-width:245px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#site-header .utility>.container>div{gap:10px!important}
#site-header .utility>.container>div>a{display:none!important}
#site-header .nav-inner{min-height:82px!important;padding-block:18px!important}
#site-header .corporate-logo{width:188px!important}
#site-header .button{font-size:13px!important;padding:3px 3px 3px 17px!important;gap:13px!important;min-height:49px!important}
#site-header .button .button-arrow{width:39px!important;flex-basis:39px!important;height:39px!important}}
@media(prefers-reduced-motion:reduce){#site-header *{scroll-behavior:auto!important;transition:none!important}}
#site-header{--paper:#c3c9cd!important;--surface-main:#c9cfd0!important;--surface-soft:#bec6cb!important;--surface-faq:#c4cace!important;--v24-project-index-size:80px!important}
#site-header{background:var(--surface-main)!important}
#site-header .button-red{font-size:16.8px!important}
#site-header .nav-inner>.button-red{font-size:14.4px!important}
#site-header .nav-inner{gap:22px!important}
#site-header .nav-inner>nav{gap:21px!important}
@media(min-width:1101px) and (max-width:1320px){#site-header .nav-inner>.button-red{font-size:13.2px!important}
#site-header .nav-inner>nav{gap:16px!important}
#site-header .nav-inner{gap:16px!important}}
@media(max-width:1100px){#site-header .nav-inner>.button-red{display:none!important}}
@media(max-width:560px){#site-header .button-red{font-size:15.6px!important}}
#site-header{--paper:#d7e1e6!important;--surface-main:#d7e1e6!important;--surface-soft:#cbd9e0!important;--surface-faq:#dfe7eb!important;--v26-blue:#173f54!important}
#site-header{background:var(--surface-main)!important}
#site-header .menu-panel-compact{width:255px!important}
#site-header .compact-menu .menu-panel,#site-header .projects-menu .menu-panel{width:255px!important}
#site-header{--navy:#001d2d!important;--navy-deep:#001522!important;--navy-mid:#07354b!important;--blue-soft:#d6e3e9!important;--blue-soft-2:#c8d9e1!important;--ink:#082235!important;--red:#e21b2d!important;--red-hover:#c61624!important;--line:#2f5365!important;--white:#fff!important;--container:1420px!important}
#site-header{background:#061f2e!important;color:var(--ink)!important}
#site-header .utility{display:none!important}
#site-header .nav-bar{background:rgba(0,21,34,.97)!important;border-bottom:1px solid #23485a!important}
#site-header .nav-inner{min-height:82px!important}
#site-header .nav-inner>nav{font-size:14px!important;gap:27px!important}
#site-header .nav-inner>.button{font-size:14px!important;font-weight:700!important;padding:14px 22px!important}
#site-header .button{font-size:15px!important;font-weight:700!important;letter-spacing:-.01em!important}
#site-header .button-arrow{font-size:22px!important}
#site-header .corporate-logo{width:220px!important}
#site-header .menu-panel{width:310px!important;max-height:72vh!important;overflow:auto!important;padding:10px 8px!important}
#site-header .menu-panel-compact{width:300px!important}
#site-header .menu-link{padding:9px 14px!important}
#site-header .submenu-divider{margin:7px 10px!important}
@media(max-width:700px){#site-header .nav-inner{min-height:70px!important}
#site-header .corporate-logo{width:170px!important}}
#site-header .nav-inner>.button{min-height:21px!important;padding-top:4px!important;padding-bottom:4px!important;align-items:center!important;justify-content:center!important}
#site-header .nav-inner>.button .button-label{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
#site-header .nav-inner>nav>details>summary,#site-header .nav-inner>nav>.nav-link{font-family:'Segoe UI',Arial,Helvetica,sans-serif!important;font-size:15px!important;font-weight:400!important}
#site-header .nav-inner>.button .button-label{font-family:'Segoe UI',Arial,Helvetica,sans-serif!important;font-size:16px!important}
#site-header .nav-inner>.button{color:#fff!important;background:linear-gradient(110deg,#ed172a,#cc1123)!important}
#site-header .nav-inner>.button:hover{background:#c81022!important}
#site-header .nav-link:after{width:0}
#site-header .nav-link:hover:after{width:100%}
#site-header .menu-link:hover{color:var(--red)!important;background:var(--paper)!important}
#site-header .corporate-logo{display:block!important}
@media(max-width:800px){#site-header .menu-panel{max-width:100%!important}#site-header .menu-link:hover{background:#174b63!important;color:white!important}}

#site-header{backdrop-filter:none!important}

/* V3.6.7 — show only one Enquire Now action in the desktop header.
   Keep the red header CTA above 1100px; at narrower widths the red CTA
   is already hidden, so preserve the navigation link as the sole action. */
@media screen and (min-width:1101px) {
  #site-header .nav-inner > nav > a.mobile-enquire-link {
    display:none !important;
  }
}

/* V3.6.7 — email CTA: plain text, no underline; brighten on hover/focus.
   All existing mailto destinations remain unchanged. */
html body a[href^="mailto:enquiry@komstadt.com" i],
html body a[href^="mailto:enquiry@komstadt.com" i]:visited {
  text-decoration:none !important;
  text-decoration-line:none !important;
  text-underline-offset:initial !important;
  transition:color .2s ease, text-shadow .2s ease;
}
html body a[href^="mailto:enquiry@komstadt.com" i]:hover,
html body a[href^="mailto:enquiry@komstadt.com" i]:focus-visible {
  text-decoration:none !important;
  text-decoration-line:none !important;
  color:#ee3049 !important;
  text-shadow:0 0 9px rgba(242,57,78,.48) !important;
}
@media (prefers-reduced-motion:reduce) {
  html body a[href^="mailto:enquiry@komstadt.com" i] {transition:none;}
}