/* Wide surfaces retain their backdrop; content follows the page grid. */
body .hero-statement {
  padding-inline: var(--section-gutter);
}
body .hero-statement .hero-statement-inner {
  width: 100%;
  max-width: var(--content-max, 1440px);
  margin-inline: auto;
}
body #approach.philosophy,
body .contact-panel {
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: none;
  margin-inline: 16px;
  padding-inline: max(24px, calc(var(--section-gutter) - 16px));
}
body .contact-panel > :is(.contact-top, .footer-wordmark, .footer-bottom) {
  width: 100%;
  max-width: var(--content-max, 1440px);
  margin-inline: auto;
}
@media (max-width: 760px) {
  body #approach.philosophy,
  body .contact-panel {
    width: calc(100% - 16px);
    margin-inline: 8px;
    padding-inline: max(16px, calc(var(--section-gutter) - 8px));
  }
}