/* Shared alignment layer, linked last in <head> on every page.
   One gutter for header, page content and footer at every width,
   so the brand, first line of content and footer always share an edge. */
:root{--site-gutter:clamp(20px,3.2vw,52px)}
html body .site-header .site-shell,
html body .site-footer .site-shell{padding-left:var(--site-gutter)!important;padding-right:var(--site-gutter)!important}
/* About, Contact and FKC use the older .shell width (100% - 34px / 64px) */
html body.shell-gutter .shell{width:min(1520px,calc(100% - 2 * var(--site-gutter)))!important;padding-left:0!important;padding-right:0!important}
/* Footer: one size and rhythm everywhere */
html body footer.site-footer{padding:22px 0 28px!important;font-size:11px!important}
html body .site-footer .footer-inner{font-size:11px!important}
html body .site-footer .footer-links{display:flex;gap:20px;flex-wrap:wrap}
html body .site-footer .footer-links a{margin-top:0!important}
@media(max-width:700px){html body .site-header{height:66px!important;min-height:66px!important}}
/* Brand & Graphic Design: the discipline tags are not filters, so set them as a
   plain kicker line instead of clickable-looking pills. */
html body .filters{gap:0 10px!important}
html body .filter{padding:0!important;border:0!important;border-radius:0!important}
html body .filter+.filter::before{content:"·";margin-right:10px;color:#a29d95}
/* Case-study zoom hint: square label to match the site's other controls */
html body .zoom-wrap::after{border-radius:0!important}
/* Main nav: Built & Found carries the same 600 weight on every page (as on Home/Work) */
html body .site-header .site-links a[href="built-and-found.html"]{font-weight:600!important}