/* V8.8: one mobile gutter, no inherited desktop content widths. */
@media (max-width: 768px) {
  .section-wrap,
  .about-intro .section-wrap,
  .journey-v6-head {
    width: calc(100% - 40px);
    max-width: none;
  }

  .about-intro { padding: 64px 0 68px; }
  .about-editorial {
    width: 100%;
    max-width: none;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "top" "media" "groups";
    gap: 28px;
  }

  .about-top,
  .about-groups,
  .about-media {
    grid-column: 1 / -1;
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }

  .about-editorial > .about-top,
  .about-editorial > .about-groups,
  .about-editorial > .about-media { max-width: none; }

  .about-media { align-self: stretch; }
  .about-media img { display: block; width: 100%; max-width: none; height: auto; }
  .about-top h2 { max-width: none; }
  .about-lead { max-width: none; margin-top: 27px; font-size: 18px; line-height: 1.62; }
  .about-groups { margin-top: 0; font-size: 17px; line-height: 1.72; }
  .about-group { margin-bottom: 26px; }
  .about-closing-copy { max-width: none; margin-top: 31px; padding-top: 24px; }

  .services,
  .testimonials,
  .faq { padding: 66px 0; }
  .service-grid,
  .testimonial-grid { grid-template-columns: minmax(0, 1fr); }
  .faq-list { max-width: none; }
  .cta { padding: 64px 20px; min-height: 540px; }
}

@media (max-width: 430px) {
  .section-wrap,
  .about-intro .section-wrap,
  .journey-v6-head { width: calc(100% - 36px); }
  .about-intro { padding: 60px 0 64px; }
  .about-groups { font-size: 17px; }
  .about-lead { font-size: 17px; }
  .services,
  .testimonials,
  .faq { padding: 60px 0; }
}