/* LuxBMI scroll-responsive header — desktop & mobile. LocalWP only.
   Top: two existing illustrated CTAs + Menu. Scrolled: regular navigation.
   Existing hexagonal overlay and audio controls remain in place. */
.lux-header .lux-header__inner {
  position: relative;
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.6vw, 30px);
  width: min(calc(100% - 32px), 1510px);
}
.lux-header .lux-brand { position:relative; flex:0 0 auto; }
.lux-header .lux-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(8px, 1.1vw, 18px);
  margin-left: auto;
  min-width: 0;
}
.lux-header .lux-header__actions > .lux-nav__app {
  position: relative;
  isolation: isolate;
  flex: 0 1 auto;
  width: auto;
  overflow: visible;
}
.lux-header .lux-header__actions .lux-nav__app-trigger--art,
.lux-header .lux-header__actions > a.lux-nav__cta--art {
  display: block !important;
  position: relative;
  box-sizing: border-box;
  flex: 0 1 auto;
  width: clamp(190px, 20vw, 280px) !important;
  min-width: 0;
  aspect-ratio: 3/1;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 0;
  text-decoration: none !important;
  overflow: visible;
  isolation: isolate;
  transition: filter .2s ease, transform .2s ease;
}
.lux-header .lux-header__actions > a.lux-nav__cta--art { width:clamp(186px, 19vw, 266px)!important; }
.lux-header .lux-header__actions .lux-nav__art-image {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3/1;
  object-fit: contain;
  filter: drop-shadow(0 4px 9px rgba(0,0,0,.26));
}
.lux-header .lux-header__actions .lux-nav__art-edge,
.lux-header .lux-header__actions .lux-nav__art-aura { display:none; pointer-events:none; }
.lux-header .lux-header__actions .lux-nav__app-trigger--art:hover,
.lux-header .lux-header__actions > a.lux-nav__cta--art:hover {
  transform: translateY(-2px); filter:brightness(1.12);
}
.lux-header .lux-header__actions a:focus-visible,
.lux-header .lux-header__actions button:focus-visible {
  outline: 2px solid #ffe8a8; outline-offset:4px;
}
.lux-header .lux-header__actions .lux-nav__app-popover {
  right:0; top:calc(100% + 14px); z-index:260;
}
.lux-header .lux-header__actions .lux-menu-toggle {
  position: relative;
  z-index: 250;
  display: block !important;
  flex: 0 0 90px;
  width: 90px;
  height: 49px;
  padding: 9px 39px 9px 14px;
  border: 1px solid rgba(241,193,103,.8);
  border-radius: 11px;
  background: linear-gradient(145deg, #132f53, #06152c);
  color: #fbe0a0;
  cursor:pointer;
}
.lux-header .lux-header__actions .lux-menu-toggle::after {
  content:'Menu';
  position:absolute; top:50%; right:10px;
  transform:translateY(-50%);
  font:700 12px/1 'Oxanium',sans-serif;
  color:inherit;
}
.lux-header .lux-header__actions .lux-menu-toggle > span:not(.screen-reader-text) {
  display:block; height:2px; width:19px; margin:4px 0;
  background:currentColor;
}
.lux-header .lux-header__actions .lux-menu-toggle[aria-expanded="true"] > span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
.lux-header .lux-header__actions .lux-menu-toggle[aria-expanded="true"] > span:nth-child(2) { opacity:0; }
.lux-header .lux-header__actions .lux-menu-toggle[aria-expanded="true"] > span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
/* The full-screen menu must not render behind CTA artwork. */
body.lux-menu-open .lux-header__actions > .lux-nav__app,
body.lux-menu-open .lux-header__actions > .lux-nav__cta--art { opacity:0; visibility:hidden; pointer-events:none; }
/* Desktop: regular links live in an opened menu, never beside the top CTAs. */
@media (min-width: 961px) {
  .lux-header .lux-header__inner .lux-nav {
    position: absolute !important;
    inset: calc(100% + 5px) 0 auto auto !important;
    width: min(520px, calc(100vw - 36px)) !important;
    height: auto !important;
    max-height: calc(100dvh - 130px) !important;
    min-height: 0 !important;
    padding: 19px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow-y: auto !important;
    overflow-x: visible !important;
    border: 1px solid rgba(241,195,108,.52);
    border-radius: 17px;
    background: linear-gradient(155deg,rgba(5,18,43,.985),rgba(11,35,68,.985)) !important;
    box-shadow: 0 30px 70px rgba(0,3,18,.7);
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none;
    transform:translateY(-9px) !important;
    transition:opacity .2s ease,transform .2s ease,visibility .2s;
    z-index:210;
  }
  .lux-header .lux-header__inner .lux-nav.is-open {
    visibility:visible !important; opacity:1 !important;
    pointer-events:auto; transform:none !important;
  }
  .lux-header .lux-header__inner .lux-nav > a:not(.irrelevant):not(.unused),
  .lux-header .lux-header__inner .lux-nav > button.lux-nav__sound {
    display:flex !important;
    align-items:center;
    justify-content:flex-start;
    gap:9px;
    min-height:43px;
    width:100%;
    padding:9px 14px;
    border:1px solid rgba(101,171,217,.14);
    border-radius:9px;
    color:#eef6ff;
    background:rgba(15,43,80,.48);
    font:700 14px/1.25 'Oxanium',sans-serif;
    text-align:left;
    text-decoration:none;
  }
  .lux-header .lux-header__inner .lux-nav > a:hover,
  .lux-header .lux-header__inner .lux-nav > a:focus-visible,
  .lux-header .lux-header__inner .lux-nav > button:hover,
  .lux-header .lux-header__inner .lux-nav > button:focus-visible {
    color:#ffe0a0 !important;
    border-color:rgba(244,192,97,.7);
  }
  .lux-header .lux-nav > .lux-hex-menu__quick-actions { display:none!important; }
}
/* Scrolled desktop: full standard navigation replaces CTA artwork and menu. */
@media (min-width: 1181px) {
  .lux-header.is-navigation-condensed .lux-header__inner .lux-nav:not(.is-open) {
    position:static !important;
    inset:auto !important;
    display:flex !important;
    flex:1 1 auto;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:clamp(5px,.7vw,12px) !important;
    padding:0 !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    border:0;
    border-radius:0;
    background:transparent !important;
    box-shadow:none;
    overflow:visible !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto;
    transform:none !important;
  }
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) > a:not(.irrelevant):not(.unused),
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) > button.lux-nav__sound {
    display:inline-flex!important;
    width:auto!important;
    min-height:42px;
    padding:8px clamp(6px,.7vw,12px);
    font-size:clamp(.77rem,.88vw,.92rem);
    white-space:nowrap;
    border:0;
    background:transparent;
    text-align:center;
  }
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) > button.lux-nav__quick-mute {
    width:46px!important; min-width:46px!important;
  }
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) .lux-nav__settings {
    min-width:76px;
  }
  .lux-header.is-navigation-condensed .lux-header__actions { display:none!important; }
}

/* Tablet and mobile: when scrolled, expose each ordinary menu link in
   an accessible horizontal navigation strip. The menu still opens fully. */
