/* vision section: the statement on the left, three numbered pillars on the right */
.vision {
  display: grid;
  /* equal halves, so the divider lines up with How it works below */
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: min(90svh, 792px);
}
.vision__intro {
  display: grid;
  align-content: start;
  gap: 24px;
  padding: calc(var(--section-y) * 1.5) var(--pad);
  box-shadow: -1px 0 0 var(--line); /* the left rail, in line with How it works' */
}
.vision__globe {
  position: relative;
  width: min(100%, 280px);
  aspect-ratio: 1;
  margin: 4px 0;
}
.vision__intro .heading { max-width: 520px; text-wrap: balance; }
.vision__lede { max-width: 460px; font: 400 19px/28px var(--sans); letter-spacing: -0.01em; }

@media (max-width: 860px) {
  .vision { grid-template-columns: 1fr; min-height: 0; }
}