/* Shared page gutter: content in each section starts on the same vertical line. */
:root{--page-gutter:clamp(24px,7vw,132px)}

header,.site-footer,
.hero-overlay,.about-section,.services-section,.process-section,.press-banner,
.faq-section,.cta-section,.page-intro,.service-gallery-section,.service-offers-section,.service-offer-faq,.journal-listing,
.article-cta,.portal-grid,.category-links,.portfolio-masonry,.section-pad{
  padding-inline:var(--page-gutter)
}

.hero-index{left:var(--page-gutter)}
.hero-caption{right:var(--page-gutter)}
.section-heading{margin-left:0;margin-right:0}
.section-heading>div{min-width:0}
.services-section .section-heading{display:block;margin-bottom:48px}
.services-section .services-heading-copy{max-width:900px}
.services-section .services-heading-subtitle{max-width:760px;margin:18px 0 0;color:var(--muted);font-size:15px;line-height:1.65}

@media(max-width:720px){
  :root{--page-gutter:clamp(22px,6vw,32px)}
  .services-section .section-heading{margin-bottom:35px}
  .services-section .services-heading-subtitle{margin-top:15px;font-size:14px;line-height:1.6}
}