/* ============================================================

   Page 2 — Stellar particle starfield (behind Floaty iframe)

   Three.js canvas from particle-stellar-starfield (Andromeda preset)

   ============================================================ */



#page2-starfield {

  position: absolute;

  inset: 0;

  z-index: 0;

  pointer-events: none;

  overflow: hidden;

  opacity: 0;

  transition: opacity 0.6s ease;

  background: #020204;

}



#page2-starfield.is-active {

  opacity: 1;

}



#page2-starfield.is-pending {

  opacity: calc(0.16 + var(--star-bridge-p, 0.35) * 0.58);

  transition: none;

}



#page2StarCanvas {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  display: block;

}



/* Subtle edge vignette over the WebGL canvas */

.page2-starfield-vignette {

  position: absolute;

  inset: 0;

  pointer-events: none;

  background:

    linear-gradient(180deg, rgba(2, 2, 4, 0.55) 0%, transparent 18%),

    linear-gradient(0deg, rgba(2, 2, 4, 0.65) 0%, transparent 22%);

  opacity: 0.75;

}



@media (prefers-reduced-motion: reduce) {

  #page2-starfield {

    transition-duration: 0.01ms;

  }

}