/* ============================================================
   ELYSIAN — Opening sequence v4
   Shown only when html.intro-on is set by the head script, so
   no-JS and reduced-motion visitors land straight on the page.
   ============================================================ */
#intro { display: none; }
html.intro-on, html.intro-on body { overflow: hidden; height: 100%; }
html.intro-on #intro {
  display: block;
  position: fixed; inset: 0; z-index: 1000;
  background: #000;
  cursor: default;
  user-select: none; -webkit-user-select: none;
}
html.intro-on #site { visibility: hidden; }
#site { position: relative; background: #fff; }   /* sits beneath the intro: the intro's smoked glass blurs it */
#intro-canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }