/* ==========================================================================
   360 Brand Club — Golden Particle Atmosphere (styles)
   Only one rule-set: the particle canvas. No existing selector is touched.
   Remove the <link> to this file and the <script> for js/festive.js to switch
   the effect off completely.
   ========================================================================== */
.fx-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; /* above plain section backgrounds, below anything the site stacks at z>=1 (hero text/overlay, navbar 999) */
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  opacity: 0;
  transition: opacity 2s ease;
  contain: strict;
}
.fx-canvas.fx-on {
  opacity: 1;
}
@media print {
  .fx-canvas {
    display: none !important;
  }
}