/* Cursor-driven object physics for the first ZUNGK archive only. */
body[data-view="zungk"] .wf-editorial.is-physics-enabled .wf-tile,
body[data-view="zungk"] .wf-editorial.is-physics-enabled.is-infinite-ready .wf-tile {
  --zk-physics-x: 0px;
  --zk-physics-y: 0px;
  --zk-physics-rotate: 0deg;
  transform: translate3d(var(--zk-physics-x), var(--zk-physics-y), 0) scale(1);
  transition: filter 180ms ease;
}

body[data-view="zungk"] .wf-editorial.is-physics-enabled .wf-tile:hover,
body[data-view="zungk"] .wf-editorial.is-physics-enabled .wf-tile:focus-visible {
  transform: translate3d(var(--zk-physics-x), var(--zk-physics-y), 0) scale(1);
}

body[data-view="zungk"] .wf-editorial.is-physics-enabled.is-panning .wf-tile,
body[data-view="zungk"] .wf-editorial.is-physics-enabled.is-panning .wf-tile:hover,
body[data-view="zungk"] .wf-editorial.is-physics-enabled.is-panning .wf-tile:focus-visible {
  transform: translate3d(var(--zk-physics-x), var(--zk-physics-y), 0) scale(1);
}

body[data-view="zungk"] .wf-editorial.is-physics-enabled .wf-tile.is-physics-impact .wf-object {
  filter: drop-shadow(0 16px 13px rgba(13, 13, 11, 0.29));
}

body[data-view="zungk"] .wf-editorial.is-physics-enabled .wf-tile .wf-object,
body[data-view="zungk"] .wf-editorial.is-physics-enabled .wf-tile:hover .wf-object,
body[data-view="zungk"] .wf-editorial.is-physics-enabled .wf-tile:focus-visible .wf-object,
body[data-view="zungk"] .wf-editorial.is-physics-enabled .wf-tile.is-selected .wf-object,
body[data-view="zungk"] .wf-editorial.is-physics-enabled .wf-tile.is-picked .wf-object {
  transform: rotate(calc(var(--object-rotate) + var(--zk-physics-rotate))) scale(var(--object-scale));
}

body[data-view="zungk"] .wf-editorial.is-physics-enabled .wf-tile.is-physics-impact .wf-object-fit {
  animation: zk-physics-impact 150ms cubic-bezier(0.16, 0.78, 0.22, 1);
}

@keyframes zk-physics-impact {
  0% { transform: scale(1); }
  34% { transform: scale(1.025, 0.975); }
  100% { transform: scale(1); }
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  body[data-view="zungk"] .wf-editorial.is-physics-enabled .wf-tile,
  body[data-view="zungk"] .wf-editorial.is-physics-enabled .wf-tile:hover,
  body[data-view="zungk"] .wf-editorial.is-physics-enabled .wf-tile:focus-visible {
    transform: translate3d(0, 0, 0) scale(1);
  }

  body[data-view="zungk"] .wf-editorial.is-physics-enabled .wf-tile .wf-object {
    transform: rotate(var(--object-rotate)) scale(var(--object-scale));
  }
}