/* Production marketing layout from ppl-brand-brain/app/site/home/styles.css
   at 11bc1409adf576961ef9edd8aaf22cabb6a3154b: 1220px shell, 24px minimum
   sides, 16px at <=720px, and the shared responsive section spacing. */
:root{
  --content-max:1120px;
  --gutter:max(24px,calc((100vw - var(--content-max)) / 2));
  --section-space:clamp(56px,6vw,88px);
}
.section-pad,.experience-navigation,.experience-panel{padding-inline:var(--gutter)}
.impact.section-pad,.how.section-pad,.expertise.section-pad{padding-block:var(--section-space)}
.experience-heading.section-pad,.deliverables.section-pad,.closing.section-pad{padding-top:var(--section-space)}
.experience-heading.section-pad{padding-bottom:32px}
.experience-stage-tabs,.feature-pills__wrap{max-width:var(--content-max)}
.site-header{padding-inline:var(--gutter)}
.hero-image-note,.hero-motion-toggle{right:var(--gutter)}
@media(min-width:761px){.hero-copy{left:var(--gutter)}}
@media(max-width:720px){
  :root{--gutter:16px;--section-space:64px}
  .experience-heading.section-pad{padding-bottom:26px}
}