/* "Industries" dropdown in the top nav. Shared by every public page (each page links this file;
   the rest of the nav CSS is inline per page). Opens on hover and on keyboard focus.
   Colors are literal because the pages don't all define the same CSS variables. */
.nav-dd{position:relative;display:flex;align-items:center;height:64px}
.nav-dd>a::after{content:"";display:inline-block;width:0;height:0;margin-left:7px;vertical-align:2px;
  border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;
  opacity:.7;transition:transform .2s}
.nav-dd:hover>a::after,.nav-dd:focus-within>a::after{transform:rotate(180deg)}
.nav-dd:hover>a,.nav-dd:focus-within>a{color:#f3eee5}
.nav-dd-menu{position:absolute;top:100%;left:-18px;min-width:250px;display:flex;flex-direction:column;
  padding:8px 0;background:#1a1714;border:1px solid #332c24;border-top:2px solid #d96a2c;border-radius:0 0 6px 6px;
  box-shadow:0 16px 36px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .16s,transform .16s,visibility 0s linear .16s;z-index:60}
.nav-dd:hover .nav-dd-menu,.nav-dd:focus-within .nav-dd-menu{opacity:1;visibility:visible;transform:none;
  transition:opacity .16s,transform .16s,visibility 0s}
.nav-dd-menu a{display:block;padding:9px 18px;font-size:14px;line-height:1.3;color:#c9c0b0;white-space:nowrap}
.nav-dd-menu a:hover,.nav-dd-menu a:focus-visible{color:#f3eee5;background:rgba(217,106,44,.14);text-decoration:none;outline:none}
.nav-dd-menu .nav-dd-all{margin-top:6px;padding-top:11px;border-top:1px solid #332c24;color:#e07b3e}
.nav-dd-menu .nav-dd-all:hover{color:#f3eee5}
/* Footer version: same menu, opening upward from the footer's Industries link. */
.f-dd{position:relative;display:flex}
.f-dd>a::after{content:"";display:inline-block;width:0;height:0;margin-left:7px;vertical-align:2px;
  border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid currentColor;
  opacity:.7;transition:transform .2s}
.f-dd:hover>a::after,.f-dd:focus-within>a::after{transform:rotate(180deg)}
.f-dd .nav-dd-menu{top:auto;bottom:100%;left:-18px;border-top:1px solid #332c24;border-bottom:2px solid #d96a2c;
  border-radius:6px 6px 0 0;transform:translateY(6px);box-shadow:0 -16px 36px rgba(0,0,0,.35)}
.f-dd:hover .nav-dd-menu,.f-dd:focus-within .nav-dd-menu{opacity:1;visibility:visible;transform:none;
  transition:opacity .16s,transform .16s,visibility 0s}
.f-dd .nav-dd-menu a{font-size:14px}

/* Compact menu (☰), built by /assets/nav-mobile.js, for phones, tablets, and narrow windows: at
   1100px and below the full row of links no longer fits on one line. Hidden above 1100px. */
.nav-burger{display:none}
.m-nav{position:absolute;top:100%;left:0;right:0;z-index:60;max-height:calc(100vh - 64px);overflow-y:auto;
  padding:6px 16px 18px;background:#1a1714;border-top:1px solid #332c24;border-bottom:2px solid #d96a2c;
  box-shadow:0 18px 40px rgba(0,0,0,.45);font-family:"Helvetica Neue",Arial,system-ui,-apple-system,"Segoe UI",sans-serif}
.m-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:0 4px;
  font-family:inherit;font-size:17px;font-weight:500;line-height:1.2;color:#f3eee5;text-align:left;text-decoration:none;
  background:none;border:0;border-bottom:1px solid #332c24;cursor:pointer}
.m-link:hover,.m-link:focus-visible{color:#e07b3e;text-decoration:none;outline:none}
.m-toggle::after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;
  border-top:6px solid currentColor;opacity:.75;transition:transform .2s}
.m-toggle[aria-expanded="true"]::after{transform:rotate(180deg)}
.m-sub{padding:4px 0 10px 14px;border-bottom:1px solid #332c24}
.m-sublink{display:block;padding:11px 4px;font-size:15.5px;line-height:1.3;color:#c9c0b0;text-decoration:none}
.m-sublink:hover,.m-sublink:focus-visible{color:#f3eee5;text-decoration:none;outline:none}
.m-sublink.m-all{color:#e07b3e}
@media(max-width:1100px){
  .nav .nav-links > a:not(.pill),.nav .nav-links > .nav-dd{display:none}
  .nav-links{gap:10px}
  .nav-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:38px;
    padding:0 10px;background:transparent;border:1px solid rgba(243,238,229,.45);border-radius:2px;cursor:pointer}
  .nav-burger span{display:block;height:2px;background:#f3eee5;transition:transform .2s,opacity .2s}
  .nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
/* very narrow phones (≤ 380px): a slightly smaller contact button keeps a gap after the logo */
@media(max-width:380px){
  .nav .nav-links a.pill{padding:8px 11px;font-size:13px}
  .nav .nav-links{gap:8px}
}
@media(min-width:1101px){.m-nav{display:none!important}}

/* phones: the nav shows only the contact button (each page's own rule hides the links); in the
   footer, Industries stays a plain link (no hover on touch screens, and a hidden menu could still
   widen the page) */
@media(max-width:820px){.nav-dd{display:none}.f-dd .nav-dd-menu{display:none}.f-dd>a::after{display:none}}