/* Spatial depth without glow: the image plane lifts away from the page */
.sv-collection-hero__media {
  position: relative;
  display: block;
  isolation: isolate;
  width: 100%;
  overflow: hidden;
  background: #f1f0ec;
  box-shadow: 0 10px 28px rgba(20,28,36,.065);
  transform: translate3d(0,0,0);
  transition: transform 620ms cubic-bezier(.16,.78,.2,1), box-shadow 620ms cubic-bezier(.16,.78,.2,1);
  will-change: transform, box-shadow;
}
.sv-collection-hero__media::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  border: 1px solid rgba(24,33,41,.1);
  pointer-events: none;
  transition: border-color 360ms ease;
}
@media (hover:hover) and (pointer:fine) {
  .sv-collection-hero__media:hover {
    transform: translate3d(0,-6px,0);
    box-shadow: 0 28px 52px rgba(20,28,36,.15);
  }
  .sv-collection-hero__media:hover::after { border-color: rgba(24,33,41,.17); }
}
@media (hover:none), (pointer:coarse) {
  .sv-collection-hero__media:active { transform: scale(.994); }
}
@media (prefers-reduced-motion:reduce) {
  .sv-collection-hero__media,.sv-collection-hero__media::after { transition:none!important; }
}