/* Major About section entries use the design-system's nominal 180px role:
   11.25 / 7 / 5rem at desktop / tablet / mobile. This is a top inset in the
   source, not a universal combined section gap. See services-scroll-carousel.css
   and pages/ai-workflow.css (.mod--branding-evolution).

   Keep the first-fold hero, diagram-to-cases connection, emblem optical gap
   and shared homepage review/results/CTA composition unchanged. */
body.team-story {
  --story-section-major: 11.25rem;
  --story-principles-trailing-inner: 3rem;
  --story-letter-block-inner: 3rem; /* panel 1rem + track 2rem, each side */
}

body.team-story #working-principles {
  padding-top: var(--story-section-major);
}

/* These neighboring scenes share one continuous background. Count the last
   principle row and the rail's existing inner padding once, so the space
   before/after the visible letters is the full major interval. */
body.team-story #approach {
  padding-top: calc(var(--story-section-major) - var(--story-principles-trailing-inner) - var(--story-letter-block-inner));
  padding-bottom: calc(var(--story-section-major) - var(--story-letter-block-inner));
}

body.team-story #teams.team-story {
  padding-top: var(--story-section-major);
}

/* Awards begin a distinct navy scene. Give that scene its complete major
   entrance; retain the cases' separate outgoing 9 / 7 / 5rem inset. */
body.team-story #recognition.section {
  padding-top: var(--story-section-major);
}

@media (max-width: 991px) {
  body.team-story {
    --story-section-major: 7rem;
    --story-principles-trailing-inner: 2.5rem;
    --story-letter-block-inner: 1rem; /* panel 0 + track 1rem */
  }
}

@media (max-width: 767px) {
  body.team-story {
    --story-section-major: 5rem;
    --story-principles-trailing-inner: 2rem;
    --story-letter-block-inner: .5rem; /* panel 0 + track .5rem */
  }
}