/*
 * Keadaan awal animasi — khusus front-end, tidak dimuat di editor.
 *
 * `html.vc-motion` dipasang oleh skrip kecil di <head> (functions.php),
 * jadi tanpa JS, atau saat pengguna meminta gerak minimal, semua konten
 * langsung terlihat. animations.js wajib memakai gsap.fromTo, karena
 * gsap.from akan membaca opacity:0 ini sebagai nilai akhir.
 *
 * Kosakata kelas (ditulis di kolom "Additional CSS class" blok):
 *   vc-rise          muncul dari bawah + fade
 *   vc-fade          fade saja
 *   vc-settle        skala 1.08 → 1 (foto)
 *   vc-stagger       anak langsungnya muncul berurutan
 *   vc-on-load       jalan saat halaman dimuat, bukan saat di-scroll
 *   vc-delay-NN      tunda NN/100 detik (vc-delay-22 = 0.22 s)
 *   vc-parallax      parallax terhadap induknya
 *   vc-parallax-host blok Cover yang foto latarnya ber-parallax
 *   vc-marquee       ticker berjalan (butuh dua anak identik)
 *   vc-float         mengambang naik-turun
 *   vc-counter       angka menghitung naik (vc-counter-raw untuk tahun)
 */

html.vc-motion :is(.vc-rise, .vc-fade, .vc-stagger > *) {
	opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
	html.vc-motion :is(.vc-rise, .vc-fade, .vc-stagger > *) {
		opacity: 1;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}