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

/* ── Promote long-lived animated layers to GPU compositor ── */
#floral-canvas,
#particle-canvas,
#particle-canvas-intro,
#finale-canvas {
  will-change: contents;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* ── Contain painting to sections; prevent full-page repaints ── */
#main-site  { contain: layout style; }
#intro-scene { contain: layout style; }
section     { contain: layout; }

/* ── Falling petals: CSS-only animation, no JS per-frame ── */
#falling-petals,
#floating-orbs {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  will-change: transform;
}

/* ── Scrollable content: promote to own layer ── */
.glass {
  transform: translate3d(0, 0, 0);
}

/* ── Disable heavy filters on low-end ── */
.tier-low .cinematic-vignette { opacity: 0.6 !important; }
.tier-low .bg-flower { display: none; }
.tier-low .hero-bg-flowers { display: none; }
.tier-low .inline-flower { animation: none !important; }
.tier-low .s-petal { animation-play-state: paused !important; }

/* ── Reduce backdrop-filter cost on mid/low ── */
.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; }

/* ── Passive scroll: hardware-accelerated transform parallax only ── */
.parallax-layer { will-change: transform; }

/* ── Cursor trail: contain within viewport ── */
.cursor-petal {
  contain: layout style size;
  pointer-events: none;
}

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


/* ── Music player: pindah ke kiri bawah ──
   Supaya konten tengah tidak terganggu secara visual */
#cp-root {
  right: auto !important;
  left: 28px !important;
}