/* Engineer One: Discovery App visual continuity, 2026-10-31.
   The original animated app background and all Discovery flows remain intact.
   User artwork: Tool box/Pic/edges1.png and edges2.png, optimized as WebP. */
body.discovery-atmosphere {
  isolation:isolate;
  overflow-x:hidden;
  /* No pink/purple wash. Preserve the original midnight-blue LuxBMI palette. */
  background:radial-gradient(ellipse at 80% 26%,rgba(14,53,102,.78),transparent 52%),
             linear-gradient(145deg,#020817 0%,#081830 58%,#020817 100%);
}
/* Edges 1 belongs only at the far RIGHT edge, behind all page content.
   The left fade hides the image boundary and prevents a hard rectangular seam. */
body.discovery-atmosphere::before {
  /* No Edge1 on the public-facing Discovery preview page. */
  content:none;
  position:fixed;
  inset:88px 0 0 auto;
  width:clamp(280px,34vw,520px);
  height:calc(100vh - 88px);
  height:calc(100dvh - 88px);
  z-index:0;
  pointer-events:none;
  background:url("./discover/discover-edge-right.webp") right center / cover no-repeat;
  opacity:.62;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.20) 29%,rgba(0,0,0,.82) 72%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.20) 29%,rgba(0,0,0,.82) 72%,#000 100%);
}
/* Edges 2 becomes a quiet BLUE/GOLD cloud accent in the far bottom-right.
   It no longer washes across the text, main panel, or the whole screen. */
body.discovery-atmosphere::after {
  content:"";
  position:fixed;
  right:-3vw;
  bottom:-4vh;
  width:min(65vw,950px);
  height:min(35vh,365px);
  height:min(35dvh,365px);
  z-index:0;
  pointer-events:none;
  background:url("./discover/discover-edge-bottom.webp") right bottom / contain no-repeat;
  opacity:.21;
  filter:saturate(.76) hue-rotate(-7deg);
  -webkit-mask-image:radial-gradient(ellipse at 88% 96%,#000 14%,rgba(0,0,0,.65) 44%,transparent 83%);
  mask-image:radial-gradient(ellipse at 88% 96%,#000 14%,rgba(0,0,0,.65) 44%,transparent 83%);
}
/* Keep the atmosphere behind the existing editorial, phone and controls. */
body.discovery-atmosphere .layout {z-index:1;}
body.discovery-atmosphere .site-top {z-index:200;}
body.discovery-atmosphere .art-content .mark,
body.discovery-atmosphere .journey-emblem,
body.discovery-atmosphere .journey-toolbar-title img {
  filter:drop-shadow(0 0 11px rgba(41,200,255,.66)) drop-shadow(0 0 22px rgba(246,185,31,.28));
  animation:lux-discovery-logo-breathe 4.8s ease-in-out infinite;
  will-change:filter;
}
body.discovery-atmosphere .art-content .mark {animation-duration:5.8s;}
/* Header emblem is quiet by default. Blue light appears only on hover/focus. */
body.discovery-atmosphere .site-brand img {
  filter:none;
  animation:none;
  will-change:auto;
  transition:filter .22s ease;
}
body.discovery-atmosphere .site-brand strong {text-shadow:none;transition:text-shadow .22s ease;}
body.discovery-atmosphere .site-brand:hover img,
body.discovery-atmosphere .site-brand:focus-visible img {
  filter:drop-shadow(0 0 10px rgba(41,200,255,.94)) drop-shadow(0 0 24px rgba(35,145,255,.72));
}
body.discovery-atmosphere .site-brand:hover strong,
body.discovery-atmosphere .site-brand:focus-visible strong {
  text-shadow:0 0 14px rgba(41,200,255,.50);
}
body.discovery-atmosphere .handset {
  box-shadow:0 24px 90px rgba(0,0,0,.67),0 0 40px rgba(41,200,255,.20),0 0 0 1px rgba(246,185,31,.12);
  transition:box-shadow .3s ease, transform .3s ease;
}
body.discovery-atmosphere .handset:hover {
  box-shadow:0 25px 95px rgba(0,0,0,.7),0 0 52px rgba(41,200,255,.28),0 0 20px rgba(246,185,31,.17);
}
body.discovery-atmosphere :is(.touch.gold,.editorial .action-list a,.journey-control.primary,#journey-download):hover {
  filter:brightness(1.10);
  box-shadow:0 0 22px rgba(246,185,31,.21),0 0 28px rgba(41,200,255,.11);
}
body.discovery-atmosphere .layout {animation:lux-discovery-arrival .65s ease-out both;}
@keyframes lux-discovery-logo-breathe {
  0%,100% {filter:drop-shadow(0 0 9px rgba(41,200,255,.50)) drop-shadow(0 0 17px rgba(246,185,31,.23));}
  50% {filter:drop-shadow(0 0 17px rgba(41,200,255,.87)) drop-shadow(0 0 33px rgba(246,185,31,.47));}
}
@keyframes lux-discovery-arrival {
  from {opacity:0;transform:translateY(14px);}
  to {opacity:1;transform:translateY(0);}
}
@media (max-width:900px) {
  body.discovery-atmosphere::before {
    inset:73px 0 0 auto;
    width:clamp(160px,46vw,310px);
    height:calc(100dvh - 73px);
    opacity:.42;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.25) 33%,#000 100%);
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.25) 33%,#000 100%);
  }
  body.discovery-atmosphere::after {
    right:-8vw;
    bottom:-3vh;
    width:min(80vw,510px);
    height:min(24dvh,240px);
    opacity:.14;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.discovery-atmosphere .layout {animation:none;}
  body.discovery-atmosphere :is(.site-brand img,.art-content .mark,.journey-emblem,.journey-toolbar-title img) {animation:none;will-change:auto;}
  body.discovery-atmosphere .handset {transition:none;}
}
html.lux-discovery-paused body.discovery-atmosphere .layout {animation:none;}
html.lux-discovery-paused body.discovery-atmosphere :is(.site-brand img,.art-content .mark,.journey-emblem,.journey-toolbar-title img) {animation:none;will-change:auto;}