:root {
  --interior-section-padding: clamp(2.5rem, 4vw, 4rem);
}

/* About and FAQ keep their width and grid layouts on the padded inner frame. */
.page-about main > section > .max-w-6xl,
.page-about main > section.max-w-6xl,
.page-faq main > section > .max-w-6xl,
.page-faq main > section.max-w-6xl {
  padding-block: var(--interior-section-padding);
}

/* Preserve the intentionally compact process strip and closing prompt. */
.page-contact main > section:nth-child(1),
.page-contact main > section:nth-child(3) {
  padding-block: var(--interior-section-padding);
}

/* Portfolio uses separate outer and inner hero spacing. */
.page-portfolio .portfolio-hero {
  padding-top: var(--interior-section-padding);
}

.page-portfolio .portfolio-hero-grid {
  padding-bottom: var(--interior-section-padding);
}

.page-portfolio .portfolio-project,
.page-portfolio .portfolio-growth {
  padding-block: var(--interior-section-padding);
}