/* =========================================================
   HERO 3D MOUSE-TRACKING (Anime.js tilt + paralaks)
   - Dipasang di .hero-premium-3d (sudah ada di home.blade.php)
   - Hemat resource: dimatikan di mobile & prefers-reduced-motion
   ========================================================= */

/* Tidak ada override agresif: hanya tambahkan will-change
   sebagai hint ke browser, sisanya di-handle anime.js via JS.
   CSS utama untuk hero sudah ada di blok hero-premium-3d.
*/

@media (prefers-reduced-motion: reduce) {
    .hero-premium-3d [data-hero-depth],
    .hero-premium-3d .hero-interactive-panel,
    .hero-premium-3d .hero-3d-stage {
        transform: none !important;
    }
}

/* Di mobile/tablet tilt sering patah-patah - matikan saja
   di bawah breakpoint lg Bootstrap (991.98px). */
@media (max-width: 991.98px) {
    .hero-interactive-panel,
    .hero-3d-stage {
        transform: none !important;
        perspective: none !important;
    }
}