/*
  Sitewide motion stabilizer.
  Keeps images visually fixed while pages load and while customers scroll.
*/
html {
  scroll-behavior: auto;
}

body,
.page-wrapper {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

.reveal,
.reveal-up,
[data-reveal] {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: opacity .18s ease-out !important;
  will-change: auto !important;
}

.reveal.in,
.reveal-up.is-in,
[data-reveal].in {
  opacity: 1 !important;
  transform: none !important;
}

.img-zoom-hover,
.group:hover .img-zoom-hover,
.hero-img-big img,
.hero-img-big:hover img,
.hero-img-big.hero-img-landscape img,
.hero-img-big.hero-img-landscape:hover img,
.hero-carousel-slide img,
.hero-carousel-slide.active img,
.curated-item img,
.curated-item:hover img,
.tile img,
.tile:hover img,
.product-card .media img,
.product-card:hover .media img,
.product-card .media.composite .kg-print,
.product-card:hover .media.composite .kg-print,
.curator-note-img img,
.curator-note-img:hover img {
  transform: none !important;
  animation: none !important;
  transition: opacity .2s ease, filter .2s ease !important;
  will-change: auto !important;
}

.gold-glow,
header img,
.gold-gradient-text,
.modern-button,
.gold-rule::before,
.gold-rule::after {
  animation: none !important;
}

@media (hover: none) {
  .product-card:hover,
  .tile:hover,
  .curated-item:hover,
  .modern-button:hover,
  .btn:hover {
    transform: none !important;
  }
}