/* components/footer.css */
.footer{ border-top:1px solid var(--border); margin-top:4rem; padding-block:2.5rem; background:color-mix(in srgb,var(--bg-elev) 60%,transparent) }
.footer__grid{ display:grid; grid-template-columns:1.4fr repeat(2,1fr); gap:2rem }
.footer h4{ font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:var(--fg-muted); margin-bottom:1rem }
.footer a{ color:var(--fg-muted); font-size:.88rem; display:block; padding:.2rem 0 }
.footer a:hover{ color:var(--accent) }
.footer__note{ grid-column:1/-1; border-top:1px solid var(--border); padding-top:1.2rem; margin-top:.5rem; color:var(--fg-muted); font-size:.8rem; display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap }
@media (max-width:640px){ .footer__grid{grid-template-columns:1fr} }