/* Shared content edges: 6% gutters on every section and viewport size. */
:root{--ph-content-width:88%;--ph-content-gutter:6%}
.site-header .container,
.hero .hero-content,
.services>.container,
.audiences>.container,
.why>.container,
.testimonials>.container,
.contact-section>.container,
footer>.container{width:var(--ph-content-width);max-width:none;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}
.hero .hero-content{padding-inline:0}
/* Bootstrap row gutters cancel inside the audience container; cards align to its edges. */