/* ═══════════════════════════════════════════════════════════
   JAWS — Card depth system (home page)
   Subtle 3D lift (not a flip) + 3D entrance reveal. The companion
   orb is rendered by orb-3d.js (real Three.js, full-viewport).
   ═══════════════════════════════════════════════════════════ */

.tilt3d{transform-style:preserve-3d;
  transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease;
  will-change:transform}
.tilt3d:hover{box-shadow:0 26px 64px -22px rgba(124,58,237,.45)}

/* 3D entrance reveal */
.card3d-in{opacity:0;transform:perspective(1100px) rotateX(12deg) translateY(34px);
  transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}
.card3d-in.shown{opacity:1;transform:perspective(1100px) rotateX(0) translateY(0)}

@media(prefers-reduced-motion:reduce){
  .card3d-in{transition:opacity .4s ease;transform:none}
  .card3d-in.shown{transform:none}
  .tilt3d{transition:none}
}