.network-globe { position: absolute; z-index: 0; right: -120px; top: 50%; width: min(76vw, 1120px); aspect-ratio: 1; transform: translateY(-46%); pointer-events: none; mask-image: linear-gradient(90deg, transparent, #000 14%); }
.network-globe img, .network-globe canvas { display: block; width: 100%; height: 100%; }
.network-globe img { position: absolute; inset: 0; }
.network-globe[data-ready="true"] img { display: none; }
.network-hero-art { opacity: .12; }
@media (max-width: 1200px) and (min-width: 761px) {
    .network-globe { right: -230px; width: 970px; opacity: .8; }
    .network-hero-copy { max-width: 600px; }
}
@media (max-width: 760px) {
    .network-hero-inner { min-height: 730px; padding-bottom: 350px; }
    .network-globe { top: auto; bottom: -320px; right: -230px; width: 760px; transform: none; mask-image: linear-gradient(to bottom, transparent 5%, #000 22%); }
    .network-hero-art { opacity: .1; }
}