/* One fixed canvas across the PHP site; all content stays above it. */
.molten-metal-background {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: #0e0e0e;
}
.molten-metal-background canvas { display: block; width: 100%; height: 100%; opacity: 0; }
.molten-metal-background.is-ready canvas { opacity: 1; }
.molten-metal-background::after {
  content: '';
  position: absolute;
  inset: 0;
  /* Protect the text column while letting the metallic highlights stay crisp. */
  background: linear-gradient(90deg, rgba(14,14,14,.60), rgba(14,14,14,.35) 55%, rgba(14,14,14,.10));
}
body.orca-dark .page-wrapper { position: relative; z-index: 1; background: transparent; }
body.orca-dark .orca-hero__atmosphere { background: linear-gradient(180deg, transparent 65%, rgba(14,14,14,.55)); }
@media (max-width: 767px) {
  .molten-metal-background::after { background: rgba(14,14,14,.50); }
}
@media print {
  .molten-metal-background { display: none; }
}