/* One persistent navigation system, with every main group visible on desktop. */
:root { --header-height: 132px; }
html { scroll-padding-top: calc(var(--header-height) + 22px); }
.site-header { position: sticky; top: 0; z-index: 60; background: white; }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 78px; }
.site-logo { display: block; width: 220px; flex-shrink: 0; margin: 0; }
.header-phone { font-size: 17px; font-weight: 750; letter-spacing: -.025em; }
.header-phone:hover { color: var(--blue); }
.menu-toggle { display: none; }
.site-nav { background: var(--blue); color: white; border-bottom: 1px solid #ffffff20; }
.nav-links { display: flex; align-items: stretch; justify-content: space-between; gap: 0; }
.nav-links > a { display: flex; align-items: center; justify-content: center; min-height: 54px; padding: 15px 18px; font-size: 12px; font-weight: 700; line-height: 1.4; white-space: nowrap; transition: background .2s; }
.nav-links > a:first-child { padding-left: 0; }
.nav-links > a:last-child { padding-right: 0; }
.nav-links > a:hover { background: var(--blue-dark); color: white; }
.nav-links > a:focus-visible { outline: 2px solid white; outline-offset: -5px; }
.hero-grid { min-height: min(690px, calc(100svh - var(--header-height))); padding-block: 76px; }
.hero h1 { margin-bottom: 34px; }
.hero-tagline { margin-bottom: 34px; }
.hero-stage { padding-block: 20px; }
.stage-backplate { inset: 0 -22px 0 42px; }
.stage-image { margin-bottom: 0; }
.brands-section { border-top: 0; }
.brands-intro h2 { margin-bottom: 0; }
.brand-tile { min-height: 125px; }
.range-stack[data-mr-cover-active] > .range-panel { top: var(--header-height); }
.panel-copy > p:not(.range-subtitle):not(.eyebrow) { margin-bottom: 26px; }
.siemens-image { height: 300px; }

@media (max-width: 1150px) {
  .nav-links > a { font-size: 11px; padding-inline: 12px; }
  .site-logo { width: 200px; }
  .hero-grid { padding-block: 65px; }
  .siemens-image { height: 260px; }
}
@media (max-width: 959px) {
  .nav-links > a { font-size: 10px; padding-inline: 9px; }
  .header-phone { font-size: 16px; }
  .stage-backplate { inset: 0 -12px 0 30px; }
  .siemens-image { height: 240px; }
}
@media (max-width: 960px) {
  :root { --header-height: 76px; }
  .header-inner { min-height: 76px; gap: 14px; flex-wrap: nowrap; }
  .site-logo { width: 190px; }
  .header-phone { display: none; }
  .js .menu-toggle { display: flex; align-items: center; gap: 12px; padding: 12px 0; font-size: 12px; font-weight: 700; }
  .menu-lines { width: 20px; height: 13px; border-block: 2px solid var(--ink); position: relative; }
  .menu-lines:after { content: ""; position: absolute; left: 6px; right: 0; top: 4px; border-top: 1px solid var(--ink); }
  .js .site-nav:not([data-open]) { display: none; }
  .js .site-nav[data-open] { display: block; position: absolute; top: 76px; left: 0; right: 0; max-height: calc(100svh - 76px); overflow-y: auto; box-shadow: 0 20px 40px #0003; }
  .nav-links { display: grid; grid-template-columns: 1fr; padding-block: 8px; }
  .nav-links > a, .nav-links > a:first-child, .nav-links > a:last-child { justify-content: flex-start; min-height: 46px; font-size: 13px; padding: 13px 0; border-bottom: 1px solid #ffffff20; }
  .nav-links > a:last-child { border-bottom: 0; }
  .hero-grid { min-height: 0; gap: 40px; padding-block: 48px 60px; }
  .hero h1 { margin-bottom: 28px; }
  .hero-tagline { margin-bottom: 28px; }
  .hero-stage { padding-block: 18px; }
  .stage-backplate { inset: 0 -10px 0 25px; }
  .siemens-image { height: 235px; }
}
@media (max-width: 370px) {
  .site-logo { width: 175px; }
  .hero-grid { padding-block: 42px 52px; }
}

/* Product departments form the primary navigation; company links sit above. */
.header-utility{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:11px;font-weight:700}.header-utility a:hover{color:var(--blue)}.header-inner{gap:23px}.header-phone{font-size:15px}.nav-links{display:grid;grid-template-columns:1.25fr 1.4fr 1.1fr 1.45fr .8fr 1.05fr .65fr;align-items:stretch}.nav-group{position:relative;min-width:0}.nav-group-heading{display:flex;align-items:stretch;min-height:54px}.nav-department-link{display:flex;align-items:center;justify-content:center;flex:1;padding:13px 5px 13px 10px;font-size:12px;line-height:1.3;font-weight:750;text-align:center}.nav-expand{display:none;width:26px;flex:none;font-size:16px;align-items:center;justify-content:center}.js .nav-expand{display:flex}.nav-group:hover,.nav-group:focus-within,.nav-group:has(.nav-department-link[aria-current]){background:var(--navy)}.nav-group a:focus-visible,.nav-expand:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.product-submenu{position:absolute;top:100%;left:0;width:300px;max-width:calc(100vw - 28px);background:white;color:var(--navy);padding:10px 16px 15px;box-shadow:0 15px 35px #001c3129;border-top:4px solid var(--navy);z-index:65}.product-submenu[hidden]{display:none}.nav-group:nth-last-child(-n+3) .product-submenu{left:auto;right:0}.product-submenu a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 4px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5}.product-submenu a:last-child{border:0}.product-submenu a:hover{color:var(--blue);background:var(--paper)}.product-submenu .submenu-all{font-weight:850;font-size:13px;padding-block:14px}.mobile-utility{display:none}
@media(max-width:1100px){.header-utility{gap:15px;font-size:10px}.header-phone{display:none}.nav-department-link{font-size:11px;padding-left:6px}.nav-expand{width:23px}.header-inner{gap:18px}}
@media(max-width:960px){.header-utility{display:none}.nav-links{display:block;padding-block:0}.nav-group-heading{min-height:49px;border-bottom:1px solid #ffffff26}.nav-department-link{justify-content:flex-start;padding:13px 0;font-size:13px;text-align:left}.nav-expand{width:48px;font-size:20px}.product-submenu,.nav-group:nth-last-child(-n+3) .product-submenu{position:static;max-width:none;width:auto;margin:0;padding:0 12px 10px;border-top:0;box-shadow:none}.product-submenu a{font-size:13px}.mobile-utility{display:flex;gap:20px;flex-wrap:wrap;padding-block:20px;font-size:12px;border-top:1px solid #ffffff30}.nav-group:hover{background:transparent}}

/* Brands share the primary menu and use the same accessible disclosure. */
@media(min-width:961px){.nav-links{grid-template-columns:1.25fr 1.35fr 1.05fr 1.4fr .8fr 1fr .65fr .65fr}}
.brand-submenu{width:550px;max-height:calc(100svh - var(--header-height) - 20px);overflow:auto}
.brand-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:8px}
.product-submenu .brand-menu-grid .brand-tile{min-height:80px;padding:12px 9px;justify-content:center;border:1px solid var(--line);margin:-1px 0 0 -1px}
.product-submenu .brand-menu-grid .brand-tile img{max-width:100%;width:96px;height:40px;object-fit:contain}
.brand-tile:focus-visible{outline:3px solid var(--navy);outline-offset:-4px}
.brand-menu-grid .brand-tile-unitrunk,.brand-menu-grid .brand-tile-unitrunk:hover,.brand-directory .brand-tile-unitrunk,.brand-directory .brand-tile-unitrunk:hover,.brand-banner-logo.brand-tile-unitrunk{background:var(--navy)}
.brand-menu-grid .brand-tile-unitrunk:focus-visible,.brand-directory .brand-tile-unitrunk:focus-visible{outline-color:white}
.brand-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.brand-directory .brand-tile{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:160px}
.brand-banner>.shell{display:flex;justify-content:space-between;align-items:center;gap:40px}
.brand-banner-logo{flex:0 0 240px;display:flex;align-items:center;justify-content:center;min-height:150px;background:white;padding:25px;border:1px solid var(--line)}
.brand-banner-logo img{width:190px;height:100px;object-fit:contain}
.brand-range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.brand-range-card{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:30px;border:1px solid var(--line);background:white}
.brand-range-card h2{font-size:30px;line-height:1.1;margin:0}
.brand-range-card>a{display:flex;justify-content:space-between;gap:20px;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.brand-range-card .button{margin-top:auto;font-size:12px}
.brand-range-note{font-size:13px;color:var(--muted);margin-top:24px;max-width:750px}
@media(max-width:960px){.brand-range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-range-card{padding:24px}}
@media(max-width:960px){.brand-submenu{max-height:none;overflow:visible}.brand-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-directory .brand-tile{min-height:125px}.brand-banner>.shell{align-items:flex-start;flex-direction:column;gap:24px}.brand-banner-logo{flex:auto;width:200px;min-height:110px}.brand-banner-logo img{width:150px;height:60px}.brand-range-grid{grid-template-columns:1fr}.brand-range-card{gap:20px}}

/* Eight product groups plus Brands; mobile navigation begins before labels crowd. */
@media(min-width:961px){.nav-links{grid-template-columns:1.2fr 1.1fr .7fr 1.4fr .75fr 1fr .65fr .95fr .65fr}.nav-department-link{font-size:11px;overflow-wrap:normal}.nav-expand{width:23px}}
.cable-construction-card[hidden]{display:none}.cable-maker{font-size:11px;font-weight:750;color:var(--muted)}
/* Project tools sit beside product and brand browsing. */
.nav-links>.nav-builder{gap:14px;font-size:12px;white-space:nowrap;padding-inline:22px}
@media(max-width:960px){.nav-links>.nav-builder{justify-content:space-between;border-top:1px solid #ffffff20;min-height:52px;padding:15px 4px;width:100%;font-size:14px}}
.quotation-project-note{padding:25px 28px;background:#001c31;color:white;border-radius:8px;margin-bottom:24px}.quotation-project-note h2{font-family:Manrope,Arial,sans-serif;font-size:23px;letter-spacing:-.035em;margin:0 0 12px}.quotation-project-note p{font-size:12px;line-height:1.8;color:#d4d9d2}.quotation-project-note details{font-size:12px;border-block:1px solid #ffffff30;padding:14px 0;margin:18px 0}.quotation-project-note summary{cursor:pointer}.quotation-project-note pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 Manrope,Arial,sans-serif;max-height:400px;overflow:auto;color:#d4d9d2}.quotation-project-note>a,.quotation-project-note>button{font:11px Manrope,Arial,sans-serif;display:inline-flex;min-height:38px;align-items:center;background:none;border:0;color:white;text-decoration:underline;text-underline-offset:4px;margin:0 20px 0 0;cursor:pointer}.quotation-project-label{font-size:11px;color:#687560;margin:0 0 14px}