.page-shell, .header-inner, .utility-inner, .footer-inner { width: min(calc(100% - 2rem), var(--max)); margin-inline: auto; }
.page-shell { padding-block: clamp(3rem, 8vw, 7rem); }
.content { max-width: 820px; }
.content p { margin: 0 0 1.25rem; }
.content ul { padding-left: 1.25rem; }
.hero { max-width: 920px; padding-block: clamp(2rem, 8vw, 6rem); }
.intro-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 3rem; align-items: center; }
.footer-inner { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 2rem; }
@media (max-width: 860px) {
  .intro-grid, .footer-inner { grid-template-columns: 1fr; }
  .header-inner { align-items: flex-start; }
}