/*
 * fx-hover: zoom leve nas fotos dentro de moldura dourada / janela de obra.
 * Puro CSS (:hover / :focus-within) — nenhum js/fx-hover.js é necessário.
 */
.gold-frame {
  overflow: hidden;
}

.gold-frame img,
.artwork-window img {
  transition: transform .6s ease;
}

.gold-frame:hover img,
.gold-frame:focus-within img,
.artwork-window:hover img,
.artwork-window:focus-within img {
  transform: scale(1.04);
}

@media (prefers-reduced-motion: reduce) {
  .gold-frame img,
  .artwork-window img {
    transition: none;
  }
}
