/* fx.css · hover/photo-zoom, the photo eases closer inside its card · owner: Lizzy East · all rights reserved */

[data-fx~="hover/photo-zoom"] [data-fx-frame] { overflow: clip; }
@media (prefers-reduced-motion: no-preference) {
  [data-fx~="hover/photo-zoom"] [data-fx-frame] img { transition: scale var(--fx-hover-dur, 420ms) var(--fx-ease); }
}
@media (hover: hover) and (pointer: fine) {
  [data-fx~="hover/photo-zoom"]:hover [data-fx-frame] img { scale: var(--fx-zoom, 1.06); }
}
[data-fx~="hover/photo-zoom"]:focus-visible [data-fx-frame] img { scale: var(--fx-zoom, 1.06); }