/* =====================================================================
   HIPMI DEPOK — Transisi & Paralax untuk SEMUA MENU PUBLIK (tanpa login)
   Terpisah dari tema homepage V1–V6. Aktif hanya bila body.pub-motion.
   Warna senada preloader: navy #0B2E59 + gold #C9972B. Ringan, tanpa aset.
   ===================================================================== */

/* ---------- Tirai transisi antar-menu (senada preloader Gold Dawn) ---------- */
#pub-curtain{
  position:fixed;inset:0;z-index:9998;pointer-events:none;
  transform:translateY(100%);
  background:
    radial-gradient(ellipse 80% 46% at 50% 112%, rgba(240,209,135,.34), rgba(201,151,43,.12) 32%, transparent 60%),
    linear-gradient(180deg,#0b2b52 0%,#134074 45%,#1d4e89 100%);
  display:flex;align-items:center;justify-content:center;
}
#pub-curtain .pc-mark{
  opacity:0;transform:translateY(10px);
  font-family:'Orbitron','Archivo',system-ui,sans-serif;font-weight:600;
  font-size:.78rem;letter-spacing:.42em;text-transform:uppercase;color:#e7b94e;padding-left:.42em;
}
#pub-curtain .pc-line{
  position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,#e7b94e,transparent);opacity:.9
}
/* masuk (saat klik menu) → naik menutup layar */
#pub-curtain.pc-in{transform:translateY(0);transition:transform .55s cubic-bezier(.76,0,.24,1)}
#pub-curtain.pc-in .pc-mark{opacity:1;transform:translateY(0);transition:opacity .4s ease .15s,transform .4s ease .15s}
/* keluar (saat halaman baru siap) → naik keluar layar */
#pub-curtain.pc-out{transform:translateY(-100%);transition:transform .7s cubic-bezier(.76,0,.24,1)}

/* ---------- Reveal saat scroll ---------- */
.pm .pub-motion [data-pm]{opacity:0;will-change:transform,opacity}

/* ---------- Paralax gambar ---------- */
.pub-motion .art-card .thumb,
.pub-motion .photo-grid img,
.pub-motion .eks-photo{overflow:hidden}
.pub-motion .art-card .thumb img,
.pub-motion .eks-photo img{will-change:transform}

/* ---------- Sentuhan halus (tanpa mengubah warna/tata letak) ---------- */
.pub-motion .card-hover{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s}
.pub-motion .card-hover:hover{transform:translateY(-5px)}
.pub-motion .pagehead h1{will-change:transform,opacity}

/* ---------- Hormati reduced-motion ---------- */
@media(prefers-reduced-motion:reduce){
  .pm .pub-motion [data-pm]{opacity:1!important;transform:none!important}
  #pub-curtain{display:none!important}
  .pub-motion .card-hover:hover{transform:none}
}