/* Pratinjau Three.js — hanya aturan posisi kanvas debu emas di hero.
   Berkas existing (gaya.css/wabi.css/anim.css) tidak diubah. */
.hero{ position:relative; overflow:hidden; }
.hero > .wadah{ position:relative; z-index:1; }
#kanvas-debu-emas{
  position:absolute; inset:0; z-index:0;
  width:100%; height:100%;
  pointer-events:none; display:block;
}
/* Kanvas halaman (v3): debu ambient + jejak kursor sepenuh viewport.
   z-index 70 = di atas header lengket (50) & tekstur retak body (60);
   pointer-events:none sehingga klik & baca tidak pernah terganggu. */
#kanvas-halaman{
  position:fixed; inset:0; z-index:70;
  width:100%; height:100%;
  pointer-events:none; display:block;
}
/* Cahaya lilin kursor (v4): div sorotan fixed 520px yang transform-nya
   digerakkan JS (translate3d mengekor ke kursor, margin negatif separuh
   ukuran agar titik tengahnya tepat di kursor). mix-blend-mode overlay
   membuat latar & konten di bawahnya terasa diterangi lampu hangat;
   z-index 68 = di bawah kanvas halaman (70) agar jejak kursor tetap
   berkilau di atas cahayanya, di atas tekstur retak body (60).
   opacity awal 0; JS yang mengatur (penuh saat pointer aktif, redup
   30% saat diam/keluar jendela). */
#cahaya-kursor{
  position:fixed; left:0; top:0; z-index:68;
  width:520px; height:520px; margin:-260px 0 0 -260px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,214,140,.55) 0%, rgba(255,198,112,.30) 38%, rgba(255,182,92,0) 70%);
  mix-blend-mode:overlay;
  pointer-events:none; opacity:0;
  will-change:transform,opacity;
}