/* Spacious shared masthead; fixed hit areas with gently lifted menu text. */
#site-header,#site-header.is-sticky{position:sticky;top:0;z-index:100;height:116px;background:linear-gradient(115deg,#071925,#102b30);border-bottom:1px solid #bddcc51c;box-shadow:none;backdrop-filter:none;transition:box-shadow .22s ease}
#site-header.is-sticky{box-shadow:0 10px 30px #07192514}
#site-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#b7edc546 50%,transparent);pointer-events:none}
#site-header .nav-shell{width:min(calc(100% - 96px),1320px);height:100%;gap:40px}
#site-header .brand{display:flex;align-items:center;width:230px;min-width:230px;height:76px}
#site-header .brand img{width:230px;height:72px;object-fit:contain;object-position:left center}
#site-header .main-nav{position:static;display:flex;flex-direction:row;align-items:center;height:100%;gap:8px;overflow:visible;background:transparent;visibility:visible;opacity:1;transform:none;color:#dce8e5;padding:0}
#site-header .main-nav>a{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;height:52px;min-height:52px;padding:0 15px;border:0;border-radius:8px;font-size:14px;font-weight:500;letter-spacing:.035em;color:#dce8e5;transition:color .22s ease}
#site-header .main-nav>a:after{display:none}
#site-header .main-nav>a:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;border:1px solid #bedcc726;background:linear-gradient(135deg,#b7edc51a,#b7edc508),repeating-linear-gradient(135deg,transparent 0 5px,#b7edc507 5px 6px);opacity:0;transition:opacity .22s ease;pointer-events:none}
#site-header .nav-label{display:inline-block;transition:transform .22s ease;will-change:transform}
#site-header .main-nav>a.is-current{color:#c6f1d1}
#site-header .main-nav>a.is-current:before,#site-header .main-nav>a:focus-visible:before{opacity:1}
#site-header .main-nav>a:focus-visible .nav-label{transform:translateY(-3px)}
#site-header .main-nav>a:focus-visible{outline:2px solid #b7edc5;outline-offset:4px}
#site-header .main-nav .nav-contact{display:flex!important;margin-left:17px;gap:16px;padding:0 22px!important;height:52px!important;background:#bce8c8;color:#102d27!important;border:1px solid #d1f3da;font-size:13px;font-weight:600;letter-spacing:0;box-shadow:0 4px 14px #0000000d}
#site-header .nav-contact:before{display:none}
#site-header .nav-contact b{font-size:22px;font-weight:400;transition:transform .22s ease}
#site-header .nav-toggle{display:none}
@media(hover:hover){
  #site-header .main-nav>a:hover{color:#edfff1}
  #site-header .main-nav>a:hover:before{opacity:1}
  #site-header .main-nav>a:hover .nav-label{transform:translateY(-3px)}
  #site-header .main-nav .nav-contact:hover{background:#d0f3d9}
  #site-header .nav-contact:hover b{transform:translateX(3px)}
}
/* Give each page's opening content its own breathing room. */
main>.m-hero .m-hero-content{padding-top:124px}
main>.m-page-head{padding-top:96px}
main>.m-product-head{padding-top:62px}
.plm-contact>.pc-hero,.plm-about>.pa-hero{padding-top:44px}
main>.news-layout{padding-top:88px}
@media(min-width:961px) and (max-width:1200px){
  #site-header,#site-header.is-sticky{height:104px}
  #site-header .nav-shell{width:calc(100% - 64px);gap:24px}
  #site-header .brand{width:210px;min-width:210px}
  #site-header .brand img{width:210px}
  #site-header .main-nav{gap:4px}
  #site-header .main-nav>a{padding:0 12px;font-size:13px}
  #site-header .main-nav .nav-contact{display:none!important}
}
@media(max-width:960px){
  #site-header,#site-header.is-sticky{height:84px}
  #site-header .nav-shell{width:calc(100% - 40px);gap:20px}
  #site-header .brand{width:185px;min-width:185px;height:64px}
  #site-header .brand img{width:185px;height:58px}
  #site-header .nav-toggle{display:block;position:relative;z-index:102;border:1px solid #d3e9d92b;border-radius:8px;width:44px;height:44px}
  #site-header .main-nav{position:fixed;inset:84px 0 auto;height:calc(100dvh - 84px);padding:24px 20px 40px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:9px;background:#0b222b;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}
  #site-header .main-nav.is-open{visibility:visible;opacity:1;transform:none}
  #site-header .main-nav>a{flex-shrink:0;width:100%;justify-content:flex-start;height:54px;padding:0 20px;font-size:15px}
  #site-header .main-nav .nav-contact{display:flex!important;justify-content:space-between;margin:16px 0 0;width:100%;padding:0 20px!important}
  main>.m-hero .m-hero-content{padding-top:86px}
  main>.m-page-head{padding-top:66px}
  main>.m-product-head{padding-top:40px}
  .plm-contact>.pc-hero,.plm-about>.pa-hero{padding-top:32px}
  main>.news-layout{padding-top:58px}
}
@media(prefers-reduced-motion:reduce){#site-header .nav-label,#site-header .nav-contact b{transition:none;transform:none!important}#site-header .main-nav,#site-header .main-nav>a,#site-header .main-nav>a:before{transition:none}}

/* Transparent logo directly on the existing masthead and footer. */
#site-header .brand img{background:transparent;border-radius:0;padding:0;box-sizing:border-box;object-position:center}
.site-footer .footer-logo{background:transparent;border-radius:0;padding:0;box-sizing:border-box;object-fit:contain}