/* Cinematic opening overlay — fully self-contained.
   To remove the intro entirely: delete this file, intro.js, the <div id="intro-overlay">
   markup, and their two <link>/<script> references. Nothing else depends on this. */

#intro-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  pointer-events:none;
}

#intro-overlay .intro-panel{
  position:absolute;
  left:0;
  width:100%;
  height:50%;
  background:var(--bg-base, #0B0D10);
  transition:transform 1s var(--ease-out, cubic-bezier(.65,0,.35,1));
  will-change:transform;
}

#intro-overlay .intro-panel--top{
  top:0;
  background:
    radial-gradient(ellipse 80% 100% at 50% 100%, rgba(168,85,247,.14), transparent 70%),
    var(--bg-base, #0B0D10);
  border-bottom:1px solid rgba(168,85,247,.25);
  box-shadow:0 1px 32px rgba(168,85,247,.18);
}

#intro-overlay .intro-panel--bottom{
  bottom:0;
  background:
    radial-gradient(ellipse 80% 100% at 50% 0%, rgba(168,85,247,.14), transparent 70%),
    var(--bg-base, #0B0D10);
  border-top:1px solid rgba(168,85,247,.25);
  box-shadow:0 -1px 32px rgba(168,85,247,.18);
}

#intro-overlay.intro-open .intro-panel--top{ transform:translateY(-100%); }
#intro-overlay.intro-open .intro-panel--bottom{ transform:translateY(100%); }

/* Prevent a scroll jump while the overlay is up */
body.intro-lock{ overflow:hidden; }

@media (prefers-reduced-motion: reduce){
  #intro-overlay{ display:none !important; }
}