/* Soft interaction treatment for Lyncdigit content tiles. */
.product-grid article,
.catalog-grid article,
.blog-grid article,
.feature-grid article {
  position: relative;
  transition: background-color .28s ease, box-shadow .28s ease, transform .28s ease, border-color .28s ease;
}

.product-grid article:hover,
.catalog-grid article:hover,
.blog-grid article:hover,
.feature-grid article:hover {
  background-color: #f6f4ef;
  border-color: #d2cdc3;
  box-shadow: 0 12px 28px rgba(31, 29, 25, .07);
  transform: translateY(-3px);
  z-index: 2;
}

.product-grid article:focus-within,
.catalog-grid article:focus-within,
.blog-grid article:focus-within,
.feature-grid article:focus-within {
  background-color: #f6f4ef;
  box-shadow: 0 0 0 3px rgba(229, 75, 63, .10), 0 12px 28px rgba(31, 29, 25, .07);
  z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
  .product-grid article,
  .catalog-grid article,
  .blog-grid article,
  .feature-grid article {
    transition: none;
    transform: none;
  }
}