/* The five user-confirmed primary destinations, in the same order at every size. */
.header-inner{gap:36px;justify-content:space-between}.header-inner .wordmark{width:245px;flex-shrink:0}.header-inner .nav{gap:28px;margin-left:auto}.header-inner .nav>a,.header-inner .nav>button,.header-inner .nav #support-toggle{font-size:15px;white-space:nowrap}.company-content{padding-top:50px;padding-bottom:70px}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.company-grid article{border-top:2px solid var(--plum);padding:30px;background:var(--pale);min-width:0}.company-grid h2{font-size:27px;margin:24px 0 17px}.company-grid p,.company-intro p{font-size:16px;line-height:1.8;color:var(--muted)}.company-grid .text-link{font-size:14px}.company-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;margin-bottom:60px}.company-intro h2{font-size:36px;line-height:1.3}.company-email{display:block;margin-top:22px;font-size:14px;color:var(--plum)}
@media(max-width:1200px){.header-inner{gap:24px}.header-inner .wordmark{width:220px}.header-inner .nav{gap:20px}.header-inner .nav>a,.header-inner .nav>button,.header-inner .nav #support-toggle{font-size:14px}}
@media(max-width:1000px){.header-inner{height:126px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:17px 30px 0}.header-inner .wordmark{width:200px}.header-inner .nav{height:56px;margin:0;width:100%;justify-content:space-between;gap:16px}.header-inner .nav>a{display:flex;align-items:center}.menu-backdrop{top:174px}.mega-menu,.applications-menu{height:calc(100dvh - 174px)}.support-menu-inner{max-height:calc(100dvh - 174px);overflow:auto}}
@media(max-width:700px){.header-inner{height:156px;padding:13px 22px 0;gap:8px}.header-inner .wordmark{width:184px}.header-inner .nav{height:88px;display:grid;grid-template-columns:1fr 1fr 1.3fr;grid-template-rows:40px 40px;gap:0 10px;align-items:stretch}.header-inner .nav>a,.header-inner .nav>button,.header-inner .nav #support-toggle{font-size:12px;justify-content:flex-start;padding:0;gap:4px;letter-spacing:0}.header-inner .nav>a[href="/quality-and-supply/"]{grid-column:span 2}.menu-backdrop{top:200px}.mega-menu,.applications-menu{height:calc(100dvh - 200px);max-height:calc(100dvh - 200px)}.support-menu-inner{max-height:calc(100dvh - 200px)}.application-block-detail,.application-comparison{scroll-margin-top:220px}.company-grid,.company-intro{grid-template-columns:1fr;gap:24px}.company-content{padding-top:32px;padding-bottom:45px}.company-intro{margin-bottom:35px}.company-intro h2{font-size:29px;margin-bottom:0}.company-grid article{padding:24px}.company-grid h2{font-size:25px}.company-grid p,.company-intro p{font-size:15px}}

/* Navigation begins directly with the logo and five primary destinations. */
:root{--site-header-height:82px}.menu-backdrop{top:var(--site-header-height)}.mega-menu,.applications-menu{height:calc(100dvh - var(--site-header-height));max-height:calc(100dvh - var(--site-header-height))}.support-menu-inner{max-height:calc(100dvh - var(--site-header-height));overflow:auto}
@media(max-width:1000px){:root{--site-header-height:126px}}
@media(max-width:700px){:root{--site-header-height:156px}}

/* Live text below the preserved logo artwork. */
.brand-descriptor{display:block;font-size:12px;font-weight:400;line-height:1.25;letter-spacing:.05px;color:var(--ink);white-space:nowrap;margin-top:0;text-align:left;margin-left:25.0443%}
@media(max-width:1200px){.brand-descriptor{font-size:10.8px}}
@media(max-width:1000px){.brand-descriptor{font-size:9.8px;margin-top:0}}
@media(max-width:700px){.brand-descriptor{font-size:9px;margin-top:0}}

/* The label navigates; its separate arrow opens the section menu on any device. */
.nav-destination{height:100%;display:flex;align-items:stretch}
.header-inner .nav-destination>a{display:flex;align-items:center;padding:0 4px;border-bottom:3px solid transparent;font-size:15px;white-space:nowrap}
.header-inner .nav-destination>button{display:flex;align-items:center;justify-content:center;width:28px;padding:0;border:0;border-bottom:3px solid transparent;background:none;color:inherit;font-size:16px}
.nav-destination>a:hover,.nav-destination>a[aria-expanded=true],.nav-destination>button:hover,.nav-destination>button[aria-expanded=true]{color:var(--plum);border-bottom-color:var(--plum)}
@media(max-width:1200px){.header-inner .nav-destination>a{font-size:14px}.header-inner .nav{gap:18px}}
@media(max-width:700px){.header-inner .nav{gap:0 6px}.header-inner .nav-destination>a{font-size:12px;padding:0}.header-inner .nav-destination>button{width:24px;min-height:40px;font-size:14px}.header-inner .nav-destination{min-width:0}}