/* LUXBMI 2026-10-31: exact user artwork as responsive header CTAs. 
   Decorative images are not extra text; aria-labels preserve accessible links.
   Existing app hover panel, mobile hex menu and original logos are unchanged. */
.lux-nav .lux-nav__app-trigger--art,
.lux-nav > a.lux-nav__cta--art{
  display:block!important;flex:0 0 auto!important;
  align-self:center!important;justify-self:center!important;
  box-sizing:border-box!important;aspect-ratio:3 / 1!important;
  height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;clip-path:none!important;
  color:inherit!important;text-shadow:none!important;
  line-height:0!important;text-decoration:none!important;
  filter:none!important;overflow:visible!important;
  transform:none!important;
}
.lux-nav .lux-nav__app-trigger--art{width:clamp(145px,12.1vw,181px)!important;max-width:100%!important;}
.lux-nav > a.lux-nav__cta--art{width:clamp(128px,11vw,169px)!important;max-width:100%!important;}
.lux-nav .lux-nav__art-image{
  display:block!important;width:100%!important;max-width:100%!important;
  height:auto!important;aspect-ratio:3 / 1!important;object-fit:contain!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  filter:drop-shadow(0 5px 9px rgba(0,0,0,.25));
  transition:filter .2s ease;
}
.lux-nav .lux-nav__app-trigger--art:hover .lux-nav__art-image,
.lux-nav .lux-nav__app-trigger--art:focus-visible .lux-nav__art-image{
  filter:brightness(1.13) drop-shadow(0 4px 10px rgba(235,171,73,.28));
}
.lux-nav > a.lux-nav__cta--art:hover .lux-nav__art-image,
.lux-nav > a.lux-nav__cta--art:focus-visible .lux-nav__art-image{
  filter:brightness(1.13) drop-shadow(0 4px 10px rgba(129,201,255,.25));
}
.lux-nav .lux-nav__app-trigger--art:focus-visible,
.lux-nav > a.lux-nav__cta--art:focus-visible{
  outline:2px solid #f8df9f!important;outline-offset:3px!important;
}
/* Keep hover panel anchored to the artwork; don't clip it. */
.lux-nav .lux-nav__app{overflow:visible!important}
@media (min-width:1161px) and (max-width:1310px){
  .lux-nav{gap:clamp(6px,.66vw,9px)!important}
}
@media (max-width:1160px){
  .lux-nav .lux-nav__app-trigger--art{
    width:min(100%,255px)!important;
    margin-inline:auto!important;
  }
  .lux-nav > a.lux-nav__cta--art{
    width:min(100%,255px)!important;
    margin:3px auto!important;
  }
}
@media (max-width:440px){
  .lux-nav .lux-nav__app-trigger--art,
  .lux-nav > a.lux-nav__cta--art{width:min(100%,232px)!important}
}
@media(prefers-reduced-motion:reduce){
  .lux-nav .lux-nav__art-image{transition:none!important}
}
@media(forced-colors:active){
  .lux-nav .lux-nav__app-trigger--art,
  .lux-nav > a.lux-nav__cta--art{
    outline:1px solid LinkText!important;
    background:Canvas!important;
  }
}


