/* ==========================================================================
   SOURCE SITE FOUNDATION — CORE STYLESHEET (v1.0.0)
   Universal site environment: ambient glow, ambient microgrid, canonical
   animated background layering, and modular shell mounts.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Ambient Viewport Cursor Spotlight (.bg-glow)
   -------------------------------------------------------------------------- */
.bg-glow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -2;
  background: radial-gradient(circle 900px at var(--mouse-x, 50%) var(--mouse-y, 50%), var(--source-accent-glow-soft, rgba(212, 175, 55, 0.04)), transparent 70%);
  transition: background 0.05s ease;
  pointer-events: none;
}

/* --------------------------------------------------------------------------
   2. Dynamic Microgrid Matrix (.bg-grid)
   -------------------------------------------------------------------------- */
.bg-grid {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  background-image: 
    linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
  background-size: 50px 50px;
  background-position: center center;
  mask-image: radial-gradient(circle 650px at var(--mouse-x, 50%) var(--mouse-y, 50%), black, transparent 80%);
  -webkit-mask-image: radial-gradient(circle 650px at var(--mouse-x, 50%) var(--mouse-y, 50%), black, transparent 80%);
  pointer-events: none;
}

/* --------------------------------------------------------------------------
   3. Canonical Animated Background Layer (.source-bg-container)
   -------------------------------------------------------------------------- */
.source-bg-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -10;
  opacity: 0.30;
  background: #050505;
  mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 100%);
  pointer-events: none;
  overflow: hidden;
}

.source-bg-container .source-bg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.source-bg-container #random-bg,
.source-bg-container [data-us-project] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --------------------------------------------------------------------------
   4. Modular Shell Mounts
   -------------------------------------------------------------------------- */
#site-header {
  position: relative;
  z-index: 50;
}

#site-footer {
  position: relative;
  z-index: 20;
}