/* ECE 1919683 — unified colour and seamless industrial image, desktop only.
   Desktop menu icon is replaced visually with the existing functional Contacts trigger.
   No changes to mobile layouts, contact data, or administration. */
@media screen and (min-width:981px) {
  html:root body main section.ece-approved-hero19191.ece78-desktop-home,
  html:root[data-theme] body main section.ece-approved-hero19191.ece78-desktop-home {
    --ece-unified-panel:#2d3c91;
    background:var(--ece-unified-panel)!important;
    background-color:var(--ece-unified-panel)!important;
    position:relative!important;
  }
  /* Behind the solution cards: keep the same base colour, one continuous line art layer. */
  html:root body main section.ece-approved-hero19191.ece78-desktop-home::before,
  html:root[data-theme] body main section.ece-approved-hero19191.ece78-desktop-home::before {
    inset:0!important;height:auto!important;
    opacity:1!important;
    background:
      repeating-linear-gradient(132deg,transparent 0 174px,rgba(134,189,255,.105) 175px,transparent 176px 302px),
      repeating-linear-gradient(0deg,transparent 0 113px,rgba(134,189,255,.05) 114px,transparent 115px 213px)!important;
    pointer-events:none!important;
  }
  html:root body main section.ece-approved-hero19191.ece78-desktop-home .ece-approved-layout,
  html:root[data-theme] body main section.ece-approved-hero19191.ece78-desktop-home .ece-approved-layout {
    background:var(--ece-unified-panel)!important;
    background-color:var(--ece-unified-panel)!important;
    isolation:isolate!important;
  }
  /* The photograph is unchanged; dissolve its left edge into corporate blue. */
  html:root body main section.ece-approved-hero19191.ece78-desktop-home .ece-approved-layout::before,
  html:root[data-theme] body main section.ece-approved-hero19191.ece78-desktop-home .ece-approved-layout::before {
    inset:0!important;
    content:""!important;display:block!important;
    background-image:url('/ece81-hero-panorama.webp')!important;
    background-size:cover!important;
    background-position:center 50%!important;
    filter:none!important;opacity:1!important;
    z-index:0!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 17%,rgba(0,0,0,.075) 28%,rgba(0,0,0,.23) 39%,rgba(0,0,0,.56) 52%,rgba(0,0,0,.92) 67%,#000 78%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,transparent 17%,rgba(0,0,0,.075) 28%,rgba(0,0,0,.23) 39%,rgba(0,0,0,.56) 52%,rgba(0,0,0,.92) 67%,#000 78%)!important;
  }
  html:root body main section.ece-approved-hero19191.ece78-desktop-home .ece-approved-layout::after,
  html:root[data-theme] body main section.ece-approved-hero19191.ece78-desktop-home .ece-approved-layout::after {
    z-index:1!important;
    background:
      repeating-linear-gradient(132deg,transparent 0 174px,rgba(134,189,255,.095) 175px,transparent 176px 302px),
      repeating-linear-gradient(0deg,transparent 0 113px,rgba(134,189,255,.05) 114px,transparent 115px 213px),
      linear-gradient(90deg,rgba(45,60,145,.03) 0%,rgba(45,60,145,.02) 45%,rgba(45,60,145,0) 85%)!important;
    pointer-events:none!important;
  }
  html:root body main section.ece-approved-hero19191.ece78-desktop-home .ece-approved-copy,
  html:root[data-theme] body main section.ece-approved-hero19191.ece78-desktop-home .ece-approved-copy {
    z-index:2!important;
  }
  /* Desktop header: menu links stay visible; no duplicated hamburger dropdown.
     Contacts reuse the same element and JS popup, but sit in the rightmost slot. */
  html:root body header.ece-header19194 .ece-header-bar,
  html:root[data-theme] body header.ece-header19194 .ece-header-bar {
    display:grid!important;
    grid-template-columns:minmax(172px,240px) minmax(0,1fr) minmax(154px,186px) 118px!important;
    column-gap:clamp(8px,1.05vw,16px)!important;
  }
  html:root body header.ece-header19194 nav.ece-header-nav:not([data-always-open]),
  html:root[data-theme] body header.ece-header19194 nav.ece-header-nav:not([data-always-open]),
  html:root body header.ece-header19194[data-menu-open] nav.ece-header-nav:not([data-always-open]) {
    display:flex!important;position:static!important;grid-column:2!important;
    grid-row:1!important;flex-direction:row!important;flex-wrap:nowrap!important;
    align-items:center!important;justify-content:center!important;
    width:auto!important;max-width:none!important;min-width:0!important;
    padding:0!important;margin:0!important;gap:clamp(6px,.85vw,15px)!important;
    border:0!important;box-shadow:none!important;background:transparent!important;
    overflow:visible!important;opacity:1!important;visibility:visible!important;
  }
  html:root body header.ece-header19194 .ece-header-controls,
  html:root[data-theme] body header.ece-header19194 .ece-header-controls {
    grid-column:3!important;grid-row:1!important;justify-self:end!important;
  }
  html:root body header.ece-header19194 .ece-header-actions,
  html:root[data-theme] body header.ece-header19194 .ece-header-actions {
    grid-column:4!important;grid-row:1!important;justify-content:flex-end!important;
  }
  html:root body header.ece-header19194 .ece-header-actions .ece-header-contact,
  html:root[data-theme] body header.ece-header19194 .ece-header-actions .ece-header-contact {
    min-width:112px!important;width:118px!important;
  }
  html:root body header.ece-header19194 button.ece-header-menu,
  html:root[data-theme] body header.ece-header19194 button.ece-header-menu {
    display:none!important;
  }
}
@media screen and (min-width:981px) and (max-width:1110px) {
  html:root body header.ece-header19194 .ece-header-bar,
  html:root[data-theme] body header.ece-header19194 .ece-header-bar {
    grid-template-columns:165px minmax(0,1fr) 156px 114px!important;
    column-gap:7px!important;padding-inline:18px!important;
  }
  html:root body header.ece-header19194 nav.ece-header-nav > a,
  html:root[data-theme] body header.ece-header19194 nav.ece-header-nav > a {
    font-size:clamp(10px,1vw,12px)!important;padding-inline:1px!important;
  }
  html:root body header.ece-header19194 .brand-name,
  html:root[data-theme] body header.ece-header19194 .brand-name {font-size:11px!important;}
  html:root body header.ece-header19194 .brand img {width:44px!important;height:44px!important;flex-basis:44px!important;}
  html:root body header.ece-header19194 .ece-header-controls {gap:5px!important;}
  html:root body header.ece-header19194 .ece-header-controls :is(.ece-header-theme,.ece-header-language) :is(button,a),
  html:root[data-theme] body header.ece-header19194 .ece-header-controls :is(.ece-header-theme,.ece-header-language) :is(button,a) {
    flex-basis:32px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;
  }
}