.system-visual .node-1 { left: 0; top: 10%; }
.system-visual .node-2 { right: 0; top: 10%; }
.system-visual .node-3 { left: 0; bottom: 8%; }
.system-visual .node-4 { right: 0; bottom: 8%; }

.system-visual .hero-fit-text {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: pre-line;
  line-height: 1.05;
}

.system-visual .hero-fit-text[data-fit="small"] { font-size: .65rem; }
.system-visual .hero-fit-text[data-fit="medium"] { font-size: .85rem; }
.system-visual .hero-fit-text[data-fit="large"] { font-size: 1.15rem; }
.system-visual .hero-fit-text[data-fit="auto"] { font-size: 1rem; }

@media (max-width: 600px) {
  .system-visual .node-1 { left: 0; top: 10%; }
  .system-visual .node-2 { right: 0; top: 10%; }
  .system-visual .node-3 { left: 0; bottom: 8%; }
  .system-visual .node-4 { right: 0; bottom: 8%; }
}