.site-footer { background: var(--color-footer); color: #fff; padding: 4rem 0 1.4rem; }
.site-footer p, .site-footer a { color: rgba(255,255,255,.76); }
.site-footer a:hover { color: #fff; }
.site-footer__top { display: grid; grid-template-columns: 1.2fr repeat(3, 1fr); gap: 2rem; }
.site-footer__logo { width: 240px; margin-bottom: 1.2rem; }
.site-footer h3 { font-size: 1.05rem; margin-bottom: .9rem; color: #fff; }
.site-footer ul { display: grid; gap: .45rem; }
.socials { display: flex; gap: .6rem; margin-top: 1rem; }
.socials a { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.1); font-weight: 900; color: #fff; }
.site-footer__bottom { border-top: 1px solid rgba(255,255,255,.15); margin-top: 2.5rem; padding-top: 1.2rem; display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; font-size: .92rem; }