/* LuxBMI Cloud Systems | Site-wide edge atmosphere — Engineer One.
   edges1.png frames the LEFT edge; edges2.png carries
   the lower cloud sweep. Transparent artwork, feathered into the midnight
   navy site. Never attached to a button or interactive element. */
.lux-site-edge-clouds {
  position:fixed;inset:0;z-index:7;overflow:hidden;
  pointer-events:none!important;user-select:none;isolation:isolate;
}
.lux-site-edge-clouds__left,
.lux-site-edge-clouds__right {
  position:absolute;display:block;pointer-events:none!important;
  background-repeat:no-repeat;mix-blend-mode:screen;
  filter:saturate(1.04) brightness(.98);
}
.lux-site-edge-clouds__right {
  /* Legacy class name; Edges 1 now belongs on the LEFT site boundary. */
  left:-3%;right:auto;top:-4%;
  transform:scaleX(-1);
  width:clamp(200px,27vw,390px);height:108%;
  background-image:url("header-buttons/edge-cloud-right.webp");
  background-position:right center;background-size:cover;
  opacity:.07;
  -webkit-mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.80) 39%,transparent 98%);
  mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.80) 39%,transparent 98%);
}
.lux-site-edge-clouds__left {
  left:-13%;bottom:-11%;width:clamp(450px,71vw,1050px);
  height:clamp(230px,43vh,470px);
  background-image:url("header-buttons/edge-cloud-bottom.webp");
  background-position:left bottom;background-size:cover;
  opacity:.29;
  -webkit-mask-image:radial-gradient(ellipse 89% 85% at 19% 93%,#000 10%,rgba(0,0,0,.7) 47%,transparent 89%);
  mask-image:radial-gradient(ellipse 89% 85% at 19% 93%,#000 10%,rgba(0,0,0,.7) 47%,transparent 89%);
}
/* Header decoration is restrained to its outer edges.
   It is behind the navigation, not surrounding Discovery/Consultation CTAs. */
.lux-header {isolation:isolate;}
.lux-header::before,.lux-header::after {
  content:"";position:absolute;top:0;bottom:0;z-index:0;
  background-repeat:no-repeat;background-size:cover;
  pointer-events:none!important;filter:saturate(.97);
}
.lux-header::before {
  left:0;width:clamp(95px,19vw,305px);
  background-image:url("header-buttons/edge-cloud-right.webp");
  background-position:right 44%;opacity:.22;
  transform:scaleX(-1);
  -webkit-mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.52) 40%,transparent 100%);
  mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.52) 40%,transparent 100%);
}
.lux-header::after {
  right:0;width:clamp(85px,17vw,270px);
  background-image:url("header-buttons/edge-cloud-bottom.webp");
  background-position:right 70%;opacity:.20;
  -webkit-mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.46) 35%,transparent 100%);
  mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.46) 35%,transparent 100%);
}
.lux-header > .lux-header__inner {position:relative;z-index:1;}
/* Remove the old edge pictures and aura from *both* header CTA buttons. */
.lux-nav .lux-nav__art-edge,.lux-nav .lux-nav__art-aura {display:none!important;}
@media(max-width:820px) {
  .lux-site-edge-clouds__right {
    width:clamp(200px,48vw,320px);left:-20%;right:auto;opacity:.15;
  }
  .lux-site-edge-clouds__left {
    width:110vw;left:-22%;bottom:-3%;height:clamp(210px,36vh,340px);opacity:.20;
  }
  .lux-header::before,.lux-header::after{opacity:.13;}
}
@media(max-width:480px) {
  .lux-site-edge-clouds__right {opacity:.09;left:-25%;right:auto;}
  .lux-site-edge-clouds__left {opacity:.17;left:-21%;bottom:5%;}
  .lux-header::before,.lux-header::after{opacity:.10;}
}
@media(forced-colors:active) {
  .lux-site-edge-clouds,.lux-header::before,.lux-header::after{display:none!important;}
}


/* LUXBMI SCROLLED HEADER EDGES2 ONLY -- Oct 31 2026 */
/* No clouds on the transparent top header. The only header cloud is
   edges2 on the solid is-scrolled state; buttons remain untouched. */