/* LuxBMI: premium hover, original artwork untouched. Site clouds are NOT on buttons. */
.lux-nav .lux-nav__app-trigger--art,
.lux-nav > a.lux-nav__cta--art{
  position:relative!important;isolation:isolate;
  transform:translate3d(0,0,0)!important;
  transition:transform 270ms cubic-bezier(.2,.78,.2,1),filter 270ms ease!important;
}
.lux-nav .lux-nav__art-image{position:relative!important;z-index:1!important}
.lux-nav .lux-nav__art-aura{
  position:absolute;z-index:0;left:6%;right:6%;top:16%;bottom:15%;
  display:block;pointer-events:none;border-radius:45%;
  background:radial-gradient(ellipse at center,rgba(236,165,81,.25),rgba(205,92,48,.11) 50%,transparent 74%);
  filter:blur(9px);opacity:.22;transform:scale(.96);
  transition:opacity 270ms ease,transform 270ms ease;
}
.lux-nav > a.lux-nav__cta--art .lux-nav__art-aura{
  background:radial-gradient(ellipse at center,rgba(102,184,240,.31),rgba(68,118,210,.11) 52%,transparent 75%);
}
.lux-nav .lux-nav__app-trigger--art:hover,
.lux-nav .lux-nav__app-trigger--art:focus-visible,
.lux-nav > a.lux-nav__cta--art:hover,
.lux-nav > a.lux-nav__cta--art:focus-visible{
  transform:translate3d(0,-3px,0) scale(1.025)!important;
}
.lux-nav .lux-nav__app-trigger--art:active,
.lux-nav > a.lux-nav__cta--art:active{
  transform:translate3d(0,-1px,0) scale(1.008)!important;
}
.lux-nav .lux-nav__app-trigger--art:hover .lux-nav__art-aura,
.lux-nav .lux-nav__app-trigger--art:focus-visible .lux-nav__art-aura,
.lux-nav > a.lux-nav__cta--art:hover .lux-nav__art-aura,
.lux-nav > a.lux-nav__cta--art:focus-visible .lux-nav__art-aura{
  opacity:.67;transform:scale(1.1);
}
.lux-nav .lux-nav__app-trigger--art:hover .lux-nav__art-image,
.lux-nav .lux-nav__app-trigger--art:focus-visible .lux-nav__art-image{
  filter:brightness(1.1) drop-shadow(0 7px 13px rgba(0,0,0,.3))
         drop-shadow(0 0 12px rgba(255,160,78,.35));
}
.lux-nav > a.lux-nav__cta--art:hover .lux-nav__art-image,
.lux-nav > a.lux-nav__cta--art:focus-visible .lux-nav__art-image{
  filter:brightness(1.1) drop-shadow(0 7px 13px rgba(0,0,0,.3))
         drop-shadow(0 0 12px rgba(112,187,252,.35));
}
@media(prefers-reduced-motion:reduce){
 .lux-nav .lux-nav__app-trigger--art,
 .lux-nav > a.lux-nav__cta--art{
   transition:none!important;transform:none!important;
 }
 .lux-nav .lux-nav__art-aura{transition:none!important}
 .lux-nav .lux-nav__app-trigger--art:hover,
 .lux-nav .lux-nav__app-trigger--art:focus-visible,
 .lux-nav > a.lux-nav__cta--art:hover,
 .lux-nav > a.lux-nav__cta--art:focus-visible{transform:none!important}
}
@media(forced-colors:active){.lux-nav .lux-nav__art-aura{display:none!important}}

/* Compact desktop correction: CTA artwork stays in the header, while the
   hamburger opens the other navigation actions (with both edge-clouds).
   Restores access to links previously hidden by the CTA-first layout. */
@media (min-width:961px) and (max-width:1650px){
  .lux-header .lux-menu-toggle{
    display:block!important;position:relative!important;z-index:211!important;
    flex:0 0 48px;width:48px;height:48px;
    padding:12px 13px;border:1px solid rgba(246,191,77,.78);
    background:linear-gradient(155deg,#102f52,#07162b 74%);
    border-radius:11px;cursor:pointer;
    clip-path:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%);
  }
  .lux-header .lux-menu-toggle[aria-expanded="true"] > span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .lux-header .lux-menu-toggle[aria-expanded="true"] > span:nth-child(2){opacity:0}
  .lux-header .lux-menu-toggle[aria-expanded="true"] > span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .lux-header .lux-nav:not(.is-open){position:static!important}
  .lux-header .lux-nav.is-open{
    position:fixed!important;inset:0!important;z-index:209!important;
    width:100vw!important;height:100dvh!important;min-height:100vh!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;
    justify-content:flex-start!important;gap:12px!important;
    padding:105px 24px 46px!important;overflow-x:hidden!important;overflow-y:auto!important;
    background:linear-gradient(150deg,#020b19,#071d38 60%,#030a19)!important;
    visibility:visible!important;opacity:1!important;transform:none!important;
  }
  .lux-header .lux-nav.is-open > :not(.lux-nav__app):not(.lux-nav__cta--art):not(.lux-hex-menu__edge-cloud){
    display:flex!important;align-items:center;justify-content:center;
    width:min(100%,490px);min-height:46px;flex:0 0 auto;
    border:1px solid rgba(146,199,249,.52);border-radius:12px;
    background:linear-gradient(115deg,rgba(23,59,99,.78),rgba(9,28,58,.82));
    color:#f4f8ff;padding:10px 18px;text-align:center;
  }
  .lux-header .lux-nav.is-open > .lux-nav__app{width:min(100%,490px);flex:0 0 auto}
  .lux-header .lux-nav.is-open .lux-nav__app-trigger--art{
    width:min(100%,270px)!important;margin-inline:auto!important
  }
  .lux-header .lux-nav.is-open > a.lux-nav__cta--art{
    width:min(100%,260px)!important;margin:2px auto!important
  }
  .lux-header .lux-nav.is-open > .lux-nav__app .lux-nav__app-popover{
    position:relative;top:auto;right:auto;width:min(100%,420px);max-width:100%;
    opacity:1;visibility:visible;transform:none;pointer-events:auto;
    margin:9px auto 0;box-shadow:0 12px 36px rgba(0,0,0,.44);
  }
}
