/* ==========================================================================
   Kinetic Constellation — DP Designs Living Background Engine
   Concept A: Autonomous Neural Mesh, Deep Dark Palette & Scroll Parallax
   ========================================================================== */

/* The constellation is opt-in on the production pages that load this file.
   Contact intentionally does not load the component. */
.constellation-page .site-motion-field {
  display: none !important;
}

/* Keep the existing page background as the canvas beneath the particles. */
.constellation-page {
  isolation: isolate;
  background-color: var(--color-black);
}

html[data-theme="light"] .constellation-page {
  background-color: var(--color-black);
}

.se-constellation-canvas {
  position: fixed;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100vh;
  height: 100svh;
  pointer-events: none;
}

/* Preserve each page's own surface colors and keep interactive content above it. */
.constellation-page main,
.constellation-page .site-footer {
  position: relative;
  z-index: 1;
}

.constellation-page .site-header {
  z-index: 101;
}

/* Reduced motion keeps a single, quiet constellation frame. */
@media (prefers-reduced-motion: reduce) {
  .se-constellation-canvas {
    opacity: 0.4;
  }
}