/* DRAM Monochrome Industrial — topbar / desktop mega menu / mobile navigation */
.dram-topbar{position:sticky;top:0;z-index:130;background:#080808;color:#fff;font-size:13px;letter-spacing:.02em}
.dram-topbar .dram-shell{height:var(--dram-topbar-height);display:flex;align-items:center;justify-content:space-between}
.dram-topbar span{display:flex;gap:10px;align-items:center;color:#d9d9d4}
.dram-topbar span b{color:#fff;font-size:12px;letter-spacing:.14em}
.dram-topbar a{text-decoration:none;font-weight:600}
.dram-topbar i{font-style:normal;margin-left:8px}

/* Solid background is deliberate: filters/transforms on this ancestor create a new
   fixed-position containing block and were the root cause of the menu gaps. */
.dram-header{position:sticky;top:var(--dram-topbar-height);z-index:128;background:#fff;border-bottom:1px solid var(--dram-border)}
.dram-header-inner{height:var(--dram-header-height);display:grid;grid-template-columns:180px minmax(0,1fr) 190px;align-items:center;gap:24px}
.dram-brand{display:flex;align-items:center;width:max-content}.dram-brand img{display:block;width:128px;max-height:42px;object-fit:contain}
.dram-desktop-nav{height:100%;display:flex;align-items:stretch;justify-content:center;gap:0}
.dram-nav-item{height:100%;display:flex;align-items:stretch;position:relative}
.dram-nav-link{display:flex;align-items:center;gap:7px;padding:0 16px;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;position:relative;letter-spacing:-.01em}
.dram-nav-link:after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;background:#0a0a0a;transform:scaleX(0);transform-origin:left;transition:.2s ease}
.dram-nav-item:hover>.dram-nav-link:after,.dram-nav-item:focus-within>.dram-nav-link:after,.dram-nav-item.is-active>.dram-nav-link:after{transform:scaleX(1)}
.dram-nav-mark{font-size:16px;font-weight:400;transition:transform .18s ease}.dram-nav-item:hover .dram-nav-mark,.dram-nav-item:focus-within .dram-nav-mark{transform:rotate(45deg)}
.dram-header-actions{display:flex;justify-content:flex-end;align-items:center}
.dram-header-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:#0a0a0a;color:#fff;text-decoration:none;font-size:14px;font-weight:650;letter-spacing:-.01em;padding:13px 17px;min-height:46px}
.dram-header-cta:hover{background:#2a2a28}

/* Desktop mega menu */
.dram-mega{
  position:fixed;left:0;right:0;top:var(--dram-chrome-height);z-index:127;
  background:#fff;border-top:0;border-bottom:1px solid var(--dram-border);box-shadow:0 22px 48px rgba(0,0,0,.10);
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px);transition:opacity .16s ease,transform .16s ease,visibility .16s
}
.dram-nav-item:hover .dram-mega,.dram-nav-item:focus-within .dram-mega{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.dram-mega-inner{width:min(calc(100% - (var(--dram-gutter)*2)),var(--dram-container));margin:0 auto;display:grid;grid-template-columns:1.02fr 2fr .86fr;min-height:250px}
.dram-mega-intro{padding:34px 40px 34px 0;border-right:1px solid var(--dram-border);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.dram-mega-intro span,.dram-mega-service span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--dram-muted);font-weight:700}
.dram-mega-intro strong{font-size:29px;line-height:1.1;margin:22px 0 16px;letter-spacing:-.04em}
.dram-mega-intro a{font-size:13px;text-decoration:none;border-bottom:1px solid #0a0a0a;padding-bottom:2px}
.dram-mega-links{display:grid;grid-template-columns:1fr 1fr;align-content:center;padding:24px 34px}
.dram-mega-links a{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:12px 8px;border-bottom:1px solid #e9e9e6;text-decoration:none;font-size:14px}
.dram-mega-links a span{font-size:10px;color:#9a9a94;letter-spacing:.08em}
.dram-mega-links a b{font-weight:400;opacity:0;transform:translateX(-4px);transition:.16s ease}.dram-mega-links a:hover b{opacity:1;transform:none}
.dram-mega-service{background:var(--dram-soft);padding:34px 32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.dram-mega-service strong{font-size:22px;line-height:1.2;margin:17px 0 14px}.dram-mega-service a{font-weight:750;text-decoration:none;font-size:18px}

/* Mobile navigation */
.dram-menu-button,.dram-mobile-panel,.dram-mobile-backdrop{display:none}
.dram-mobile-panel[hidden],.dram-mobile-backdrop[hidden],.dram-mobile-sub[hidden]{display:none!important}

@media(max-width:1180px){
  .dram-header-inner{grid-template-columns:150px 1fr 170px}.dram-nav-link{padding:0 10px;font-size:13px}
  .dram-mega-inner{grid-template-columns:.92fr 2.08fr}.dram-mega-service{display:none}
}
@media(max-width:980px){
  .dram-desktop-nav,.dram-header-cta{display:none}
  .dram-header-inner{height:var(--dram-header-height);grid-template-columns:1fr auto}
  .dram-menu-button{display:block;position:relative;z-index:132;width:44px;height:44px;border:1px solid #0a0a0a;background:#0a0a0a;cursor:pointer;padding:0}
  .dram-menu-button span{position:absolute;left:12px;width:18px;height:1.5px;background:#fff;transform-origin:center;transition:transform .2s ease,opacity .16s ease,top .2s ease}
  .dram-menu-button span:nth-child(1){top:14px}.dram-menu-button span:nth-child(2){top:21px}.dram-menu-button span:nth-child(3){top:28px}
  .dram-menu-button[aria-expanded="true"] span:nth-child(1){top:21px;transform:rotate(45deg)}.dram-menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}.dram-menu-button[aria-expanded="true"] span:nth-child(3){top:21px;transform:rotate(-45deg)}
  .dram-mobile-backdrop{display:block;position:fixed;inset:var(--dram-chrome-height) 0 0;z-index:125;background:rgba(0,0,0,.27)}
  .dram-mobile-panel{
    display:block;position:fixed;z-index:126;top:var(--dram-chrome-height);right:0;left:auto;
    width:min(420px,100vw);height:calc(100dvh - var(--dram-chrome-height));background:#fff;
    border-top:0;border-left:1px solid var(--dram-border);box-shadow:-24px 24px 60px rgba(0,0,0,.11);
    overflow:auto;overscroll-behavior:contain
  }
  .dram-mobile-panel-inner{padding:0 24px 28px}
  .dram-mobile-nav-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:17px 0 10px;border-bottom:1px solid var(--dram-border)}
  .dram-mobile-nav-head span{font-size:10px;font-weight:750;letter-spacing:.17em;text-transform:uppercase}.dram-mobile-nav-head small{font-size:10px;color:#92928c}
  .dram-mobile-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;min-height:56px;border-bottom:1px solid #deded9;align-items:center}
  .dram-mobile-row>a{padding:14px 0;font-size:17px;font-weight:590;line-height:1.25;letter-spacing:-.018em;text-decoration:none}
  .dram-mobile-row button{width:34px;height:34px;justify-self:end;display:grid;place-items:center;border:1px solid transparent;background:transparent;color:#111;font-size:20px;font-weight:350;line-height:1;cursor:pointer}
  .dram-mobile-item.is-open>.dram-mobile-row button{border-color:#d4d4cf;background:#f6f6f3}
  .dram-mobile-sub{margin:0 0 7px 9px;padding:2px 0 6px 16px;background:transparent;border-left:1px solid #c9c9c4}
  .dram-mobile-sub a{display:block;padding:11px 0;border:0;color:#3f3f3b;text-decoration:none;font-size:13.5px;line-height:1.46}.dram-mobile-sub a+a{border-top:1px solid #eeeeeb}
  .dram-mobile-bottom{margin-top:16px;padding-top:18px;border-top:1px solid var(--dram-border);display:grid;gap:9px}
  .dram-mobile-bottom>a{min-height:0;padding:14px 15px;display:flex;justify-content:space-between;gap:18px;text-decoration:none}
  .dram-mobile-phone{align-items:center;background:#0a0a0a;color:#fff}.dram-mobile-phone span{font-size:9.5px!important;letter-spacing:.04em;color:#aaa}.dram-mobile-phone strong{font-size:14px!important;white-space:nowrap}.dram-mobile-phone i{font-style:normal;margin-left:5px}
  .dram-mobile-offer{background:#f2f2ef;color:#111;border:1px solid #d7d7d2;align-items:center;font-size:13px;font-weight:700}.dram-mobile-offer span{margin-left:auto;color:#111}
}
@media(max-width:640px){
  .dram-topbar .dram-shell{height:var(--dram-topbar-height);width:calc(100% - 40px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}.dram-topbar span{font-size:11px}.dram-topbar a{font-size:12px}
  .dram-header{top:var(--dram-topbar-height)}.dram-header-inner{height:var(--dram-header-height);width:calc(100% - 40px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}.dram-brand img{width:112px}
  .dram-mobile-panel{width:100vw;border-left:0;box-shadow:none}.dram-mobile-panel-inner{padding:0 20px 24px}
  .dram-mobile-row{min-height:52px}.dram-mobile-row>a{font-size:16px;padding:13px 0}.dram-mobile-sub{margin:2px 0 11px 7px;padding:3px 0 8px 14px}.dram-mobile-sub a{font-size:13.5px;padding:11px 0;line-height:1.46}
}
@media(max-width:390px){
  .dram-topbar .dram-shell{gap:12px}.dram-topbar span{gap:6px}.dram-topbar span b{font-size:10px}.dram-topbar a{font-size:11px;white-space:nowrap}
}