.products-hero-gallery {
  scroll-margin-top: 110px;
}

.products-hero-gallery > a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.products-hero-gallery > a figure {
  height: 100%;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.products-hero-gallery > a:hover figure,
.products-hero-gallery > a:focus-visible figure {
  transform: translateY(-6px);
  border-color: #afc9ef;
  box-shadow: 0 22px 44px rgba(5, 27, 89, .15);
}

.products-hero-gallery > a:focus-visible {
  outline: 3px solid #79aef5;
  outline-offset: 4px;
}

.products-hero-gallery figcaption span {
  display: grid;
  gap: .2rem;
}

.products-hero-gallery figcaption strong {
  color: var(--blue);
  font-size: .63rem;
  letter-spacing: .08em;
  white-space: nowrap;
}