/* ===================== FOOTER ===================== */
.site-footer{ background: var(--navy-950); color: rgba(255,255,255,.55); padding-block: 3rem 2rem; border-top:1px solid rgba(255,255,255,.08); }
.footer-grid{ display:grid; grid-template-columns:1.4fr .8fr .8fr .8fr; gap:2.4rem; padding-bottom:2.2rem; }
.footer-brand strong{ display:block; font-family: var(--font-display); font-size:1.05rem; color:#fff; }
.footer-brand span.sub{ font-family: var(--font-mono); font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; color: rgba(255,255,255,.45); }
.footer-brand p{ margin-top:1rem; font-size:.85rem; max-width:32ch; color: rgba(255,255,255,.5); }
.footer-col h4{ color:#fff; font-family: var(--font-mono); font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; font-weight:600; margin-bottom:.9rem; }
.footer-col ul{ display:flex; flex-direction:column; gap:.55rem; }
.footer-col a{ font-size:.85rem; color: rgba(255,255,255,.6); transition: color .25s ease; }
.footer-col a:hover{ color: var(--gold-400); }
.footer-bottom{ border-top:1px solid rgba(255,255,255,.08); padding-top:1.5rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; font-size:.78rem; }
.footer-bottom a{ color: rgba(255,255,255,.55); }
.footer-bottom a:hover{ color: var(--gold-400); }
.footer-legal{ display:flex; gap:1.3rem; flex-wrap:wrap; }
@media (max-width:820px){ .footer-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .footer-grid{ grid-template-columns:1fr; } }