/* ================================================================
   GPU OPTIMIZATION — Compositing layer hints & paint containment
   ================================================================ */

#floral-canvas,
#particle-canvas,
#particle-canvas-intro,
#finale-canvas {
  will-change: contents;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

#main-site  { contain: layout style; }
#intro-scene { contain: layout style; }
section     { contain: layout; }

#falling-petals,
#floating-orbs {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  will-change: transform;
}

.glass {
  transform: translate3d(0, 0, 0);
}

.tier-low .cinematic-vignette { opacity: 0.6 !important; }
.tier-low .inline-flower { animation: none !important; }
.tier-low .s-petal { animation-play-state: paused !important; }

.tier-low  .glass { backdrop-filter: blur(6px)  !important; -webkit-backdrop-filter: blur(6px)  !important; }
.tier-mid  .glass { backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; }

.parallax-layer { will-change: transform; }

.cursor-petal {
  contain: layout style size;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  #floral-canvas,
  #particle-canvas,
  #particle-canvas-intro,
  .falling-petal,
  .orb,
  .cursor-petal,
  .s-petal {
    display: none !important;
  }
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}