@media (max-width: 1180px) {
  .lux-header.is-navigation-condensed .lux-header__inner .lux-nav:not(.is-open) {
    position:absolute!important;
    inset:100% 0 auto 0!important;
    z-index:200!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    width:100%!important;
    max-width:none!important;
    height:55px!important;
    min-height:0!important;
    max-height:55px!important;
    margin:0!important;
    padding:5px max(12px,env(safe-area-inset-left))!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    isolation:isolate;
    border:0!important;
    border-bottom:0!important;
    border-radius:0!important;
    box-shadow:0 10px 26px rgba(2,7,24,.24)!important;
    background:rgba(3,15,37,.97)!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) > a:not(.irrelevant):not(.unused),
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) > button.lux-nav__sound {
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:42px!important;
    height:42px!important;
    margin:0!important;
    padding:7px 11px!important;
    border:1px solid rgba(126,187,221,.25)!important;
    border-radius:8px!important;
    background:rgba(20,49,86,.66)!important;
    box-shadow:none!important;
    color:#f0f6ff!important;
    font:700 13px/1.1 'Oxanium',sans-serif!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    opacity:1!important;
    translate:none!important;
    transform:none!important;
    scroll-snap-align:start;
  }
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) > a.is-active {
    color:#ffe5a5!important;
    border-color:rgba(240,191,89,.75)!important;
  }
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) .lux-hex-menu__icon,
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) .lux-hex-menu__chevron,
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) .lux-hex-menu__quick-actions {
    display:none!important;
  }
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) .lux-hex-menu__title {
    display:inline!important; flex:none!important;
    font:inherit!important;
  }
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) > button.lux-nav__quick-mute {
    width:44px!important; min-width:44px!important;
  }
  .lux-header.is-navigation-condensed .lux-header__actions > .lux-nav__app,
  .lux-header.is-navigation-condensed .lux-header__actions > a.lux-nav__cta--art {
    display:none!important;
  }
  .lux-header.is-navigation-condensed .lux-header__actions .lux-menu-toggle {
    display:block!important;
  }
}
@media (max-width: 960px) {
  .lux-header:not(.is-navigation-condensed) .lux-header__inner .lux-nav:not(.is-open) {
    /* Preserve the existing full-screen hex command-center layout. */
    pointer-events:none;
  }
  .lux-header .lux-header__actions .lux-menu-toggle {
    flex:0 0 48px;
    width:48px;
    height:48px;
    padding:12px 13px;
    border-radius:11px;
    clip-path:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%);
  }
  .lux-header .lux-header__actions .lux-menu-toggle::after { display:none; }
  .lux-header .lux-header__actions .lux-menu-toggle > span:not(.screen-reader-text) {
    width:20px; margin:4px 0;
  }
  .lux-header .lux-header__actions .lux-nav__app-popover {
    right:0; top:calc(100% + 10px);
    width:min(340px, calc(100vw - 22px));
    opacity:0; visibility:hidden; pointer-events:none;
    position:absolute;
  }
  .lux-header .lux-header__actions .lux-nav__app:hover .lux-nav__app-popover,
  .lux-header .lux-header__actions .lux-nav__app:focus-within .lux-nav__app-popover {
    opacity:1; visibility:visible; pointer-events:auto;
  }
}
@media (max-width: 690px) {
  .lux-header .lux-header__inner {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    min-height:0;
    align-items:center;
    column-gap:8px;
    row-gap:4px;
    padding-top:8px;
    padding-bottom:9px;
  }
  .lux-header .lux-brand { grid-column:1/-1; grid-row:1; justify-self:center; }
  .lux-header .lux-header__actions {
    grid-column:1/-1;
    grid-row:2;
    width:100%;
    margin:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px;
    align-items:center;
    justify-items:center;
    gap:7px;
  }
  .lux-header .lux-header__actions > .lux-nav__app { width:100%; min-width:0; }
  .lux-header .lux-header__actions .lux-nav__app-trigger--art,
  .lux-header .lux-header__actions > a.lux-nav__cta--art {
    width:100%!important;
    max-width:210px!important;
    min-height:37px;
  }
  .lux-header .lux-header__actions .lux-menu-toggle { justify-self:end; }
  .lux-header.is-navigation-condensed .lux-header__inner {
    grid-template-rows:auto;
    min-height:64px;
    padding-top:6px; padding-bottom:6px;
  }
  .lux-header.is-navigation-condensed .lux-brand { grid-column:1;grid-row:1;justify-self:start; }
  .lux-header.is-navigation-condensed .lux-header__actions {
    grid-column:2; grid-row:1;
    display:flex; width:auto;
    justify-content:flex-end; margin:0;
  }
  .lux-header.is-navigation-condensed .lux-header__actions .lux-menu-toggle { display:block!important; }
  .lux-header.is-navigation-condensed .lux-brand img { width:48px; height:48px; }
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) { top:100%!important; }
  /* Offset the hero text below the two-row top header, without shifting scrolled navigation. */
  body.lux-home .lux-hero { padding-top:110px; }
}
@media (max-width: 410px) {
  .lux-header .lux-header__inner { width:calc(100% - 16px); }
  .lux-header .lux-brand img { width:43px; height:43px; }
  .lux-header .lux-brand strong { font-size:.91rem; }
  .lux-header .lux-brand small { font-size:.52rem; }
  .lux-header .lux-header__actions { gap:4px; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px; }
  .lux-header .lux-header__actions .lux-menu-toggle { width:44px; height:44px; flex-basis:44px; padding:10px 11px; }
  .lux-header .lux-header__actions .lux-menu-toggle > span:not(.screen-reader-text) { width:18px; }
  .lux-header.is-navigation-condensed .lux-brand strong { font-size:.91rem; }
}
@media (prefers-reduced-motion: reduce) {
  .lux-header .lux-nav,
  .lux-header .lux-header__actions a { transition:none!important; }
}

/* Explicit opened-menu priority over legacy fixed navigation rules. */
.lux-header .lux-header__inner #lux-primary-nav.is-open {
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
}
@media(min-width:961px){
  .lux-header .lux-header__inner #lux-primary-nav.is-open {
    display:flex!important;
    position:absolute!important;
    inset:calc(100% + 5px) 0 auto auto!important;
    width:min(520px,calc(100vw - 36px))!important;
    height:auto!important;
    max-height:calc(100dvh - 130px)!important;
    flex-direction:column!important;
    overflow:auto!important;
    background:linear-gradient(155deg,rgba(5,18,43,.99),rgba(11,35,68,.99))!important;
  }
}

/* Engineer One — centered scroll navigation, restoring the original
   LuxBMI v31 blue/gold glass button treatment. Top CTA artwork untouched. */
@media (min-width:1181px) {
  /* Center the whole group against the header, not against space after the logo. */
  .lux-header.is-navigation-condensed .lux-header__inner .lux-nav:not(.is-open) {
    position:absolute!important;
    inset:auto!important;
    top:50%!important;
    left:50%!important;
    width:max-content!important;
    max-width:calc(100% - 245px)!important;
    flex:0 0 auto!important;
    justify-content:center!important;
    transform:translate(-50%,-50%)!important;
  }
}
@media (max-width:1180px) {
  /* Center the strip when the buttons fit; retain horizontal scrolling
     instead of clipping buttons on smaller phones. */
  .lux-header.is-navigation-condensed .lux-header__inner .lux-nav:not(.is-open) {
    justify-content:safe center!important;
  }
}
/* These are the original illuminated rectangular glass controls — not flat
   links, new pills, or replacements for the supplied artwork. */
.lux-header.is-navigation-condensed .lux-nav:not(.is-open) > :is(a:not(.lux-nav__cta),button.lux-nav__sound) {
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:
    linear-gradient(148deg,rgba(70,135,221,.15) 0%,rgba(26,59,119,.16) 50%,rgba(12,32,70,.2) 100%) padding-box,
    linear-gradient(132deg,rgba(158,211,255,.82),rgba(71,141,239,.54) 42%,rgba(231,179,96,.62) 100%) border-box!important;
  -webkit-backdrop-filter:blur(12px) saturate(135%);
  backdrop-filter:blur(12px) saturate(135%);
  box-shadow:inset 0 1px 0 rgba(244,250,255,.25),inset 0 -1px 0 rgba(75,158,239,.13),
             0 7px 21px rgba(2,11,34,.21),0 0 12px rgba(52,150,236,.08)!important;
  color:#edf6ff!important;
  text-shadow:0 1px 9px rgba(0,8,28,.65);
  transition:color .2s ease,background .2s ease,box-shadow .2s ease;
}
.lux-header.is-navigation-condensed .lux-nav:not(.is-open) > a.is-active:not(.lux-nav__cta),
.lux-header.is-navigation-condensed .lux-nav:not(.is-open) > button.lux-nav__settings[aria-expanded="true"] {
  color:#fff2d3!important;
  background:
    linear-gradient(140deg,rgba(194,146,73,.16),rgba(49,64,105,.20) 55%,rgba(21,42,84,.23)) padding-box,
    linear-gradient(124deg,rgba(255,224,152,.94),rgba(248,192,92,.78) 36%,rgba(107,180,252,.7)) border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,250,220,.34),inset 0 -1px 0 rgba(241,183,88,.18),
             0 7px 22px rgba(2,11,34,.2),0 0 16px rgba(244,184,80,.18)!important;
}
.lux-header.is-navigation-condensed .lux-nav:not(.is-open) > :is(a:not(.lux-nav__cta),button.lux-nav__sound):is(:hover,:focus-visible) {
  color:#fff7e9!important;
  background:
    linear-gradient(145deg,rgba(80,135,202,.23),rgba(42,59,103,.22) 55%,rgba(112,81,51,.12)) padding-box,
    linear-gradient(120deg,rgba(255,218,144,.95),rgba(123,194,255,.82),rgba(247,193,106,.8)) border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,250,223,.34),0 7px 23px rgba(1,12,34,.25),
             0 0 18px rgba(82,173,251,.2),0 0 12px rgba(233,177,80,.13)!important;
}
@media (forced-colors:active) {
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) > :is(a:not(.lux-nav__cta),button.lux-nav__sound) {
    background:Canvas!important;color:CanvasText!important;
    border:1px solid ButtonText!important;box-shadow:none!important;
  }
}

/* Do not delay the opening navigation behind a visibility transition. */
.lux-header .lux-header__inner #lux-primary-nav { transition:none!important; }

/* Tight mobile grid: two artwork links and Menu must all stay in the viewport. */
@media (max-width:690px){
  .lux-header .lux-header__inner > .lux-header__actions {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px!important;
    justify-content:stretch!important;
    justify-items:stretch!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  .lux-header .lux-header__inner > .lux-header__actions > .lux-nav__app {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    flex:0 1 auto!important;
  }
  .lux-header .lux-header__inner > .lux-header__actions .lux-nav__app-trigger--art,
  .lux-header .lux-header__inner > .lux-header__actions > a.lux-nav__cta--art {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .lux-header .lux-header__inner > .lux-header__actions > .lux-menu-toggle {
    justify-self:end!important;
    width:48px!important;
    max-width:48px!important;
  }
  .lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions {
    display:flex!important;
    grid-template-columns:none!important;
    width:auto!important;
    grid-column:2;
    grid-row:1;
  }
  .lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions > .lux-nav__app,
  .lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions > a.lux-nav__cta--art {
    display:none!important;
  }
}
@media(max-width:410px){
  .lux-header .lux-header__inner > .lux-header__actions {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px!important;
    gap:4px!important;
  }
  .lux-header .lux-header__inner > .lux-header__actions > .lux-menu-toggle {
    width:44px!important;max-width:44px!important;
  }
}

/* Small screens: show ALL seven regular controls at once after scrolling. */
@media(max-width:600px){
  .lux-header.is-navigation-condensed .lux-header__inner .lux-nav:not(.is-open) {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,40px)!important;
    justify-content:stretch!important;
    align-items:center!important;
    gap:4px!important;
    height:91px!important;
    max-height:91px!important;
    overflow:hidden!important;
    padding:4px 7px!important;
    scroll-snap-type:none;
  }
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) > a:not(.irrelevant):not(.unused),
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) > button.lux-nav__sound,
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) > button.lux-nav__quick-mute {
    display:inline-flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:39px!important;
    min-height:39px!important;
    padding:5px 3px!important;
    font-size:clamp(10px,2.55vw,11px)!important;
    line-height:1.1!important;
    gap:3px!important;
  }
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) .lux-nav__quick-mute-icon {
    width:15px; height:15px;
  }
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) .lux-hex-menu__title,
  .lux-header.is-navigation-condensed .lux-nav:not(.is-open) [data-audio-nav-label] {
    overflow:hidden;
    text-overflow:ellipsis;
  }
}