.lux-header{
  isolation:isolate;
}
.lux-header::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  left:0!important;right:0!important;
  top:0!important;bottom:0!important;
  z-index:0!important;
  display:block!important;
  opacity:0!important;
  visibility:hidden!important;
  background-image:none!important;
  background-color:transparent!important;
  pointer-events:none!important;
  transform:none!important;
  mix-blend-mode:normal!important;
  filter:blur(.75px) saturate(.96)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  transition:opacity .27s ease,visibility .27s ease!important;
}
.lux-header::after{
  content:none!important;display:none!important;
}
.lux-header.is-scrolled::before{
  visibility:visible!important;
  opacity:.19!important;
  background-image:url("header-buttons/edge-cloud-bottom.webp")!important;
  background-repeat:no-repeat!important;
  background-position:left 77%!important;
  background-size:clamp(510px,59vw,990px) auto!important;
  -webkit-mask-image:radial-gradient(ellipse 78% 158% at 17% 74%,#000 4%,rgba(0,0,0,.82) 37%,rgba(0,0,0,.39) 63%,transparent 93%)!important;
  mask-image:radial-gradient(ellipse 78% 158% at 17% 74%,#000 4%,rgba(0,0,0,.82) 37%,rgba(0,0,0,.39) 63%,transparent 93%)!important;
}
.lux-header > .lux-header__inner{
  position:relative;
  z-index:1;
}
@media(max-width:820px){
  .lux-header.is-scrolled::before{
    opacity:.12!important;
    background-size:clamp(380px,105vw,680px) auto!important;
    background-position:left 83%!important;
  }
}
@media(max-width:420px){
  .lux-header.is-scrolled::before{opacity:.10!important}
}
@media(prefers-reduced-motion:reduce){
  .lux-header::before{transition:none!important}
}
@media(forced-colors:active){
  .lux-header.is-scrolled::before{display:none!important}
}

/* ENGINEER ONE — mirror the EXISTING left Edges 2 cloud to the right side
   of the solid, scrolled header. Mirrors the art, opacity and feathering
   without modifying the left layer, the transparent header, or navigation. */
.lux-header.is-scrolled::after {
  content:""!important;
  display:block!important;
  visibility:visible!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.19!important;
  background-image:url("header-buttons/edge-cloud-bottom.webp")!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:left 77%!important;
  background-size:clamp(510px,59vw,990px) auto!important;
  transform:scaleX(-1)!important;
  transform-origin:center center!important;
  mix-blend-mode:normal!important;
  filter:blur(.75px) saturate(.96)!important;
  -webkit-mask-image:radial-gradient(ellipse 78% 158% at 17% 74%,#000 4%,rgba(0,0,0,.82) 37%,rgba(0,0,0,.39) 63%,transparent 93%)!important;
  mask-image:radial-gradient(ellipse 78% 158% at 17% 74%,#000 4%,rgba(0,0,0,.82) 37%,rgba(0,0,0,.39) 63%,transparent 93%)!important;
  transition:opacity .27s ease,visibility .27s ease!important;
}
@media(max-width:820px) {
  .lux-header.is-scrolled::after {
    opacity:.12!important;
    background-size:clamp(380px,105vw,680px) auto!important;
    background-position:left 83%!important;
  }
}
@media(max-width:420px) {
  .lux-header.is-scrolled::after { opacity:.10!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; }
}


/* LuxBMI: Four-stop solid-header opacity fade | 2026-10-31
   Top 100% opaque -> 75% -> 50% -> bottom transparent.
   Only the scrolled background fades; controls, logo and edges2 are intact. */
.lux-header.is-scrolled {
  background:linear-gradient(
    to bottom,
    rgba(2,8,23,1) 0%,
    rgba(2,8,23,1) 25%,
    rgba(2,8,23,.75) 50%,
    rgba(2,8,23,.50) 75%,
    rgba(2,8,23,0) 100%
  )!important;
  border-bottom:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
@media(forced-colors:active){
 .lux-header.is-scrolled{background:Canvas!important;border-bottom-color:CanvasText!important}
}


/* Engineer One — NO WHITE FLASH on scroll-up / transparent header reveal.
   Earlier header rules interpolate between transparent/rgba/gradient fills and
   toggle backdrop-filter at scrollY=24. Interpolating those different paint
   types can briefly expose a white compositor frame. The header now stays
   transparent and one persistent navy backplate changes OPACITY only.
   Preserve the existing Edge 2 pseudo-elements and all header controls. */
body .lux-header[data-header],
body .lux-header[data-header].is-scrolled,
body.lux-inner-page .lux-header[data-header],
body.lux-inner-page .lux-header[data-header].is-scrolled {
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border-bottom-color:transparent!important;
  box-shadow:none!important;
  transition:none!important;
}
body .lux-header[data-header] > .lux-header__scroll-backplate {
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  user-select:none;
  display:block;
  background:linear-gradient(
    to bottom,
    rgba(2,8,23,1) 0%,
    rgba(2,8,23,1) 25%,
    rgba(2,8,23,.75) 50%,
    rgba(2,8,23,.50) 75%,
    rgba(2,8,23,0) 100%
  );
  opacity:0;
  transition:opacity .22s ease-out;
  will-change:opacity;
}
body .lux-header[data-header].is-scrolled > .lux-header__scroll-backplate {
  opacity:1;
}
/* Brand, buttons, navigation and the cloud-edge artwork stay above the
   backplate, which never captures pointer, hover or keyboard events. */
body .lux-header[data-header] > .lux-header__inner {
  position:relative;
  z-index:1;
}
@media(prefers-reduced-motion:reduce) {
  body .lux-header[data-header] > .lux-header__scroll-backplate {
    transition:none;
    will-change:auto;
  }
}
@media(forced-colors:active) {
  body .lux-header[data-header].is-scrolled {
    background:Canvas!important;
    border-bottom-color:CanvasText!important;
  }
  body .lux-header[data-header] > .lux-header__scroll-backplate {
    display:none!important;
  }
}


/* LuxBMI persistent site-audio control.
   The original [data-audio-quick-mute] is moved from nav to the header action
   dock by home.js. Do not create a duplicate or change site-audio handlers. */
.lux-header .lux-header__inner #lux-primary-nav > [data-audio-quick-mute] {
  display:none!important;
}
.lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute {
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  z-index:206!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;
  border:1px solid rgba(122,211,251,.58)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(13,43,81,.97),rgba(3,17,43,.98))!important;
  box-shadow:inset 0 1px 0 rgba(197,241,255,.17),0 0 13px rgba(38,167,232,.17)!important;
  color:#9ee9ff!important;
  line-height:1!important;
  transform:none!important;
  translate:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  cursor:pointer;
}
.lux-header .lux-header__actions > button.lux-header__quick-mute > .lux-nav__quick-mute-icon {
  display:block!important;
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  margin:auto!important;
  flex:none!important;
  color:inherit!important;
  overflow:visible;
}
.lux-header .lux-header__actions > button.lux-header__quick-mute > [data-audio-quick-mute-label] {
  display:none!important;
}
.lux-header .lux-header__actions > button.lux-header__quick-mute .lux-nav__quick-mute-slash {
  display:none!important;
}
.lux-header .lux-header__actions > button.lux-header__quick-mute.is-muted {
  border-color:rgba(244,198,112,.72)!important;
  color:#f4cb85!important;
  box-shadow:inset 0 1px 0 rgba(255,239,195,.18),0 0 14px rgba(228,171,66,.16)!important;
}
.lux-header .lux-header__actions > button.lux-header__quick-mute.is-muted .lux-nav__quick-mute-wave {
  display:none!important;
}
.lux-header .lux-header__actions > button.lux-header__quick-mute.is-muted .lux-nav__quick-mute-slash {
  display:block!important;
}
.lux-header .lux-header__actions > button.lux-header__quick-mute:is(:hover,:focus-visible) {
  border-color:#ffe0a0!important;
  box-shadow:0 0 18px rgba(97,212,255,.36),inset 0 1px 0 rgba(248,244,228,.2)!important;
}
.lux-header .lux-header__actions > button.lux-header__quick-mute:focus-visible {
  outline:2px solid #f8dea0!important;
  outline-offset:3px!important;
}
/* The action dock was hidden on scrolled desktop. Keep it for the mute
   button, but continue hiding the two big artwork buttons on scroll. */
.lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions {
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex:0 0 auto!important;
  gap:8px!important;
}
.lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions > :is(.lux-nav__app,a.lux-nav__cta--art) {
  display:none!important;
}
/* Wide desktop already shows the full navigation once scrolled. */
@media(min-width:1181px) {
  .lux-header.is-navigation-condensed .lux-header__actions > .lux-menu-toggle {
    display:none!important;
  }
}
/* Keep both artwork CTAs, the speaker and the hamburger in one header row. */
@media(max-width:700px) {
  .lux-header:not(.is-navigation-condensed) .lux-header__inner > .lux-header__actions {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px 44px!important;
    align-items:center!important;
    justify-items:center!important;
    gap:5px!important;
  }
  .lux-header .lux-header__actions > button.lux-header__quick-mute {
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    flex-basis:42px!important;
    border-radius:10px!important;
  }
  .lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions {
    grid-column:2!important;
    grid-row:1!important;
    width:auto!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) 40px 40px!important;
    gap:3px!important;
  }
  .lux-header .lux-header__actions > button.lux-header__quick-mute {
    width:39px!important;
    min-width:39px!important;
    max-width:39px!important;
    height:39px!important;
    min-height:39px!important;
    max-height:39px!important;
    flex-basis:39px!important;
  }
}
@media(forced-colors:active) {
  .lux-header .lux-header__actions > button.lux-header__quick-mute {
    background:ButtonFace!important;
    color:ButtonText!important;
    border:1px solid ButtonText!important;
  }
}

/* Final mobile clearance: match the mute selector's full specificity so
   the 46px desktop hit area does not overlap the adjacent hamburger. */
@media(max-width:700px) {
  .lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute {
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    flex-basis:42px!important;
  }
}
@media(max-width:410px) {
  .lux-header .lux-header__inner > .lux-header__actions > button.lux-header__quick-mute {
    width:39px!important;
    min-width:39px!important;
    max-width:39px!important;
    height:39px!important;
    min-height:39px!important;
    max-height:39px!important;
    flex-basis:39px!important;
  }
}

/* Desktop scrolled navigation: show compact artwork CTAs to the nav's right. */
@media screen and (min-width:1181px) {
  html body header.lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions > .lux-nav__app,
  html body header.lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions > a.lux-nav__cta--art {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

/* Compact original app2button and Conbutton artwork: scrolled desktop only. */
@media screen and (min-width:1181px) {
 html body header.lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions > .lux-nav__app,
 html body header.lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions > a.lux-nav__cta--art {
  background-position:center!important;background-repeat:no-repeat!important;
  background-size:contain!important;border:0!important;
 }
 html body header.lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions > .lux-nav__app{
  background-image:url('header-buttons/app2button.png?v=1')!important;
 }
 html body header.lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions > a.lux-nav__cta--art{
  background-image:url('header-buttons/Conbutton.png?v=1')!important;
 }
 html body header.lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions > .lux-nav__app > .lux-nav__app-trigger,
 html body header.lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions > a.lux-nav__cta--art{
  height:45px!important;min-height:45px!important;
 }
 html body header.lux-header.is-navigation-condensed .lux-header__inner > .lux-header__actions .lux-nav__art-image{
  opacity:0!important;
 }
}
/* Same supplied button artwork within existing mobile hamburger menu. */
@media screen and (max-width:960px){
 html body .lux-header .lux-nav.is-open > a.lux-mobile-menu-action {
  background-repeat:no-repeat!important;background-position:center!important;
  background-size:contain!important;background-color:transparent!important;
  background-image:none!important;box-shadow:none!important;border:0!important;
  height:68px!important;min-height:68px!important;
  width:min(100%,315px)!important;padding:0!important;color:transparent!important;
  font-size:0!important;overflow:hidden!important;
 }
 html body .lux-header .lux-nav.is-open > a.lux-mobile-menu-action--discovery{
  background-image:url('header-buttons/app2button.png?v=1')!important;
 }
 html body .lux-header .lux-nav.is-open > a.lux-mobile-menu-action--consult{
  background-image:url('header-buttons/Conbutton.png?v=1')!important;
 }
 html body .lux-header .lux-nav.is-open > a.lux-mobile-menu-action span{
  font-size:0!important;color:transparent!important;
 }
}