/* Multi-page nav (preview ODS-PAGE-v1). Loaded after styles.css on every page with the site header.
   styles.css is untouched (synced from v1.4.9.7). Items: Our Story · What We Do · On-Demand · Products · Contact · Did You Know · News.
   >=1024px: single row in the header (styles.css hid it <=1100px; shown again here from 1024px with a tighter gap).
   <=1023px: hamburger button opens a stacked menu list under the header (assets/nav.js). */
.nav a[aria-current="page"]{color:var(--gold);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.nav-toggle{display:none}
@media (min-width:1024px){
  .site-header .nav{display:flex;flex-wrap:nowrap;gap:clamp(18px,2.1vw,28px)}
  .site-header .nav a{white-space:nowrap}
}
@media (min-width:1024px) and (max-width:1180px){
  .site-header .wrap{gap:16px}
  .site-header .nav{gap:clamp(14px,1.55vw,22px)}
  .site-header .nav a{font-size:12px;letter-spacing:.06em}
}
@media (max-width:1023px){
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;min-width:44px;padding:0 12px;border:1.5px solid var(--gold);border-radius:4px;background:transparent;color:var(--gold);font-family:var(--font-head);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
  .nav-toggle:hover,.nav-toggle:focus-visible{background:var(--gold);color:var(--black)}
  .nav-toggle-bars{position:relative;width:18px;height:2px;background:currentColor;display:block}
  .nav-toggle-bars::before,.nav-toggle-bars::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;transition:transform .15s}
  .nav-toggle-bars::before{top:-6px}.nav-toggle-bars::after{top:6px}
  .nav-toggle[aria-expanded="true"] .nav-toggle-bars{background:transparent}
  .nav-toggle[aria-expanded="true"] .nav-toggle-bars::before{transform:translateY(6px) rotate(45deg)}
  .nav-toggle[aria-expanded="true"] .nav-toggle-bars::after{transform:translateY(-6px) rotate(-45deg)}
  .site-header.nav-open .nav{display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;top:100%;left:0;right:0;background:var(--black);border-top:1px solid #222;border-bottom:4px solid var(--gold);padding:6px 24px 14px;box-shadow:0 14px 30px rgba(0,0,0,.45);max-height:calc(100vh - 100px);overflow:auto}
  .site-header.nav-open .nav a{display:block;padding:14px 2px;font-size:14px;border-bottom:1px solid #222}
  .site-header.nav-open .nav a:last-child{border-bottom:0}
  .site-header.nav-open .nav a[aria-current="page"]{text-decoration:none;box-shadow:inset 3px 0 0 var(--gold);padding-left:12px}
  body.nav-open .ilm-audio-toggle{visibility:hidden}
}
@media (max-width:600px){
  .site-header.nav-open .nav{padding:4px 20px 12px}
}
@media (prefers-reduced-motion:reduce){.nav-toggle-bars::before,.nav-toggle-bars::after{transition:none}}