:root {
  /* Scale ---------------------------------------------------------- */

  /* 10px - tight heading-to-body pairing ("Our Work", the news blocks) */
  --space-3xs: 10px;
  --space-2xs: 20px;
  --space-xs: 30px;
  --space-sm: 40px;
  --space-md: 60px;
  --space-lg: 80px;
  --space-xl: clamp(56px, 7vw, 100px);

  --gutter: var(--space-2xs);

  /* Page container: content is 1380 wide inside a 1440 frame, so 30
     either side. --container-pad doubles as the mobile side margin. */
  --container-max: 1380px;
  --container-pad: var(--space-xs);

  /* Vertical rhythm between top-level page sections. */
  --section-gap: var(--space-xl);
}

.sectionContainer {
   padding: 0px 20px;
   background: var(--page);
}