/* Engineer One: speaker-icon-only master mute in all header/menu layouts.
   Keep the live accessible aria-label, tooltip, and muted-state icon logic. */
.lux-header .lux-nav > button.lux-nav__quick-mute [data-audio-quick-mute-label] {
  display:none!important;
}
.lux-header .lux-header__inner .lux-nav > button.lux-nav__quick-mute {
  display:inline-flex!important;
  flex:0 0 46px!important;
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  padding:8px!important;
  margin-inline:0!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center;
  gap:0!important;
}
@media(max-width:960px){
  /* The existing hex speaker/slash replaces the text in the open menu. */
  .lux-header .lux-header__inner .lux-nav > button.lux-nav__quick-mute > .lux-hex-menu__icon {
    flex:0 0 24px!important;
    width:24px!important;
    height:24px!important;
    display:grid!important;
    place-items:center;
  }
  .lux-header .lux-header__inner .lux-nav > button.lux-nav__quick-mute > .lux-hex-menu__icon svg {
    width:22px;
    height:22px;
  }
}
@media(max-width:600px){
  /* Keep the icon centered in its existing scrolled-navigation grid cell. */
  .lux-header.is-navigation-condensed .lux-header__inner .lux-nav:not(.is-open) > button.lux-nav__quick-mute {
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:39px!important;
    min-height:39px!important;
    padding:6px!important;
    justify-self:center!important;
  }
}

/* LuxBMI featured hamburger menu — the supplied portrait BGApp1 art.
   Original header CTAs remain in place; copies appear only inside open menu.
   Keep the existing site glass buttons, audio controls, and edge-cloud layers. */
