/* Site-wide spacing rhythm. Loaded on every page, after the bundled
   stylesheets.

   1. Eyebrow -> headline: 24px between every section eyebrow (the small label
      above a section title) and its headline.
   2. Section -> section: 48px between the end of one section's content and
      the start of the next one's, everywhere. As in the rest of the site
      (--seam is 24px) that is 24px inside the bottom of one section plus 24px
      inside the top of the next. Most sections already did this; the ones
      below didn't. (The first section's top sits under the header and is
      handled in nav-overrides.css.) */

/* ---- 1. eyebrow -> headline: 24px ---- */
.eyebrow,
.page-hero--light .eyebrow,
.svc-eyebrow,
.svc-hero__eyebrow,
.svc-detail__eyebrow,
.globalp__eyebrow {
  margin-bottom: 24px;
}

/* ---- 2. section -> section: 24px + 24px ---- */

/* About: hero -> intro (were 58px + 48px) */
.page-hero { padding-bottom: var(--seam); }
html body .lede { padding-top: var(--seam); }

/* About: Our Team -> Global Presence (team bottom was 48px) */
html body .team-show {
  padding-top: var(--seam);
  padding-bottom: var(--seam);
}
/* the "Our Team" label was inline, so its line added 1-3px above it */
.team-show__eyebrow { display: flex; width: fit-content; }

/* About: Global Presence -> footer (footer top was 48px on laptops) */
html body:has(.globalp) .footer__inner { padding-top: var(--seam); }

/* Services: hero -> Industries (were 104px + 60px) */
.svc-hero { padding-bottom: var(--seam); }
#industries { padding-top: var(--seam); }