/* The public universe: data becomes structure, structure becomes continuity. */
body.hero-cinematic {
  --universe-bg: #040913; --universe-panel: #091624; --universe-line: #7cd8ed29;
  --universe-text: #edf6fc; --universe-muted: #9ab1c6; --universe-cyan: #7ee8ec;
  --gold: #7ee8ec; --gold-2: #7ed8ee; --mint: #70e8d2; --ink: #edf6fc;
  background: var(--universe-bg); color: var(--universe-text);
}
/* Once inside, the photograph is removed before the two opaque universes exchange. */
body.hero-cinematic.motion-enabled .hero-monitor-layer.is-built .hero-reference-cutout { opacity: var(--photograph-opacity,1); }
#cosmos-stars { z-index:2; }
.cosmos-veil,.cosmos-orbits { z-index:1; }
.cosmos-coordinate { z-index:4; }

/* A small portal is the consistent entrance to the client workspace. */
body.hero-cinematic .nav-login {
  display:flex !important; align-items:center; justify-content:center; gap:13px !important;
  min-width:162px; min-height:44px !important; height:44px; padding:10px var(--nav-access-padding,17px) !important;
  border:1px solid #8cb7c64d !important; border-radius:7px !important;
  color:#eafcff !important; background:#10233266 !important;
  box-shadow:none !important;
  transition:transform .25s,box-shadow .25s,border-color .25s !important;
}
body.hero-cinematic .nav-login:hover { border-color:#a9d8e5 !important; background:#1c3a4b99 !important; box-shadow:none !important; }
body.hero-cinematic .nav-login-label { display:block !important; color:#edf7fc !important; font-size:13px; line-height:1; font-weight:500; }
.nav-login-label small { color:#9fdce4; font-size:7px; letter-spacing:.16em; font-weight:500; }
body.hero-cinematic .nav-login-arrow { display:block; width:16px; height:16px; transition:translate .25s; }
.nav-login:hover .nav-login-arrow { translate:3px 0; }
body.hero-cinematic :is(a,button):focus-visible { outline:2px solid #9defff; outline-offset:5px; }


/* Narrative chapter styles: landing-journey.css. */