@media (max-width: 980px){
  .split, .split.reverse{ grid-template-columns: 1fr; }
  .photo{ min-height: 280px; }
  .links{ display:none; }
  .vendor-strip{ grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px){
  .hero-pills{
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
  }
  .pill{ white-space: normal; text-align:center; }
}

@media (max-width: 520px){
  .vendor-strip{ grid-template-columns: 1fr; }
}

/* Center everything on network page EXCEPT the hero text block */
.page-network.center-rest main > .hero-content {
  text-align: center;

.page-network.center-rest main > footer {
  text-align: center;
}

/* When you center text, lists look dumb unless you fix them */
.page-network.center-rest .overlay ul.bullets {
  display: inline-block;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}

/* If you have pill rows / button rows, keep them centered nicely */
.page-network.center-rest .cta-row {
  text-align: center;
,
.page-network.center-rest .feature-grid,
.page-network.center-rest .split {
  justify-content: center;
}

/* Make split layout stack nicely and feel centered */
.page-network.center-rest .split {
  align-items: center;
}
.page-network.center-rest .split > * {
  margin-left: auto;
  margin-right: auto;
}

/* Keep the HERO TEXT section NOT centered (explicit override) */
.page-network.center-rest .hero-content,
.page-network.center-rest .hero-content * {
  text-align: left;
}