.lux-header .lux-header__inner #lux-primary-nav > .lux-nav__featured {
  display:none!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open {
  background:
    linear-gradient(155deg,rgba(2,9,27,.72) 0%,rgba(4,11,35,.48) 44%,rgba(2,9,25,.76) 100%),
    url("discover/BGApp1.png") center center / cover no-repeat!important;
  background-color:#061329!important;
  border:1px solid rgba(250,209,137,.78)!important;
  box-shadow:inset 0 0 0 1px rgba(255,218,148,.16),
    inset 0 0 42px rgba(18,65,132,.28),
    0 22px 65px rgba(0,3,20,.74),0 0 24px rgba(244,183,82,.12)!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-nav__featured {
  display:flex!important;
  position:relative;
  z-index:3;
  flex:0 0 auto;
  flex-direction:column;
  align-items:center;
  gap:clamp(6px,1.1vh,13px);
  width:100%;
  max-width:490px;
  margin:12px auto 4px;
  padding:13px 12px 15px;
  border:1px solid rgba(241,200,125,.54);
  border-radius:16px;
  background:linear-gradient(140deg,rgba(3,15,40,.57),rgba(6,27,67,.44));
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
  box-shadow:inset 0 1px 0 rgba(255,230,167,.17),0 12px 35px rgba(0,6,24,.34);
  overflow:visible;
}
/* Neither pictured CTA becomes a text button or loses its original artwork. */
.lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured > .lux-nav__app {
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  flex:0 0 auto;
  overflow:visible!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured .lux-nav__app-trigger--art,
.lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured > a.lux-nav__cta--menu-featured {
  display:block!important;
  position:relative;
  width:min(100%,280px)!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:3/1!important;
  flex:0 0 auto!important;
  align-self:center!important;
  margin:0 auto!important;
  padding:0!important;
  line-height:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  clip-path:none!important;
  text-decoration:none!important;
  overflow:visible!important;
  transform-origin:center;
  transition:transform .22s ease,filter .22s ease!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured > a.lux-nav__cta--menu-featured {
  width:min(100%,266px)!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured .lux-nav__art-image {
  display:block!important;
  position:relative;
  z-index:1;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  aspect-ratio:3/1!important;
  object-fit:contain!important;
  box-shadow:none!important;
  border:0!important;
  filter:drop-shadow(0 4px 10px rgba(1,7,27,.4));
  transition:filter .22s ease;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured .lux-nav__app-trigger--art:is(:hover,:focus-visible),
.lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured > a.lux-nav__cta--menu-featured:is(:hover,:focus-visible) {
  transform:translateY(-3px) scale(1.025)!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured .lux-nav__app-trigger--art:is(:hover,:focus-visible) .lux-nav__art-image {
  filter:brightness(1.15) drop-shadow(0 0 12px rgba(251,197,102,.79)) drop-shadow(0 0 18px rgba(228,140,52,.5))!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured > a.lux-nav__cta--menu-featured:is(:hover,:focus-visible) .lux-nav__art-image {
  filter:brightness(1.15) drop-shadow(0 0 12px rgba(125,213,255,.82)) drop-shadow(0 0 19px rgba(58,137,237,.5))!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured :is(a,button):focus-visible {
  outline:2px solid #ffe4ad!important;
  outline-offset:4px;
}
/* Same real Discovery preview in the menu; focus and hover reveal the
   entire linked preview, which scrolls with the menu instead of clipping. */
.lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured .lux-nav__app-popover {
  display:none!important;
  position:relative!important;
  top:auto!important;
  right:auto!important;
  width:min(100%,410px)!important;
  max-width:100%!important;
  height:auto!important;
  margin:9px auto 0!important;
  padding:12px;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  box-shadow:0 11px 35px rgba(0,5,24,.58);
}
.lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured .lux-nav__app-popover::before {
  display:none!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured .lux-nav__app:hover .lux-nav__app-popover,
.lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured .lux-nav__app:focus-within .lux-nav__app-popover {
  display:flex!important;
}
@media(max-width:600px){
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-nav__featured {
    margin-block:7px 12px;
    padding:10px 8px 12px;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured .lux-nav__app-trigger--art {
    width:min(100%,250px)!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured > a.lux-nav__cta--menu-featured {
    width:min(100%,244px)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured :is(.lux-nav__app-trigger--art,a.lux-nav__cta--menu-featured,.lux-nav__art-image) {
    transition:none!important;
  }
}
@media(forced-colors:active){
  .lux-header .lux-header__inner #lux-primary-nav.is-open {
    background:Canvas!important;
    border:1px solid ButtonText!important;
    box-shadow:none!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-nav__featured {
    background:Canvas;
    border:1px solid ButtonText;
  }
}

/* LUXBMI / framed command menu refinements. The BGApp1.png gold border is
   part of the image: stretch the whole frame to the menu bounds rather than
   cropping its sides with background-size:cover. */
.lux-header .lux-header__inner #lux-primary-nav.is-open {
  box-sizing:border-box!important;
  background-image:
    linear-gradient(145deg,rgba(1,8,30,.18),rgba(1,8,28,.09) 53%,rgba(2,8,30,.20)),
    url("discover/BGApp1.png")!important;
  background-position:center center,center center!important;
  background-size:100% 100%,100% 100%!important;
  background-repeat:no-repeat,no-repeat!important;
  border:0!important;
  border-radius:9px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  isolation:isolate;
}
/* All menu links live within the actual golden illustration border; keep
   the navigational chrome transparent enough to reveal the blue artwork. */
.lux-header .lux-header__inner #lux-primary-nav.is-open > :is(a:not(.lux-nav__cta),button.lux-nav__settings) {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  flex:0 0 auto!important;
  margin-inline:auto!important;
  padding:9px 14px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:
    linear-gradient(115deg,rgba(9,27,69,.86),rgba(8,23,59,.76)) padding-box,
    linear-gradient(120deg,#ffe5a7,#c58a26 40%,#ffe8a1 67%,#ad741b) border-box!important;
  color:#f7f8ff!important;
  box-shadow:inset 0 1px 0 rgba(255,238,183,.22),
             0 4px 12px rgba(0,5,28,.22),0 0 8px rgba(255,193,81,.11)!important;
  text-align:center;
  transition:box-shadow .22s ease,background .22s ease,color .22s ease;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > a.is-active:not(.lux-nav__cta),
.lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__settings[aria-expanded="true"] {
  background:
    linear-gradient(118deg,rgba(64,45,44,.86),rgba(9,32,71,.8)) padding-box,
    linear-gradient(120deg,#fff0b9,#ecac3b 44%,#fff0bb) border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,251,224,.28),
             0 5px 15px rgba(3,6,25,.35),0 0 14px rgba(248,183,70,.26)!important;
  color:#fff4d4!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > :is(a:not(.lux-nav__cta),button.lux-nav__settings):is(:hover,:focus-visible) {
  color:#fff6dc!important;
  background:
    linear-gradient(110deg,rgba(39,49,86,.82),rgba(12,39,81,.82)) padding-box,
    linear-gradient(122deg,#fff6ce,#ffd474 45%,#ffebaa) border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,252,221,.35),
             0 6px 19px rgba(0,4,21,.38),0 0 18px rgba(246,194,85,.34)!important;
}
/* Icon-only mute belongs in the upper-right blue area, not in the vertical
   navigation flow. It uses the SAME actual audio button and retains aria. */
.lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute {
  position:absolute!important;
  z-index:12!important;
  top:44px!important;
  right:clamp(47px,11%,65px)!important;
  left:auto!important;
  bottom:auto!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  flex:none!important;
  margin:0!important;
  padding:7px!important;
  border:1px solid rgba(255,218,141,.96)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(19,49,106,.92),rgba(2,12,47,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,230,176,.25),0 0 14px rgba(240,177,59,.30)!important;
  color:#fce4a8!important;
  cursor:pointer;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute:is(:hover,:focus-visible) {
  border-color:#fff0ba!important;
  background:linear-gradient(140deg,#3b4676,#091a48)!important;
  box-shadow:inset 0 1px 0 rgba(255,242,190,.33),0 0 20px rgba(255,211,108,.51)!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute > .lux-hex-menu__icon {
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  display:grid!important;
  place-items:center!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute > .lux-hex-menu__icon svg {
  width:21px!important;
  height:21px!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute > .lux-nav__quick-mute-icon {
  width:22px!important;
  height:22px!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute [data-audio-quick-mute-label] {
  display:none!important;
}
/* The framed featured card and both existing illustration links stay INSIDE
   the gold trim, with their independent gold/cyan hover glows untouched. */
.lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-nav__featured {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex:0 0 auto!important;
  margin:5px auto 0!important;
  padding:10px 9px 12px!important;
  border:1px solid rgba(255,222,149,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,240,198,.17),0 5px 19px rgba(0,5,28,.25),
             0 0 10px rgba(255,207,117,.11)!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured :is(.lux-nav__app-trigger--art,a.lux-nav__cta--menu-featured) {
  max-width:100%!important;
  border-radius:9px!important;
  box-shadow:0 0 0 1px rgba(255,215,136,.65),0 0 11px rgba(232,174,69,.13)!important;
}
@media (min-width:961px) {
  /* Mobile-only quick action footer must not render as an empty desktop bar. */
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__quick-actions {
    display:none!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open {
    padding:92px clamp(46px,10%,63px) 54px!important;
    gap:7px!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
  }
}
@media (max-width:960px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open {
    padding:clamp(103px,12dvh,122px) clamp(38px,11.5vw,72px) clamp(50px,7dvh,68px)!important;
    gap:clamp(6px,1dvh,10px)!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute {
    top:clamp(48px,8.5dvh,71px)!important;
    /* Stay left of the floating X; their hit targets must not overlap. */
    right:clamp(94px,26vw,125px)!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > :is(a:not(.lux-nav__cta),button.lux-nav__settings) {
    min-height:clamp(44px,6dvh,51px)!important;
    padding:6px 9px!important;
    gap:9px!important;
    font-size:clamp(.92rem,3.5vw,1.06rem)!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open .lux-hex-menu__icon {
    width:35px!important;
    height:35px!important;
    flex:0 0 35px!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__quick-actions {
    max-width:100%!important;
    min-width:0!important;
    width:100%!important;
    margin:1px auto 0!important;
    flex:0 0 auto;
    justify-content:center;
  }
  /* Border art is decorative; avoid a second frame competing with the PNG. */
  .lux-header .lux-header__inner #lux-primary-nav.is-open::after {
    border-color:rgba(255,223,159,.18)!important;
  }
}
@media (max-width:600px) and (max-height:730px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open {
    padding-top:90px!important;
    padding-bottom:42px!important;
    gap:5px!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > :is(a:not(.lux-nav__cta),button.lux-nav__settings) {
    min-height:43px!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-nav__featured {
    padding:7px!important;
    gap:4px!important;
  }
}
@media (forced-colors:active) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open > :is(a:not(.lux-nav__cta),button.lux-nav__settings,button.lux-nav__quick-mute) {
    background:Canvas!important;
    border:1px solid ButtonText!important;
    box-shadow:none!important;
    color:CanvasText!important;
  }
}

/* Engineer One — Edges 2 panoramic cloud sweep on the SOLID sticky header.
   The theme's original edge-cloud-bottom.webp is the optimized copy of
   Edges 2.png. Keep the header position:fixed and the buttons unobstructed.
   Unscrolled header's existing subtle corner treatment is unchanged. */
.lux-header.is-scrolled::after {
  content:"";
  position:absolute!important;
  top:auto!important;
  bottom:-14px!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:clamp(64px,6.8vw,102px)!important;
  z-index:0!important;
  display:block;
  pointer-events:none!important;
  background-image:url("header-buttons/edge-cloud-bottom.webp")!important;
  background-repeat:no-repeat!important;
  background-position:center bottom!important;
  background-size:100% 100%!important;
  opacity:.90!important;
  filter:saturate(1.08) brightness(1.03)!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.76) 25%,#000 62%)!important;
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.76) 25%,#000 62%)!important;
  transform:none!important;
  transition:opacity .25s ease!important;
}
/* Existing header navigation and illustrated buttons remain above the cloud. */
.lux-header.is-scrolled > .lux-header__inner {
  position:relative;
  z-index:1;
}
@media(max-width:690px) {
  .lux-header.is-scrolled::after {
    height:clamp(48px,13vw,75px)!important;
    bottom:-10px!important;
    opacity:.85!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  .lux-header.is-scrolled::after { transition:none!important; }
}
@media(forced-colors:active) {
  .lux-header.is-scrolled::after { display:none!important; }
}

/* Below 1181px the scrolled navigation becomes its own lower ribbon:
   attach Edges 2 to the bottom of THAT ribbon, not between the logo and
   the links. Keep the mobile menu's BGApp1 panel unchanged when opened. */
@media(max-width:1180px) {
  .lux-header.is-navigation-condensed::after {
    display:none!important;
  }
  .lux-header.is-navigation-condensed .lux-header__inner .lux-nav:not(.is-open) {
    background-color:#030f25!important;
    background-image:
      linear-gradient(180deg,rgba(3,15,37,.82),rgba(3,15,37,.18) 68%,rgba(3,15,37,.05)),
      url("header-buttons/edge-cloud-bottom.webp")!important;
    background-position:center center,center bottom!important;
    background-repeat:no-repeat,no-repeat!important;
    background-size:100% 100%,100% 76%!important;
  }
}
@media(forced-colors:active) {
  .lux-header.is-navigation-condensed .lux-header__inner .lux-nav:not(.is-open) {
    background:Canvas!important;
  }
}

/* Make the scrolled secondary ribbon, and its Edges 2 panorama, span the
   viewport rather than inheriting the narrower centered content shell. */
@media(max-width:1180px) {
  .lux-header.is-navigation-condensed .lux-header__inner .lux-nav:not(.is-open) {
    left:50%!important;
    right:auto!important;
    width:100vw!important;
    max-width:100vw!important;
    transform:translateX(-50%)!important;
  }
}

/* Engineer One — blue-area menu title + centered master audio control.
   BGApp1's red/gold illustrated frame is untouched; navigation and artwork
   remain in their existing order. The heading lives within the blue inset. */
.lux-header .lux-header__inner #lux-primary-nav > .lux-hex-menu__menu-heading {
  display:none!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading {
  position:absolute!important;
  z-index:11!important;
  top:48px!important;
  left:clamp(42px,10.5%,65px)!important;
  right:clamp(125px,28%,165px)!important;
  bottom:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:30px!important;
  min-height:0!important;
  padding:0 0 5px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid rgba(132,205,248,.25)!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:#b9eaff!important;
  font:750 clamp(10px,.9vw,12px)/1.25 "Oxanium",sans-serif!important;
  letter-spacing:.085em!important;
  text-align:left!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  overflow:visible!important;
  text-shadow:0 0 12px rgba(39,179,247,.25);
}
/* Only ONE speaker glyph exists visually; the hex/menu icon is the active one.
   The original SVG remains in markup for compatibility but must not take
   space in the 42px audio button. This prevents muted/unmuted overflow. */
.lux-header .lux-header__inner #lux-primary-nav > button.lux-nav__quick-mute:has(> .lux-hex-menu__icon) > svg.lux-nav__quick-mute-icon {
  display:none!important;
}
.lux-header .lux-header__inner #lux-primary-nav > button.lux-nav__quick-mute:has(> .lux-hex-menu__icon) {
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  justify-content:center!important;
  grid-template-columns:1fr!important;
  grid-template-rows:1fr!important;
  gap:0!important;
  line-height:1!important;
  flex-wrap:nowrap!important;
}
.lux-header .lux-header__inner #lux-primary-nav > button.lux-nav__quick-mute > .lux-hex-menu__icon {
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  width:24px!important;
  height:24px!important;
  flex:none!important;
  margin:auto!important;
  padding:0!important;
  transform:none!important;
  line-height:1!important;
}
.lux-header .lux-header__inner #lux-primary-nav > button.lux-nav__quick-mute > .lux-hex-menu__icon svg {
  display:block!important;
  width:20px!important;
  height:20px!important;
  margin:auto!important;
  transform:none!important;
}
/* Both states use the same centered SVG; only the sound paths change. */
.lux-header .lux-header__inner #lux-primary-nav > button.lux-nav__quick-mute .lux-hex-menu__sound-slash {
  display:none!important;
}
.lux-header .lux-header__inner #lux-primary-nav > button.lux-nav__quick-mute.is-muted .lux-hex-menu__sound-slash {
  display:block!important;
}
.lux-header .lux-header__inner #lux-primary-nav > button.lux-nav__quick-mute.is-muted .lux-hex-menu__sound-wave {
  display:none!important;
}
@media(max-width:960px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading {
    top:clamp(56px,8.8dvh,74px)!important;
    left:clamp(37px,10%,54px)!important;
    right:clamp(131px,36%,155px)!important;
    font-size:clamp(8px,2.3vw,11px)!important;
    letter-spacing:.045em!important;
    height:24px!important;
  }
}
@media(max-width:360px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading {
    left:34px!important;right:123px!important;
    font-size:8px!important;letter-spacing:0!important;
  }
}
@media(forced-colors:active) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading {
    color:CanvasText!important;border-bottom:1px solid CanvasText!important;
  }
}

/* Final clearance: the title and mute control get an unobstructed top rail.
   Home and all other buttons start BELOW the speaker's 42px hit box. */
@media(min-width:961px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open {
    padding-top:111px!important;
  }
}
@media(max-width:960px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open {
    padding-top:clamp(121px,15dvh,140px)!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading {
    right:clamp(145px,41%,175px)!important;
  }
}

/* ENGINEER ONE — Command Center insignia, centered heading and metallic
   granite finish. Only affects the OPEN hamburger panel. BGApp1's original
   ornamental gold frame, action links, audio controller and scroll header
   remain untouched. */
.lux-header .lux-header__inner #lux-primary-nav.is-open {
  background-image:
    radial-gradient(circle at 18% 22%,rgba(242,229,180,.17) 0 0.8px,transparent 1.4px),
    radial-gradient(circle at 64% 78%,rgba(196,204,235,.15) 0 0.85px,transparent 1.5px),
    radial-gradient(circle at 41% 35%,rgba(122,133,207,.17) 0 1px,transparent 1.8px),
    linear-gradient(145deg,rgba(27,24,70,.10),rgba(112,127,162,.06) 52%,rgba(53,40,94,.12)),
    url("discover/BGApp1.png")!important;
  background-size:17px 19px,23px 25px,31px 29px,100% 100%,100% 100%!important;
  background-position:0 0,8px 7px,12px 15px,center center,center center!important;
  background-repeat:repeat,repeat,repeat,no-repeat,no-repeat!important;
}
/* Stone-like translucent inset, kept safely INSIDE BGApp1's golden border. */
.lux-header .lux-header__inner #lux-primary-nav.is-open::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:clamp(20px,5%,32px) clamp(23px,6%,37px)!important;
  width:auto!important;
  height:auto!important;
  z-index:0!important;
  opacity:.55!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 24% 14%,rgba(193,204,225,.20),transparent 36%),
    radial-gradient(ellipse at 77% 83%,rgba(72,82,165,.22),transparent 38%),
    repeating-linear-gradient(124deg,transparent 0 35px,rgba(224,205,159,.035) 36px,transparent 38px 72px),
    linear-gradient(125deg,rgba(32,41,92,.15),rgba(165,165,183,.09) 46%,rgba(59,50,111,.18))!important;
  border:1px solid rgba(219,201,166,.17)!important;
  border-radius:12px!important;
  box-shadow:inset 0 0 26px rgba(156,161,201,.13),inset 0 0 3px rgba(244,211,143,.16)!important;
  transform:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
/* Existing controls remain above the decorative stone texture. */
.lux-header .lux-header__inner #lux-primary-nav.is-open > :is(a,button,.lux-hex-menu__menu-heading,.lux-hex-menu__quick-actions) {
  z-index:2;
}
/* The authentic LuxBMI insignia sits immediately left of the centered title.
   The heading occupies the blue interior's top rail, clear of mute. */
.lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading {
  left:clamp(42px,9.4%,62px)!important;
  right:clamp(54px,11%,70px)!important;
  top:47px!important;
  height:38px!important;
  padding:3px 8px 5px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid rgba(218,200,174,.38)!important;
  border-radius:10px!important;
  background:
    linear-gradient(115deg,rgba(46,52,114,.42),rgba(173,180,196,.13) 51%,rgba(58,51,115,.34))!important;
  box-shadow:inset 0 1px 0 rgba(245,233,204,.12),0 2px 11px rgba(15,18,66,.15)!important;
  color:#f4e9cc!important;
  font:760 clamp(10px,.9vw,12px)/1.2 "Oxanium","Segoe UI",sans-serif!important;
  letter-spacing:.065em!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-shadow:0 1px 7px rgba(35,38,91,.35)!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading > .lux-hex-menu__heading-mark {
  display:block!important;
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  flex:0 0 30px!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:50%!important;
  filter:drop-shadow(0 0 5px rgba(241,190,92,.31));
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading > .lux-hex-menu__heading-title {
  display:block!important;
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  text-align:center!important;
  color:inherit!important;
}
@media(max-width:960px){
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading {
    top:clamp(55px,8.6dvh,74px)!important;
    left:clamp(34px,9%,51px)!important;
    right:clamp(130px,34%,162px)!important;
    height:33px!important;
    padding:3px 5px 4px!important;
    gap:6px!important;
    font-size:clamp(8px,2.3vw,10.5px)!important;
    letter-spacing:.012em!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading > .lux-hex-menu__heading-mark {
    width:23px!important;height:23px!important;max-width:23px!important;flex-basis:23px!important;
  }
}
@media(max-width:360px){
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading {
    left:30px!important;right:121px!important;
    padding-inline:4px!important;gap:4px!important;
    font-size:7.3px!important;letter-spacing:0!important;
    height:30px!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading > .lux-hex-menu__heading-mark {
    width:19px!important;height:19px!important;max-width:19px!important;flex-basis:19px!important;
  }
}
/* Executive granite: gold / silver / indigo — remove the old near-black
   inner speaker fill, while keeping the original mute/unmute SVG states. */
.lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute,
.lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute.is-muted {
  border:1px solid transparent!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,240,.24) 0 0.8px,transparent 1.4px) 0 0 / 11px 13px padding-box,
    radial-gradient(circle at 70% 75%,rgba(234,201,120,.2) 0 0.8px,transparent 1.6px) 0 0 / 17px 19px padding-box,
    linear-gradient(142deg,#a6adc4 0%,#67699f 31%,#343e83 59%,#c39c68 100%) padding-box,
    linear-gradient(125deg,#fff9e8,#e9bd69 23%,#d5dfef 49%,#7472b8 71%,#ffe1a0) border-box!important;
  color:#fff4da!important;
  box-shadow:inset 0 1px 0 rgba(255,255,243,.5),
             inset 0 -1px 0 rgba(42,47,115,.46),
             0 3px 13px rgba(39,40,107,.4),0 0 13px rgba(245,201,113,.24)!important;
  text-shadow:none!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute:is(:hover,:focus-visible) {
  background:
    linear-gradient(138deg,#d9dce6,#7979ae 35%,#4b59a0 63%,#f3c983) padding-box,
    linear-gradient(120deg,#fffdf2,#ffda87,#ebf3ff,#9897d7,#ffe29d) border-box!important;
  color:#fff9e9!important;
  box-shadow:inset 0 1px 0 rgba(255,255,252,.58),0 0 21px rgba(240,198,106,.47)!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute > .lux-hex-menu__icon {
  color:#fff0c8!important;
  background:linear-gradient(145deg,#e9d8af,#8b91bf 44%,#bba36f)!important;
  clip-path:polygon(50% 0,95% 24%,95% 76%,50% 100%,5% 76%,5% 24%)!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute > .lux-hex-menu__icon::before {
  background:linear-gradient(125deg,#fff8db,#dcb465 30%,#e6edf7 58%,#6668b2 86%,#ffe8ac)!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute > .lux-hex-menu__icon::after {
  background:linear-gradient(145deg,#5a60a5 0%,#313d86 47%,#8b82b7 77%,#c7a774 100%)!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute .lux-hex-menu__icon svg {
  stroke:#fff3d7!important;
  color:#fff3d7!important;
  filter:drop-shadow(0 0 2px rgba(255,236,173,.6));
}
/* For accessibility the focused control retains a clear outer ring. */
.lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute:focus-visible {
  outline:2px solid #fff7d6!important;
  outline-offset:3px!important;
}
@media(forced-colors:active){
  .lux-header .lux-header__inner #lux-primary-nav.is-open::before {display:none!important}
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading {
    color:CanvasText!important;background:Canvas!important;border:1px solid ButtonText!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute {
    color:ButtonText!important;background:ButtonFace!important;border:1px solid ButtonText!important;
    box-shadow:none!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute .lux-hex-menu__icon svg {
    stroke:ButtonText!important;
  }
}

/* Keep the speaker at the upper-right edge with a safe gap to both
   the centered command-center title and the hamburger close X. */
@media(max-width:960px){
  .lux-header .lux-header__inner #lux-primary-nav.is-open > button.lux-nav__quick-mute {
    right:clamp(62px,19vw,95px)!important;
  }
}

/* On compact and wide desktops, the centered title plate ends before the
   right-hand speaker's 42px touch target. */
@media(min-width:961px){
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading{
    right:clamp(109px,23%,130px)!important;
  }
}

/* LUXBMI DISCOVERY-INSPIRED COMMAND TITLE — premium gold/indigo bevel.
   Reuses the exact existing mark and centered heading. It intentionally
   imitates the Discovery artwork's faceted metallic frame rather than
   embedding that image (whose original label reads "Discovery App"). */
.lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading {
  position:absolute!important;
  isolation:isolate!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border:2px solid transparent!important;
  border-radius:11px!important;
  background:
    radial-gradient(ellipse 110% 125% at 52% -55%,rgba(255,219,144,.27),transparent 73%) padding-box,
    linear-gradient(147deg,rgba(54,49,114,.96) 0%,rgba(20,41,97,.97) 33%,rgba(10,25,71,.98) 70%,rgba(58,46,107,.95) 100%) padding-box,
    linear-gradient(117deg,#fff4c8 0%,#dfac51 11%,#84509b 28%,#f4c66f 43%,#fff9df 53%,#b68136 72%,#7e69b9 85%,#fbd389 100%) border-box!important;
  box-shadow:
    inset 0 1px 0 rgba(255,251,221,.57),
    inset 0 -3px 8px rgba(6,12,46,.58),
    0 2px 9px rgba(4,9,33,.55),
    0 0 12px rgba(240,173,62,.31),
    0 0 23px rgba(75,72,185,.19)!important;
  color:#fff4d4!important;
  text-shadow:0 1px 4px rgba(6,9,35,.78),0 0 8px rgba(249,194,99,.28)!important;
  -webkit-backdrop-filter:blur(7px) saturate(125%);
  backdrop-filter:blur(7px) saturate(125%);
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading::before {
  content:""!important;
  position:absolute!important;
  inset:3px!important;
  border:1px solid rgba(255,234,181,.30)!important;
  border-radius:6px!important;
  background:
    linear-gradient(115deg,rgba(255,243,211,.13),transparent 22%,transparent 78%,rgba(255,205,121,.12))!important;
  box-shadow:inset 0 0 9px rgba(123,151,244,.15)!important;
  pointer-events:none!important;
  z-index:0!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading::after {
  content:""!important;
  position:absolute!important;
  top:3px!important;
  bottom:3px!important;
  left:-65%;
  width:28%;
  border:0!important;
  background:linear-gradient(95deg,transparent,rgba(255,248,214,.28) 43%,rgba(255,255,255,.47) 50%,transparent 100%)!important;
  transform:skewX(-23deg)!important;
  animation:lux-command-title-glint 1.45s cubic-bezier(.28,.72,.31,1) .15s both;
  pointer-events:none!important;
  z-index:1!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading > :is(.lux-hex-menu__heading-mark,.lux-hex-menu__heading-title) {
  position:relative!important;
  z-index:2!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading > .lux-hex-menu__heading-mark {
  border:1px solid rgba(254,228,165,.85)!important;
  box-shadow:0 0 0 1px rgba(7,16,59,.55),0 0 9px rgba(255,189,85,.49)!important;
  filter:drop-shadow(0 0 3px rgba(255,227,158,.40))!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading > .lux-hex-menu__heading-title {
  color:#fff2ce!important;
  text-shadow:0 1px 3px rgba(1,6,27,.85),0 0 9px rgba(255,209,122,.38)!important;
  letter-spacing:.075em!important;
  font-weight:800!important;
}
@keyframes lux-command-title-glint {
  0% {left:-65%;opacity:0}
  18% {opacity:.85}
  78% {opacity:.6}
  100% {left:125%;opacity:0}
}
@media(max-width:960px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading {
    border-width:1.5px!important;
    border-radius:9px!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading > .lux-hex-menu__heading-title {
    letter-spacing:.012em!important;
  }
}
@media(max-width:360px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading > .lux-hex-menu__heading-title {
    letter-spacing:0!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading::after { animation:none!important;opacity:0!important; }
}
@media(forced-colors:active) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading {
    background:Canvas!important;color:CanvasText!important;border:2px solid ButtonText!important;
    box-shadow:none!important;text-shadow:none!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading::before,
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading::after {display:none!important}
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading > .lux-hex-menu__heading-title {
    color:CanvasText!important;text-shadow:none!important;
  }
}

/* Nov 2026 — Center the full Command Center title plate within the opened
   hamburger panel. Older asymmetric left/right offsets pushed it left.
   Center the text independently of the decorative logo, too. Keep a safe
   gap from the close button even on 320px screens. */
.lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading {
  left:50%!important;
  right:auto!important;
  width:min(296px,calc(100% - 150px))!important;
  max-width:none!important;
  transform:translateX(-50%)!important;
  margin-inline:0!important;
  justify-content:center!important;
  text-align:center!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading > .lux-hex-menu__heading-mark {
  position:absolute!important;
  left:11px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  margin:0!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading > .lux-hex-menu__heading-title {
  flex:0 1 auto!important;
  text-align:center!important;
  margin:0 auto!important;
}
@media (max-width:360px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading > .lux-hex-menu__heading-mark {
    left:9px!important;
  }
}

/* Engineer One — MAIN HEADER master mute, speaker-only. 2026-10-31.
   Historic .lux-nav__sound::after injected a Settings gear into the
   rehomed master mute. Remove that legacy content here, without changing
   the separate Settings gear in the navigation panel or audio handlers. */
.lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute {
  position:relative!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  flex:0 0 46px!important;
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  align-self:center!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  clip-path:none!important;
  background:
    linear-gradient(145deg,rgba(29,49,106,.98),rgba(8,20,58,.98) 72%) padding-box,
    linear-gradient(125deg,#fff1be,#dfaa4f 36%,#9aa8db 64%,#f2c879) border-box!important;
  box-shadow:
    inset 0 1px 0 rgba(255,249,227,.25),
    inset 0 -1px 0 rgba(39,52,119,.48),
    0 2px 11px rgba(2,9,29,.33),
    0 0 12px rgba(234,178,74,.13)!important;
  color:#f9d990!important;
  font-size:0!important;
  line-height:1!important;
  text-shadow:none!important;
  cursor:pointer;
  transition:filter .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
/* Remove BOTH inherited decorative pseudo-elements (the gear is ::after). */
.lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute::before,
.lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute::after {
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
}
.lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute [data-audio-quick-mute-label] {
  display:none!important;
}
/* One centered original speaker SVG with an audible wave or mute slash.
   Leave the actual speaker paths, state class, and event handler untouched. */
.lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute > .lux-nav__quick-mute-icon {
  box-sizing:content-box!important;
  position:relative!important;
  display:block!important;
  flex:0 0 21px!important;
  width:21px!important;
  height:21px!important;
  max-width:21px!important;
  max-height:21px!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  stroke:currentColor;
  transform:none!important;
  overflow:visible;
}
.lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute .lux-nav__quick-mute-wave {
  display:block;
}
.lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute .lux-nav__quick-mute-slash {
  display:none;
}
.lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute.is-muted {
  color:#ffe6af!important;
  background:
    linear-gradient(145deg,rgba(63,44,95,.96),rgba(13,24,71,.98) 72%) padding-box,
    linear-gradient(125deg,#ffdfa1,#c89243 42%,#8581c3 74%,#f9df9f) border-box!important;
}
.lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute.is-muted .lux-nav__quick-mute-wave {
  display:none!important;
}
.lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute.is-muted .lux-nav__quick-mute-slash {
  display:block!important;
}
.lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute:is(:hover,:focus-visible) {
  transform:translateY(-1px)!important;
  filter:brightness(1.12);
  box-shadow:inset 0 1px 0 rgba(255,249,227,.36),
    0 4px 15px rgba(1,6,24,.34),0 0 19px rgba(247,189,89,.32)!important;
}
.lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute:focus-visible {
  outline:2px solid #ffe8a5!important;
  outline-offset:3px!important;
}
@media(max-width:690px){
  /* Four true controls, four cells: do not let mute wrap under Menu or
     overflow the 2 illustrated CTAs in the unscrolled mobile header. */
  .lux-header:not(.is-navigation-condensed) .lux-header__inner > .lux-header__actions {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px 48px!important;
    grid-template-rows:auto!important;
    gap:6px!important;
    align-items:center!important;
  }
  .lux-header:not(.is-navigation-condensed) .lux-header__actions > .lux-nav__app {
    grid-column:1!important;grid-row:1!important;
  }
  .lux-header:not(.is-navigation-condensed) .lux-header__actions > a.lux-nav__cta--art {
    grid-column:2!important;grid-row:1!important;
  }
  .lux-header:not(.is-navigation-condensed) .lux-header__actions > button.lux-header__quick-mute {
    grid-column:3!important;grid-row:1!important;justify-self:center!important;
  }
  .lux-header:not(.is-navigation-condensed) .lux-header__actions > button.lux-menu-toggle {
    grid-column:4!important;grid-row:1!important;justify-self:end!important;
  }
}
@media(max-width:410px){
  .lux-header:not(.is-navigation-condensed) .lux-header__inner > .lux-header__actions {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px 44px!important;
    gap:4px!important;
  }
  .lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute {
    flex-basis:42px!important;
    width:42px!important;min-width:42px!important;max-width:42px!important;
    height:44px!important;min-height:44px!important;max-height:44px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute {
    transition:none!important;
  }
}
@media(forced-colors:active){
  .lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute {
    background:ButtonFace!important;border:1px solid ButtonText!important;
    color:ButtonText!important;box-shadow:none!important;filter:none!important;
  }
}

/* Keep the centered plate clear of the adjacent speaker and close controls
   on narrow phones; the logo remains beside the centered wording. */
@media (min-width:400px) and (max-width:480px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading {
    width:calc(100% - 206px)!important;
  }
}
@media (max-width:399px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading {
    width:max(128px,calc(100% - 184px))!important;
  }
}
@media (max-width:360px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading > .lux-hex-menu__heading-mark {
    width:16px!important;
    height:16px!important;
    max-width:16px!important;
    flex-basis:16px!important;
    left:2px!important;
  }
}

/* At extremely narrow widths the header already displays the brand mark;
   hide only the redundant mark inside the title plate to protect readability. */
@media (max-width:360px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading > .lux-hex-menu__heading-mark {
    display:none!important;
  }
}


/* Engineer One / 2026-11-01 — mobile header spacing and compact Command Center.
   Applies to the theme's MOBILE NAV mode only (<=960px). Original artwork,
   gold BGApp1 border, links, sound state, click handlers and desktop left alone. */
@media (max-width:960px) {
  /* Once condensed, the six site destinations live ONLY inside the menu.
     The earlier two-row sticky ribbon was obscuring the website below it. */
  .lux-header.is-navigation-condensed .lux-header__inner #lux-primary-nav:not(.is-open) {
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  /* The sticky bar remains a single clean identity + hamburger row. */
  .lux-header.is-navigation-condensed .lux-header__inner {
    min-height:60px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
    border:0!important;
  }
  .lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
    width:auto!important;
    min-width:0!important;
    margin-left:auto!important;
  }
  .lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions > :is(.lux-nav__app,a.lux-nav__cta--art) {
    display:none!important;
  }
  /* One header action while SCROLLING: only the hamburger. The actual
     speaker becomes accessible again when the Command Center is OPEN. */
  .lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute {
    display:none!important;
  }
  body.lux-menu-open .lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute {
    display:inline-flex!important;
    margin-right:8px!important;
  }
  .lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions > button.lux-menu-toggle {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    padding:10px 11px!important;
    margin:0!important;
  }

  /* Compact the original framed mobile overlay to its content instead of
     stretching BGApp1 to 100dvh and leaving an enormous empty lower half. */
  .lux-header .lux-header__inner #lux-primary-nav.is-open {
    position:fixed!important;
    inset:0 0 auto 0!important;
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 10px)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:clamp(5px,.75dvh,8px)!important;
    padding:
      clamp(104px,12.4dvh,120px)
      clamp(29px,9vw,57px)
      clamp(38px,5.5dvh,53px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    box-sizing:border-box!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
    /* BGApp1 and its authentic illustrated frame are retained. */
    background-size:17px 19px,23px 25px,31px 29px,100% 100%,100% 100%!important;
    background-position:0 0,8px 7px,12px 15px,center center,center center!important;
  }
  /* Pseudo-frame should follow the compact gold image, not remain pinned
     to the old full-viewport menu height. */
  .lux-header .lux-header__inner #lux-primary-nav.is-open::after {
    position:absolute!important;
    inset:12px!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > :is(a:not(.lux-nav__cta),button.lux-nav__settings) {
    box-sizing:border-box!important;
    height:clamp(49px,6.2dvh,56px)!important;
    min-height:clamp(49px,6.2dvh,56px)!important;
    max-height:56px!important;
    flex:0 0 auto!important;
    width:100%!important;
    padding:6px 10px!important;
    margin:0 auto!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open .lux-hex-menu__icon {
    width:35px!important;
    height:35px!important;
    flex-basis:35px!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__quick-actions {
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:3px auto 0!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open .lux-nav__featured {
    flex:0 0 auto!important;
  }
  /* The artwork edge clouds belong to the shortened panel, not 100dvh. */
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__edge-cloud--bottom {
    bottom:0!important;
  }
  /* Without the two-row ribbon, put Edges2 back at the bottom of the
     condensed HEADER (not as a second navigation bar). */
  .lux-header.is-navigation-condensed::after {
    display:block!important;
    bottom:-10px!important;
    height:clamp(43px,11vw,69px)!important;
    pointer-events:none!important;
  }
}

/* Only the portrait-sized mobile header: move the original two illustrated
   CTA links UP so they no longer touch the Cloud & Agentic AI title strip.
   Do not shrink images, swap assets, or rearrange the desktop header. */
@media (max-width:690px) {
  .lux-header:not(.is-navigation-condensed) .lux-header__inner {
    padding-top:3px!important;
    padding-bottom:1px!important;
    row-gap:0!important;
  }
  .lux-header:not(.is-navigation-condensed) .lux-header__inner > .lux-header__actions {
    position:relative!important;
    top:2px!important;
    margin-bottom:-2px!important;
  }
  /* Once scrolling, brand stays left and the single hamburger stays right. */
  .lux-header.is-navigation-condensed .lux-header__inner {
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    width:calc(100% - 22px)!important;
    gap:10px!important;
  }
  .lux-header.is-navigation-condensed .lux-header__inner > .lux-brand {
    display:inline-flex!important;
    flex:0 1 auto!important;
    min-width:0!important;
    margin:0!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }
  .lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions {
    grid-column:auto!important;
    grid-row:auto!important;
    flex:0 0 auto!important;
  }
}
@media (max-width:410px) {
  .lux-header:not(.is-navigation-condensed) .lux-header__inner > .lux-header__actions {
    top:3px!important;
    margin-bottom:-3px!important;
  }
}
@media (max-width:960px) and (max-height:690px) {
  /* Short displays stay scrollable; never clip the lower Home/Close controls. */
  .lux-header .lux-header__inner #lux-primary-nav.is-open {
    padding-top:98px!important;
    padding-bottom:39px!important;
    gap:5px!important;
  }
}
@media (prefers-reduced-motion:reduce) and (max-width:960px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open {transition:none!important;}
}
@media (forced-colors:active) and (max-width:960px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open {
    border:2px solid CanvasText!important;
    background:Canvas!important;
    box-shadow:none!important;
  }
}

/* Keep the ORIGINAL single master mute above the open illustrated panel.
   It was still clickable in the DOM but behind the framed menu overlay. */
@media (max-width:960px) {
  body.lux-menu-open .lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute {
    position:relative!important;
    z-index:255!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

/* Opening the mobile Command Center should fully cover the persistent
   header artwork; don't let the two large CTA images show over its frame. */
@media (max-width:960px) {
  body.lux-menu-open .lux-header .lux-header__inner > .lux-header__actions > :is(.lux-nav__app,a.lux-nav__cta--art) {
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}


/* LUXBMI V27 MOBILE FLOATING MENU & MUTE — START */
/* Only the existing mobile navigation breakpoint. No desktop/tablet-large changes. */
.lux-mobile-control-dock, .lux-mobile-menu-scrim { display:none; }
@media (max-width:960px) {
  /* The existing menu switch stays in the DOM as the sole authoritative control,
     but is removed visually from the header. Floating button delegates to it. */
  .lux-header .lux-header__inner > .lux-header__actions > button.lux-menu-toggle,
  html body .lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute.lux-header__quick-mute {
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  /* Persistent, thumb-reachable side buttons that don't enlarge the header. */
  .lux-mobile-control-dock {
    position:fixed!important;
    display:flex!important;
    flex-direction:row;
    justify-content:flex-end;
    align-items:center;
    gap:9px;
    right:max(14px,env(safe-area-inset-right,0px) + 14px);
    bottom:max(113px,env(safe-area-inset-bottom,0px) + 113px);
    width:auto;
    min-width:0;
    height:48px;
    z-index:270;
    pointer-events:auto;
  }
  .lux-mobile-control-dock > .lux-mobile-menu-bubble {
    display:grid!important;
    position:relative!important;
    inset:auto!important;
    right:auto!important;
    bottom:auto!important;
    flex:0 0 48px;
    width:48px;height:48px;
    opacity:1;
    visibility:visible;
    margin:0;
  }
  .lux-mobile-floating-mute {
    appearance:none;
    display:grid;
    place-items:center;
    flex:0 0 46px;
    width:46px;
    height:46px;
    padding:0;
    border:1px solid rgba(244,190,92,.73);
    border-radius:50%;
    color:#ffdc92;
    background:radial-gradient(circle at 30% 21%,#253869 0%,#0a1b40 70%,#07162c 100%);
    box-shadow:0 5px 18px rgba(0,7,29,.52),0 0 0 2px rgba(82,210,238,.12);
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  .lux-mobile-floating-mute .lux-nav__quick-mute-icon {
    display:block!important;
    width:22px!important;height:22px!important;
    max-width:22px!important;max-height:22px!important;
    color:inherit;
  }
  .lux-mobile-floating-mute [data-audio-quick-mute-label] { display:none!important; }
  .lux-mobile-floating-mute::before,.lux-mobile-floating-mute::after {
    content:none!important;display:none!important;
  }
  .lux-mobile-floating-mute .lux-nav__quick-mute-slash { display:none; }
  .lux-mobile-floating-mute.is-muted .lux-nav__quick-mute-wave { display:none!important; }
  .lux-mobile-floating-mute.is-muted .lux-nav__quick-mute-slash { display:block!important; }
  .lux-mobile-floating-mute:is(:focus-visible,:active),
  .lux-mobile-control-dock > .lux-mobile-menu-bubble:focus-visible {
    outline:2px solid #ffdf98!important;outline-offset:3px!important;
  }
  body.lux-menu-open .lux-mobile-control-dock,
  body.lux-audio-prompt-open .lux-mobile-control-dock,
  body:has([data-audio-settings]:not([hidden])) .lux-mobile-control-dock {
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  }

  /* Dim EVERYTHING outside the illustrated command center. */
  .lux-mobile-menu-scrim {
    display:block;
    position:fixed;
    inset:0;
    z-index:250;
    background:rgba(0,2,8,.91);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease,visibility .18s;
  }
  body.lux-menu-open .lux-mobile-menu-scrim {
    visibility:visible;opacity:1;pointer-events:auto;
  }
  body.lux-menu-open { overflow:hidden!important; }
  body.lux-menu-open .lux-header {
    z-index:251!important;
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
  body.lux-menu-open .lux-header .lux-brand,
  body.lux-menu-open .lux-header .lux-header__inner > .lux-header__actions,
  body.lux-menu-open .lux-header .lux-header__scroll-backplate {
    visibility:hidden!important;opacity:0!important;pointer-events:none!important;
  }
  body.lux-menu-open .lux-header::after { opacity:0!important;visibility:hidden!important; }
  /* Preserve real header children but let the opened panel display above them. */
  body.lux-menu-open .lux-header .lux-header__inner #lux-primary-nav.is-open {
    visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  }

  /* The MENU is a compact framed panel centered over a dark backdrop.
     It no longer stretches its decorative BGApp1 to full viewport height. */
  .lux-header .lux-header__inner #lux-primary-nav.is-open {
    position:fixed!important;
    inset:auto!important;
    top:50dvh!important;
    left:50%!important;
    right:auto!important;bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    z-index:260!important;
    width:min(432px,calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
    height:auto!important;min-height:0!important;
    max-height:calc(100dvh - 24px)!important;
    box-sizing:border-box!important;
    padding:clamp(83px,11dvh,97px) clamp(24px,7.2vw,40px) 19px!important;
    margin:0!important;
    gap:clamp(4px,.63dvh,7px)!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    border-radius:13px!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading {
    top:clamp(30px,4dvh,39px)!important;
    left:50%!important;right:auto!important;
    width:min(280px,calc(100% - 50px))!important;
    height:34px!important;
    transform:translateX(-50%)!important;
    margin:0!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > :is(a:not(.lux-nav__cta),button.lux-nav__settings) {
    height:clamp(43px,5.8dvh,49px)!important;
    min-height:clamp(43px,5.8dvh,49px)!important;
    max-height:49px!important;
    width:100%!important;
    margin:0 auto!important;
    padding:5px 9px!important;
    flex:0 0 auto!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open .lux-hex-menu__icon {
    width:31px!important;height:31px!important;flex-basis:31px!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__quick-actions {
    margin:5px auto 0!important;
    width:100%!important;min-height:45px!important;
    flex:0 0 auto!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open::after { inset:8px!important; }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__edge-cloud--bottom { bottom:0!important; }
}
@media(max-width:690px) {
  /* Two premium CTA images ONLY in the unscrolled mobile header.
     Raise them above the headline strip; don't resize or change artwork. */
  .lux-header:not(.is-navigation-condensed) .lux-header__inner > .lux-header__actions {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    gap:clamp(6px,2vw,12px)!important;
    justify-items:center!important;
    align-items:center!important;
    top:-10px!important;
    margin-bottom:3px!important;
    padding:0 4px!important;
  }
  .lux-header:not(.is-navigation-condensed) .lux-header__inner > .lux-header__actions > .lux-nav__app {
    grid-column:1!important;grid-row:1!important;
    max-width:100%!important;
  }
  .lux-header:not(.is-navigation-condensed) .lux-header__inner > .lux-header__actions > a.lux-nav__cta--art {
    grid-column:2!important;grid-row:1!important;
    max-width:100%!important;
  }
  .lux-header:not(.is-navigation-condensed) .lux-header__inner {
    padding-bottom:7px!important;
  }
}
@media(max-width:960px) and (max-height:600px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open {
    padding-top:75px!important;
    padding-bottom:11px!important;
    gap:3px!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > :is(a:not(.lux-nav__cta),button.lux-nav__settings) {
    height:41px!important;min-height:41px!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__menu-heading {
    top:24px!important;height:32px!important;
  }
}
@media(prefers-reduced-motion:reduce) and (max-width:960px) {
  .lux-mobile-menu-scrim,.lux-mobile-control-dock {transition:none!important;}
}
@media(forced-colors:active) and (max-width:960px) {
  .lux-mobile-menu-scrim {background:Canvas!important;backdrop-filter:none!important;}
  .lux-mobile-floating-mute {background:ButtonFace!important;color:ButtonText!important;box-shadow:none!important;border:1px solid ButtonText!important;}
}
/* LUXBMI V27 MOBILE FLOATING MENU & MUTE — END */

/* LuxBMI mobile command-center frame clearance — 2026-11-01.
 * The decorative BGApp1/gold inner border formerly intersected Home/Close.
 * Grow the real compact panel downward and inset the footer row. Desktop
 * header, menu artwork, CTA icons, and navigation behavior remain intact. */
@media (max-width:960px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open {
    padding-bottom:clamp(38px,5dvh,45px)!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open > .lux-hex-menu__quick-actions {
    box-sizing:border-box!important;
    width:calc(100% - 18px)!important;
    max-width:calc(100% - 18px)!important;
    margin:6px auto 0!important;
    gap:10px!important;
  }
  /* Keep the gear sharp and centered within the original gold/cyan hex badge. */
  .lux-header .lux-header__inner #lux-primary-nav.is-open
  > button.lux-nav__settings > .lux-hex-menu__icon svg {
    width:22px!important;
    height:22px!important;
    stroke-width:1.75!important;
    stroke-linejoin:round!important;
    stroke-linecap:round!important;
  }
}
@media (max-width:960px) and (max-height:600px) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open {
    padding-bottom:34px!important;
  }
}

/* Engineer 01 — 2026-11-01. MOBILE Command Center footer-frame clearance.
   The Home / Close Menu quick-action row must sit comfortably inside the
   illustrated BGApp1 frame, never on its lower gold decorative border.
   Grow the actual menu (background-size stays 100% 100%), not the buttons.
   Desktop and the detached floating menu/mute dock are unchanged. */
@media screen and (max-width:960px) {
  html body .lux-header .lux-header__inner #lux-primary-nav.is-open {
    padding-bottom:clamp(84px,11dvh,112px)!important;
  }
}
/* Preserve full access to the footer on short mobile screens. */
@media screen and (max-width:960px) and (max-height:600px) {
  html body .lux-header .lux-header__inner #lux-primary-nav.is-open {
    padding-bottom:clamp(62px,11dvh,75px)!important;
  }
}

/* Desktop scrolled header: retain full nav plus compact Discovery/Consultation art CTAs. */
@media screen and (min-width:1181px) {
  html body header.lux-header.is-navigation-condensed .lux-header__inner {
    justify-content:space-between!important;
    gap:clamp(5px,.6vw,12px)!important;
  }
  html body header.lux-header.is-navigation-condensed .lux-header__inner .lux-nav:not(.is-open) {
    flex:1 1 auto!important;
    min-width:0!important;
    justify-content:flex-end!important;
    gap:clamp(1px,.3vw,5px)!important;
  }
  html body header.lux-header.is-navigation-condensed .lux-nav:not(.is-open) > a:not(.irrelevant):not(.unused):not(.lux-mobile-menu-action),
  html body header.lux-header.is-navigation-condensed .lux-nav:not(.is-open) > button.lux-nav__sound {
    font-size:clamp(10px,.76vw,12px)!important;
    padding:5px clamp(3px,.42vw,7px)!important;
  }
  html body header.lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions {
    display:flex!important;
    flex:0 0 clamp(245px,22vw,325px)!important;
    width:clamp(245px,22vw,325px)!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    height:auto!important;
    margin-left:0!important;
    padding:0!important;
  }
  html body header.lux-header.is-navigation-condensed .lux-header__actions > :is(.lux-nav__app,a.lux-nav__cta--art) {
    display:block!important;
    flex:1 1 0!important;
    width:calc(50% - 3px)!important;
    min-width:0!important;
    max-width:calc(50% - 3px)!important;
    height:auto!important;
    margin:0!important;
  }
  html body header.lux-header.is-navigation-condensed .lux-header__actions .lux-nav__art-image {
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    object-fit:contain!important;
  }
  html body header.lux-header.is-navigation-condensed .lux-header__actions > button.lux-menu-toggle {
    display:none!important;
  }
}