:root{--site-gutter:clamp(24px,8vw,150px);--site-radius:0px;--site-base-size:16px}
body{font-size:var(--site-base-size);background:var(--bg)}
.site-header{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.hero{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.section{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.join{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
footer{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.button,.nav-cta,.activity-card,.news-card,.document-card,.contact-panel{border-radius:var(--site-radius)}
@media(max-width:560px){.section,.hero,.join,footer{padding-left:20px;padding-right:20px}}