/* Keep the page-width carousels contained horizontally while their shadows
   can paint beyond the top and bottom of each section. */
.team-carousel-section,
.testimonials,
.expertise {
  overflow-x: clip;
  overflow-y: visible;
}

/* An x-scroll container also clips on the y axis. Give team cards room inside
   that scrollport, then compensate the padding so the layout rhythm stays put. */
.team-track {
  padding-top: 22px;
  padding-bottom: 52px;
  margin-top: -22px;
  margin-bottom: -36px;
}

/* The testimonial river is masked at its horizontal edges. Its vertical
   scrollport needs enough inset for the translated cards and soft shadows. */
.review-stream {
  padding-top: 58px;
  padding-bottom: 58px;
  margin-top: -46px;
  margin-bottom: -46px;
}

@media (max-width: 720px) {
  /* The mobile cards start near the viewport edge; protect their side shadows
     without changing the horizontal swipe behavior. */
  .team-track {
    padding-left: 28px;
    padding-right: 28px;
  }
}