/* Shared site footer — ONE source, hardcoded colors (footer is always dark, works on any page).
   Injected at BUILD time from web/partials/footer.html (see web/build.mjs). Namespaced .site-foot
   so it never collides with a page's own legacy .foot rules. */
.site-foot{background:#000;color:#F0EEE9;padding:72px 48px 44px;border-top:1px solid #221c19;font-family:'Space Grotesk',sans-serif;font-weight:500}
.site-foot *{box-sizing:border-box}
.site-foot .sf-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap}
.site-foot .sf-brand{max-width:300px}
.site-foot .sf-wordmark{font-size:21px;font-weight:700;letter-spacing:-.4px;color:#F0EEE9;text-decoration:none}
.site-foot .sf-tag{color:#ABA298;font-size:14px;margin-top:13px;line-height:1.5}
.site-foot .sf-cols{display:flex;gap:64px;flex-wrap:wrap}
.site-foot .sf-col h4{font-size:11px;letter-spacing:1.5px;color:#ABA298;margin:0 0 14px;font-weight:700}
.site-foot .sf-col a{display:block;color:#F0EEE9;text-decoration:none;font-size:14px;font-weight:500;margin-bottom:11px;opacity:.78;transition:opacity .2s}
.site-foot .sf-col a:hover{opacity:1}
.site-foot .sf-bar{max-width:1180px;margin:54px auto 0;padding-top:0;color:#ABA298;font-size:13px}
@media(max-width:760px){
  .site-foot{padding:56px 24px 40px}
  .site-foot .sf-inner{gap:36px}
  .site-foot .sf-cols{gap:40px 48px}
}