/* Orbit PPEPP 3D di hero (lihat hero3d.js). Foto statis tetap menjadi cadangan. */
.hero .photo .hero3d { position: absolute; inset: 0; width: 100%; height: 100%; display: block; pointer-events: none;
  opacity: 0; transition: opacity 1.4s ease; mix-blend-mode: screen; }
.hero .photo .hero3d.siap { opacity: 1; }
.hero .photo .hero3d-tip { position: absolute; z-index: 3; max-width: 230px; padding: 9px 13px; border-radius: 10px; pointer-events: none;
  background: rgba(10, 28, 48, .94); color: #F6F8FB; border: 1px solid rgba(140, 187, 235, .45);
  font: 500 13px/1.4 var(--f-body); transform: translate(-50%, -135%); box-shadow: 0 8px 24px rgba(0, 0, 0, .4); }
.hero .photo .hero3d-tip.bawah { transform: translate(-50%, 40%); }
.hero .photo .hero3d-tip[hidden] { display: none; }
.hero .photo .hero3d-tip strong { display: block; font: 700 14px/1.2 var(--f-display); color: #E9A23B; margin-bottom: 2px; }
@media (prefers-reduced-motion: reduce) { .hero .photo .hero3d { display: none; } }