/* ===========================================================
   Interior pages — animated background + scroll reveals
   Loaded AFTER site.css. Home page does not use this file.
   =========================================================== */

/* the 3D background layers */
#bgScene { position:fixed; inset:0; z-index:0; pointer-events:none; }
.bg-glow {
  position:fixed; left:50%; top:60%; transform:translate(-50%,-50%);
  width:min(820px,90vw); height:min(820px,90vw); border-radius:50%;
  background:radial-gradient(circle,
    rgba(116,245,235,0.10) 0%,
    rgba(96,150,230,0.06) 38%,
    transparent 65%);
  filter:blur(16px); z-index:0; pointer-events:none;
}

/* lift page content above the canvas — but DO NOT touch header.nav:
   it must keep its sticky position + z-index:100 from site.css so the
   Divisions dropdown stays clickable above page content. */
.page, footer { position:relative; z-index:1; }

/* let the background show through solid section fills */
.phero, .hero { background:linear-gradient(180deg, rgba(12,14,20,0.72) 0%, rgba(10,11,14,0.35) 100%) !important; }
.dark-sec { background:rgba(10,11,14,0.45) !important; }

/* native scrolling on interior pages (no smooth-scroll hijack; the
   site.css `scroll-behavior:smooth` + JS scroll libraries conflict,
   worst on Safari) */
html { scroll-behavior:auto !important; }

/* scroll-reveal initial + revealed states */
[data-io] { opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease; }
[data-io].io-in { opacity:1; transform:none; }

/* accessibility: no motion */
@media (prefers-reduced-motion: reduce) {
  #bgScene, .bg-glow { display:none; }
  [data-io] { opacity:1; transform:none; transition:none; }
}