/* Isolated to the Products introduction; supplied photo stays unaltered. */
.products-blanket-banner {
  position: relative;
  isolation: isolate;
  background: #eaf4fb;
}
.products-blanket-banner .products-intro-grid {
  position: relative;
  display: flex;
  min-height: 220px;
  padding-block: 24px;
}
.products-blanket-banner .products-intro-grid > div {
  width: 55%;
}
.products-blanket-photo {
  position: absolute;
  inset: 0 0 0 auto;
  width: auto;
  height: 100%;
  aspect-ratio: 1600 / 533;
  display: block;
  z-index: -1;
}
.products-blanket-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right center;
}
.products-blanket-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    #eaf4fb 0%,
    rgba(234,244,251,.97) 16%,
    rgba(234,244,251,.79) 34%,
    rgba(234,244,251,.39) 55%,
    rgba(234,244,251,.08) 75%,
    transparent 100%);
}
@media (max-width: 760px) {
  .products-blanket-banner { display: flex; flex-direction: column; }
  .products-blanket-banner .products-intro-grid {
    order: 0;
    min-height: 0;
    padding-block: 32px 12px;
  }
  .products-blanket-banner .products-intro-grid > div { width: 100%; }
  .products-blanket-photo {
    position: relative;
    inset: auto;
    order: 1;
    width: 100%;
    height: clamp(170px, 32vw, 230px);
  }
  .products-blanket-photo img { object-fit: cover; object-position: right center; }
  .products-blanket-photo::after {
    background: linear-gradient(180deg,
      #eaf4fb 0%,
      rgba(234,244,251,.88) 18%,
      rgba(234,244,251,.35) 48%,
      transparent 82%);
  }
}