/* =========================================================
   SIP Digital — hero 3D layer
   One WebGL canvas behind the hero content, drawn by assets/js/hero3d.js.
   Every name in this file is prefixed "hero3d" so it cannot collide
   with the site's short class names.
   ========================================================= */

/* Fills the hero, sits under .hero__grid (z-index 1), never takes clicks. */
.hero3d {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

/* Set by hero3d.js when Three.js or WebGL is missing: the hero falls back to its flat look. */
.hero3d.hero3d--off { display: none; }

/* Printing a WebGL canvas gives a blank or black box. */
@media print {
  .hero3d { display: none; }
}