/* One shared reading edge for the two image-led introductions. */
:root {
  --intro-copy-gutter: max(52px, calc((100vw - 1560px) / 2));
}

.hero.hero-reference {
  padding-left: var(--intro-copy-gutter);
  padding-right: var(--intro-copy-gutter);
}

.about-wow__copy {
  padding-left: var(--intro-copy-gutter);
}

@media (max-width: 800px) {
  :root { --intro-copy-gutter: 22px; }
}