/* Approved opening spacing, 2026-08-31.
   Only the first content section after each hero is marked in the HTML.
   Keep image height/cropping, text size, navigation and later sections intact. */
body[data-opening-spacing] {
  --opening-gap: clamp(28px, 2.5vw, 36px);
}

body[data-opening-spacing] main > section[data-opening-content],
body[data-opening-spacing] main#top > section[data-opening-content] {
  padding-top: var(--opening-gap);
}

/* The privacy introduction has no photo. Reduce its lower padding as well,
   so the two adjoining section paddings do not create a large blank area. */
body[data-opening-spacing] .privacy-hero {
  padding-bottom: 32px;
}

@media (max-width: 820px) {
  body[data-opening-spacing] {
    --opening-gap: 24px;
  }
}

@media (max-width: 520px) {
  body[data-opening-spacing] {
    --opening-gap: 22px;
  }

  body[data-opening-spacing] .privacy-hero {
    padding-bottom: 24px;
  }
}