/* =====================================================================
   Om Enterprise — Cinematic layer (styles)
   • Full-viewport flowing "video" canvas backdrop
   • Smoothing for the scroll-driven 3D transforms
   ===================================================================== */

/* The page now sits over a living canvas, so the solid white body fill is
   dropped to transparent. html keeps a white fallback for the brief moment
   before the canvas paints (and if JS/canvas is unavailable). */
html { background: #ffffff; }
body { background: transparent; }

/* ---- Flowing video-type background -------------------------------- */
#fxCanvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;                 /* behind aurora (-1) and all content */
  pointer-events: none;
  /* up-scale + heavy blur of the low-res render → smooth liquid motion */
  filter: blur(46px) saturate(1.12);
  transform: scale(1.12);      /* hide blurred edges */
  opacity: .92;
}

/* The aurora wash (body::before, z-index:-1) layers gently on top of the
   canvas — keep it a touch lighter so the moving field reads through. */
body::before { opacity: .85; }

/* ---- Scroll-driven 3D smoothing ----------------------------------- */
/* JS writes the transform every frame; this just eases the motion so the
   tilt feels weighted rather than snapping. */
.section-head,
.stats-card,
.mission-card,
#about .media-frame,
.quote-form,
.contact-info {
  transition: transform .35s cubic-bezier(.16, 1, .3, 1);
  backface-visibility: hidden;
}

/* Give content surfaces a hair more depth shadow so the 3D recede reads. */
.stats-card,
.mission-card,
.quote-form { transform-origin: 50% 50%; }

/* Safety: the perspective transforms must never spill horizontally. */
html, body { overflow-x: hidden; }

/* Note: per this site's product brief the cinematic motion stays active for
   everyone (matching the pointer-tilt / scroll-reveal policy in main.js), so
   there is intentionally no prefers-reduced-motion kill-switch here. The
   looping motions that ARE calmed for reduced motion live in premium.css. */