/* Frame99 — shared site footer styles
 * Paired with /assets/js/f99-footer.js. Include via:
 *   <link rel="stylesheet" href="/assets/css/f99-footer.css">
 *
 * Selectors are scoped under .site-footer to outrank any page-level
 * descendant rules (e.g. `.footer-links a`) left over from the per-page
 * footers this include replaces.
 */
.site-footer{max-width:1440px;margin:80px auto 0;padding:56px 52px 48px;border-top:.5px solid var(--hint);display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:48px}
.site-footer .footer-logo{font-family:var(--mono);font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--text);margin-bottom:14px}
.site-footer .footer-slogan{font-family:var(--serif);font-style:italic;font-size:20px;font-weight:300;color:var(--muted);line-height:1.5;margin-bottom:28px}
.site-footer .footer-copy{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--hint)}
.site-footer .footer-col-title{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--hint);margin-bottom:18px}
.site-footer .footer-links{display:flex;flex-direction:column;gap:12px}
.site-footer .footer-link,
.site-footer .footer-links a{font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--muted);text-decoration:none;text-transform:none;transition:color .2s}
.site-footer .footer-link:hover,
.site-footer .footer-links a:hover{color:var(--text)}
@media(max-width:1024px){.site-footer{grid-template-columns:1fr 1fr;margin-top:64px}}
@media(max-width:768px){.site-footer{padding:48px 24px 40px;grid-template-columns:1fr;margin-top:48px;gap:36px}}