/* ───────────────────────────────────────────────────────────────
   NYX home — immersive scroll layer (2026-06-09)
   The theatre deepens as you descend: What We Believe = architectural
   descent, Why NYX = night→dawn, Seven Chambers = arrival.
   Visible only in spacious sections; content-dense sections stay clean.
   CSP-safe: this file holds all styling; behaviour in js/immersive.js.
   ─────────────────────────────────────────────────────────────── */

/* === What We Believe — scroll-driven descent === */
.we-believe .wb-cinema{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.we-believe .wb-layer{position:absolute;inset:0;opacity:0;transition:opacity .25s linear;will-change:opacity,transform}
.we-believe .wb-layer video,.we-believe .wb-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:brightness(1.16) saturate(1.06) contrast(1.03)}
.we-believe .wb-layer img{display:none}
@media (max-width:760px){.we-believe .wb-layer video{display:none}.we-believe .wb-layer img{display:block}}
.we-believe .wb-cinema-scrim{position:absolute;inset:0;background:
  radial-gradient(ellipse 58% 76% at 50% 50%, rgba(5,8,16,.58), rgba(5,8,16,.3) 76%, rgba(5,8,16,.56)),
  linear-gradient(180deg, rgba(5,8,16,.72), rgba(5,8,16,.18) 18%, rgba(5,8,16,.18) 82%, rgba(5,8,16,.74))}
.we-believe .wb-glow{position:absolute;left:50%;bottom:8%;width:62vw;height:46vh;transform:translateX(-50%);opacity:0;pointer-events:none;
  background:radial-gradient(ellipse at center, rgba(212,201,160,.34), rgba(184,168,122,.12) 42%, rgba(184,168,122,0) 70%);
  mix-blend-mode:screen;filter:blur(8px)}
@media (max-width:760px){.we-believe .wb-glow{display:none}}

/* === Why NYX — scroll-driven dawn (night → light) === */
.why-nyx .why-dawn{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;mix-blend-mode:screen;will-change:opacity}
.why-nyx .why-dawn::before{content:"";position:absolute;inset:0;
  background:linear-gradient(0deg, rgba(232,176,92,.42) 0%, rgba(212,201,160,.26) 22%, rgba(184,168,122,.08) 46%, rgba(184,168,122,0) 68%)}
.why-nyx .why-dawn::after{content:"";position:absolute;left:50%;bottom:-12%;width:120vw;height:80vh;transform:translateX(-50%);
  background:radial-gradient(ellipse at center bottom, rgba(255,238,200,.6), rgba(232,200,140,.24) 34%, rgba(184,168,122,0) 66%);filter:blur(10px)}

/* === Seven Chambers — arrival: the stage lights rise === */
.hub-radial .hub-arrival{position:absolute;left:50%;top:50%;width:78%;height:78%;transform:translate(-50%,-50%);
  border-radius:50%;opacity:0;pointer-events:none;z-index:0;
  background:radial-gradient(circle at center, rgba(255,238,200,.34), rgba(212,201,160,.13) 38%, rgba(184,168,122,0) 70%);
  mix-blend-mode:screen;filter:blur(22px);transition:opacity 2.2s cubic-bezier(.2,.7,.2,1)}
.hub.arrived .hub-radial .hub-arrival{opacity:1}
.hub-card.is-stage{transition:box-shadow 2.2s ease}
.hub.arrived .hub-card.is-stage{box-shadow:0 0 100px rgba(184,168,122,.5),inset 0 0 54px rgba(184,168,122,.12)}

@media (prefers-reduced-motion:reduce){
  .we-believe .wb-layer{transition:none}
  .hub-radial .hub-arrival,.hub-card.is-stage{transition:none}
}

/* === Business Statement — the dormant stage awakens (masked figure on empty stage) === */
.business-statement .bs-cinema{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.business-statement .bs-layer{position:absolute;inset:0;opacity:0;will-change:opacity,transform}
.business-statement .bs-layer video,.business-statement .bs-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:brightness(1.12) saturate(1.04)}
.business-statement .bs-layer img{display:none}
@media (max-width:760px){.business-statement .bs-layer video{display:none}.business-statement .bs-layer img{display:block}}
.business-statement .bs-scrim{position:absolute;inset:0;background:
  radial-gradient(ellipse 70% 64% at 50% 40%, rgba(10,15,26,.72), rgba(10,15,26,.42) 72%, rgba(8,13,23,.66)),
  linear-gradient(180deg, rgba(8,13,23,.7), rgba(8,13,23,.22) 24%, rgba(8,13,23,.34) 78%, rgba(8,13,23,.7))}