/* fix-v76.css — DIET RENDER (panduan Argon port 18082, 56 detik, dengan koreksi).
   Masalah: v75 hanya mempercepat DOWNLOAD; begitu dibuka, portal patah-patah karena RENDER —
   puluhan animasi + efek blur kaca jalan bersamaan dan browser repaint CPU tiap frame.
   Foto/hero/background/galeri/font TIDAK disentuh. Portal (layout/isi) TIDAK diubah.
   KOREKSI dari panduan Argon:
   (1) .hero__mist Argon diganti putih — SALAH. Aslinya emas #D4AF5A opacity .22. Di sini
       diganti radial-gradient EMAS yang sama (rgba(212,175,90,.22) -> transparan), dan
       opacity dipaksa 1 karena alpha sudah ada di gradient (kalau opacity tetap .22,
       hasilnya .22*.22 = nyaris tak terlihat).
   (2) .reveal.active Argon tidak ada di codebase (sistem reveal memakai .is-visible) —
       diganti selektor asli aturan blur(10px)!important per section (lihat bawah).
   (3) Selektor kartu Argon pakai "+" (adjacent sibling) — SALAH, elemennya bukan sibling
       bersebelahan. Di sini dipisah per elemen (koma).
   (4) background putih 85% Argon untuk kartu — SALAH, tema ini emerald gelap; kartu putih
       akan jadi kotak putih mencolok. Di sini background-color emerald rgba(10,53,39,.88)
       — warna sama dengan bg kartu yang sudah ada (0.38), hanya lebih solid supaya teks
       tetap terbaca tanpa blur kaca. .gallery-item dikeluarkan (itu foto, bukan kartu kaca).
   (5) .music-toggle dan .bottom-nav sudah backdrop-filter:none sejak v65 — tidak diulang.
   (6) Burung ternyata 20 (b1-b20), bukan 14 seperti kata Argon — yang disembunyikan di LITE
       b4-b20 (17 ekor), tersisa 3. nth-child TIDAK dipakai (parent berisi elemen campuran,
       nth-child menghitung semua sibling dan bisa menyembunyikan semua) — pakai class b/p/f.
   (7) Aturan deteksi LITE (deviceMemory/hardwareConcurrency) TIDAK diubah — aturan blanket
       "semua Android <768px = LITE" dari Argon ditolak, karena HP Android kencang (misal
       layar 360px) tidak butuh diet dan akan kehilangan efek kaca sia-sia.
   (8) Semua 14 bunga .scene__float TETAP tampil di LITE (JURAGAN minta bawah ramai);
       yang dipangkas hanya burung, kelopak jatuh, kabut lapis 2, dan putaran cahaya.
   (9) body.lite *{filter:none} Argon TIDAK dipakai — akan mematikan filter statis yang
       disengaja (.tree img brightness/saturate, hover brightness). Yang dimatikan hanya
       filter blur yang dianimasikan + blur awan joglo di LITE.
   (10) .lig hanya tampil saat opening (.light-rays display:none di luar opening) — jadi
        bukan sumber lag kontinu; di LITE putarannya tetap dihentikan (hemat saat opening). */

/* === GLOBAL: promosi GPU — elemen animasi jadi layer sendiri, tidak repaint CPU tiap frame === */
.bird,.petal,.scene__float,.scene__float img,.fog,.fog--a,.fog--b,.lig,.cloud{will-change:transform,opacity;transform:translateZ(0)}

/* === GLOBAL: .hero__mist — blur(30px) diganti radial-gradient emas, tampilan sama === */
.hero__mist{filter:none !important;opacity:1 !important;background:radial-gradient(ellipse at center,rgba(212,175,90,.22) 0%,rgba(212,175,90,0) 70%) !important}

/* === GLOBAL: hapus blur yang dianimasikan saat elemen muncul (reveal) ===
   Elemen tetap fade + geser masuk (opacity + translateY), hanya efek "dari buram ke jelas"
   yang hilang — efek itu yang memaksa browser me-raster ulang tiap frame selama 1.4 detik.
   Selektor disalin persis dari aturan blur(10px)!important aslinya supaya menang spesifisitas. */
section.countdown#countdown p.eyebrow,section.countdown#countdown h2,section.countdown#countdown div.timer,section.countdown#countdown p.countdown__note,section.acara#acara .reveal,section.cerita#cerita .reveal,section.rsvp#rsvp div.rsvp__panel div.section-heading,section.rsvp#rsvp div.rsvp__panel form.rsvp-form,section.rsvp#rsvp div.rsvp__panel div.wishes,section.galeri#galeri .section-heading.is-visible ~ .gallery-grid figure.gallery-item:not(.tile-inview),.reveal,.char-reveal,.fog-text{filter:none !important}

/* === LITE (HP kentang): matikan backdrop-filter kaca di kartu besar, ganti fill emerald solid === */
body.lite section.mempelai#mempelai .section-heading.reveal,body.lite section.mempelai#mempelai article.profile-card.reveal,body.lite section.countdown#countdown div.countdown__inner.reveal,body.lite section.acara#acara .section-heading,body.lite section.acara#acara .event-card,body.lite section.galeri#galeri .section-heading,body.lite section.cerita#cerita .section-heading,body.lite section.cerita#cerita .timeline-item{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background-color:rgba(10,53,39,.88) !important}

/* === LITE: matikan backdrop-filter di elemen kecil (bg mereka sendiri sudah cukup) === */
body.lite footer.footer#penutup::before,body.lite .portal__to,body.lite .button,body.lite .button--glass{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}

/* === LITE: pangkas elemen animasi portal — tersisa 3 burung, 2 kelopak, 1 lapis kabut === */
body.lite .bird.b4,body.lite .bird.b5,body.lite .bird.b6,body.lite .bird.b7,body.lite .bird.b8,body.lite .bird.b9,body.lite .bird.b10,body.lite .bird.b11,body.lite .bird.b12,body.lite .bird.b13,body.lite .bird.b14,body.lite .bird.b15,body.lite .bird.b16,body.lite .bird.b17,body.lite .bird.b18,body.lite .bird.b19,body.lite .bird.b20{display:none !important}
body.lite .petal.p3,body.lite .petal.p4,body.lite .petal.p5,body.lite .petal.p6{display:none !important}
body.lite .fog--b{display:none !important}
body.lite .lig{animation:none !important}
body.lite .cloud{filter:none !important}