.hero-network { background: #e9f6f5; }
html[data-theme="dark"] .hero-network { background: #18191b; }
.hero-network-art {
  position: absolute;
  inset: 0 0 0 auto;
  width: 56%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  pointer-events: none;
}
.hero-network-art img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right center;
}
.hero-network-art .network-dark,
html[data-theme="dark"] .hero-network-art .network-light { display: none; }
html[data-theme="dark"] .hero-network-art .network-dark { display: block; }
@media (max-width: 650px) {
  .hero-network-art {
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: .28;
    mask-image: linear-gradient(to right, transparent, #000 60%);
  }
  .hero-network-art img { object-fit: cover; object-position: right center; }
  .hero-network .hero-copy { padding-bottom: 26px; }
}