/* A single left edge: aligned to the header logo at every desktop breakpoint. */
:root{--site-gutter:clamp(1.25rem,4vw,4.5rem)}
.site-header{padding-inline:var(--site-gutter)}
.hero-copy{margin-left:var(--site-gutter)}
.section{padding-inline:var(--site-gutter)}
.page-hero{padding-inline:var(--site-gutter)}
.feature-copy{padding-inline:var(--site-gutter)}
.contact-band{padding-inline:var(--site-gutter)}
.diagram-section{padding-inline:var(--site-gutter)}
footer{padding-inline:var(--site-gutter)}
.archive-hero{padding-inline:var(--site-gutter)}
@media(max-width:900px){.hero-copy{margin-left:var(--site-gutter)}}