/* Visuals come first in the markup, followed by each landing's heading and copy.
   Retain the existing column widths when the layout has two columns. */
@media (min-width: 761px) {
  .web-hero-grid.service-hero--image-first {
    grid-template-columns: 1fr 1.06fr;
  }

  .page-hero-grid.service-hero--image-first {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  }

  .growth-hero-grid.service-hero--image-first {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  }
}