.product-photo {
  height: 250px;
  padding: 16px;
  background: #faf9fc;
}
.product-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-card .service-number {
  font-size: .875rem;
}
.product-card .product-benefit {
  flex: none;
  color: var(--ink);
  font-weight: 700;
  margin-bottom: 0;
}
.product-card .product-benefit + p {
  margin-top: 12px;
}
.product-guidance .text-link {
  margin-top: 24px;
  color: var(--ink);
}
.product-range {
  background: var(--soft);
}
.content-intro .eyebrow {
  margin-bottom: 18px;
}
.page-hero.has-background-video .page-background-video {
  width: 65%;
  opacity: .35;
  object-position: center 55%;
  pointer-events: none;
}
.page-hero.has-background-video::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -2;
  background: linear-gradient(90deg, #101019 24%, #10101980 62%, #10101926);
  pointer-events: none;
}
@media (min-width: 641px) and (max-width: 900px) {
  .product-grid {
    grid-template-columns: 1fr;
  }
  .product-card > a {
    display: grid;
    grid-template-columns: 35% 1fr;
    align-items: stretch;
  }
  .product-photo {
    height: 100%;
    min-height: 270px;
  }
}
@media (max-width: 640px) {
  .page-hero.has-background-video .page-background-video {
    width: 100%;
    opacity: .25;
  }
  .page-hero.has-background-video::after {
    background: linear-gradient(90deg, #10101999, #10101933);
  }
  .product-photo {
    height: 240px;
  }
}