/* Shared site footer. One source of truth, linked by every layout via
   layouts/partials/footer.html. Self-contained colours (the footer is always
   dark) so it renders identically no matter what tokens a page defines. */
.site-footer{background:#1d1a1c;color:#fff;padding:60px 24px 28px;font-family:'Nunito',system-ui,sans-serif}
.site-footer *{box-sizing:border-box}
.site-footer .footer-grid{max-width:1200px;margin:0 auto 48px;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:52px}
.site-footer .footer-wordmark{font-family:'Playfair Display',Georgia,serif;font-size:1.5rem;font-weight:900;color:#fff;line-height:1;margin-bottom:16px;letter-spacing:-.4px}
.site-footer .footer-wordmark em{font-style:italic;color:#a020a8}
.site-footer .footer-brand p{opacity:.58;font-size:13.5px;line-height:1.75;margin-bottom:22px;max-width:280px}
.site-footer .social-row{display:flex;gap:10px}
.site-footer .social-btn{width:36px;height:36px;background:rgba(255,255,255,.08);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s,color .2s;color:rgba(255,255,255,.7)}
.site-footer .social-btn:hover{background:#7e0882;color:#fff;transform:translateY(-2px)}
.site-footer .social-btn svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}
.site-footer .footer-col h4{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;color:rgba(255,255,255,.4)}
.site-footer .footer-links{list-style:none;margin:0;padding:0}
.site-footer .footer-links li{margin-bottom:11px}
.site-footer .footer-links a{color:rgba(255,255,255,.58);font-size:13.5px;transition:color .18s;font-weight:600;text-decoration:none}
.site-footer .footer-links a:hover{color:#fff}
.site-footer .footer-bottom{max-width:1200px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:rgba(255,255,255,.38);flex-wrap:wrap;gap:12px}
.site-footer .footer-bottom p{margin:0}
.site-footer .footer-legal{display:flex;gap:20px;flex-wrap:wrap}
.site-footer .footer-legal a{color:rgba(255,255,255,.38);transition:color .18s;text-decoration:none}
.site-footer .footer-legal a:hover{color:rgba(255,255,255,.7)}
@media(max-width:1100px){.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:600px){
  .site-footer{padding:48px 20px 24px}
  .site-footer .footer-grid{grid-template-columns:1fr;gap:28px;margin-bottom:32px}
  .site-footer .footer-bottom{flex-direction:column;text-align:center}
}