.site-footer { padding: 3.8rem var(--pad) 1.25rem; background: var(--navy); color: #fff; }
.footer-inner { display: grid; width: min(100%, var(--content)); margin: auto; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 3rem; }
.footer-brand img { width: 190px; max-width: 100%; height: auto; padding: .35rem .55rem; background: #fff; }
.footer-brand p { max-width: 320px; margin-top: 1rem; color: #cbd4df; font-size: .9rem; }
.site-footer h2 { margin: 0 0 1rem; color: #e3c66f; font-size: .78rem; letter-spacing: .13em; text-transform: uppercase; }
.site-footer ul { display: grid; margin: 0; padding: 0; gap: .55rem; list-style: none; }
.site-footer a { color: #e6ebf0; font-size: .88rem; text-decoration: none; }
.site-footer a:hover { color: #e3c66f; }
.footer-bottom { display: flex; width: min(100%, var(--content)); margin: 3rem auto 0; padding-top: 1rem; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.17); gap: 1rem; }
.footer-bottom p, .footer-bottom a { color: #bec9d5; font-size: .8rem; }