.collection-tile > img { object-position: center top; }
#main-products .collection-tile { cursor: pointer; }
#main-products .collection-tile > img { transition: transform 500ms ease; }
#main-products .collection-tile:hover > img,
#main-products .collection-tile:focus-visible > img { transform: scale(1.04); }
@media (prefers-reduced-motion: reduce) {
  #main-products .collection-tile > img { transition: none; }
  #main-products .collection-tile:hover > img,
  #main-products .collection-tile:focus-visible > img { transform: none; }
}
.collection-tile::after { background: linear-gradient(transparent 55%,rgba(37,43,42,.12) 65%,rgba(37,43,42,.85) 100%); }
.collection-tile .tile-caption { z-index: 1; }
@media (max-width: 800px) {
  .collection-mosaic .collection-tile:nth-child(n) { grid-column: span 2; height: auto; aspect-ratio: 4 / 5; }
  .collection-mosaic .collection-tile:nth-child(1),
  .collection-mosaic .collection-tile:nth-child(5) { grid-column: span 2; aspect-ratio: 16 / 9; }
  .collection-mosaic .collection-tile:nth-child(n+7) { grid-column: span 2; aspect-ratio: 1; }
}