/* Shared vertical rhythm. Adjacent white sections split the same single gap. */
:root {
  --section-space: clamp(112px, 9vw, 160px);
  --section-half-space: calc(var(--section-space) / 2);
  --heading-space: clamp(32px, 2.7vw, 44px);
  --panel-space: clamp(76px, 6.5vw, 112px);
}
.collection {
  padding-top: var(--section-space);
  padding-bottom: var(--section-space);
}
.collection > .section-heading,
.rentals > .section-heading,
.journal > .journal-heading {
  margin-bottom: var(--heading-space);
}
.island-portals.island-maps {
  padding-top: var(--section-space);
  padding-bottom: var(--section-half-space);
}
.island-maps .islands-heading { margin-bottom: var(--heading-space); }
.rentals {
  padding-top: var(--section-half-space);
  padding-bottom: var(--section-half-space);
}
.journal {
  padding-top: var(--section-half-space);
  padding-bottom: var(--section-space);
}
.seller-copy {
  padding-top: var(--panel-space);
  padding-bottom: var(--panel-space);
}
.reference-footer .footer-inner {
  padding-top: var(--panel-space);
  padding-bottom: var(--panel-space);
}
@media (max-width: 700px) {
  :root {
    --section-space: 72px;
    --heading-space: 28px;
    --panel-space: 52px;
  }
}
