.product-news-hero {
  position: relative;
  isolation: isolate;
  background-color: #111a4d;
}

.product-news-hero::before,
.product-news-hero::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  pointer-events: none;
}

.product-news-hero--sentieon::before {
  background:
    radial-gradient(circle at 76% 30%, rgba(45, 212, 191, .22), transparent 36%),
    linear-gradient(115deg, #111746 0%, #174f78 58%, #24abc4 100%);
}

.product-news-hero--dcv::before {
  background:
    radial-gradient(circle at 25% 72%, rgba(42, 186, 221, .2), transparent 34%),
    linear-gradient(125deg, #151a50 0%, #176183 60%, #28aec3 100%);
}

.product-news-hero--ef::before {
  background:
    radial-gradient(circle at 72% 68%, rgba(74, 214, 224, .2), transparent 36%),
    linear-gradient(105deg, #101747 0%, #165775 55%, #23a7bd 100%);
}

.product-news-hero::after {
  opacity: .18;
  background-image:
    linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(90deg, transparent, #000 45%, #000);
}

.product-news-logo-frame {
  display: flex;
  width: min(340px, calc(100vw - 40px));
  height: 94px;
  margin: 0 auto 24px;
  align-items: center;
  justify-content: center;
}

.product-news-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.product-news-logo-frame--wide {
  width: min(560px, calc(100vw - 40px));
  height: 126px;
  margin-bottom: 22px;
}

.product-news-logo--white {
  filter: brightness(0) invert(1);
}