/* Approved logo C and the message immediately after the Plexus FV. */
.photo-grid {
  --photo-grid-spacing: 8px;
  --photo-grid-line: rgb(255 255 255 / 0.2035);
  display: block;
  isolation: isolate;
}
.photo-grid::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-color: color-mix(in srgb, var(--color-primary) 20%, transparent);
  background-image:
    linear-gradient(to right, var(--photo-grid-line) 0.5px, transparent 0.5px),
    linear-gradient(to bottom, var(--photo-grid-line) 0.5px, transparent 0.5px);
  background-size: var(--photo-grid-spacing) var(--photo-grid-spacing);
}
body[data-top-layout="phase1"] .hero__title { width: min(100%, 473.468px); }
body[data-top-layout="phase1"] .hero__copy { gap: var(--space-12); }
.vision {
  display: grid;
  place-items: center;
  min-height: 600px;
  margin-top: var(--space-10);
  padding: var(--space-20) var(--space-6);
  text-align: center;
}
.vision__copy { display: grid; justify-items: center; gap: var(--space-8); }
.vision__title { width: min(100%, 412px); line-height: 0; }
.vision__title img { display: block; width: 100%; height: auto; }
.vision__copy > p { font-size: var(--text-xl); font-weight: var(--weight-medium); line-height: var(--lh-normal); }
@media (min-width: 1200px) {
  .vision { margin-top: var(--space-40); }
}
@media (max-width: 767px) {
  body[data-top-layout="phase1"] .hero__title { width: min(100%, 280px); }
  body[data-top-layout="phase1"] .hero__copy { gap: var(--space-8); }
  .vision { min-height: 360px; }
  .vision__title { width: min(100%, 320px); }
  .vision__copy > p { font-size: var(--text-base); }
}