.site-footer { background: var(--color-dark); color: white; padding-block: 3.5rem 1.5rem; }
.site-footer__grid { display: grid; gap: 2rem; }
.site-footer__grid p { max-width: 26rem; margin-top: 1rem; color: #d9e0ea; }
.site-footer nav { display: flex; flex-direction: column; gap: .7rem; align-items: start; }
.site-footer nav a { text-decoration: none; }
.site-footer nav a:hover { text-decoration: underline; }
.site-footer__bottom { margin-top: 3rem; border-top: 1px solid #596776; padding-top: 1.3rem; font-size: .75rem; display: flex; gap: 1rem; flex-wrap: wrap; justify-content: space-between; color: #d9e0ea; }
@media (min-width: 48rem) { .site-footer__grid { grid-template-columns: 2fr 1fr; } }