/* FOOTER */
.site-footer { background: var(--night); color: rgba(255, 255, 255, .82); padding-top: 4rem; font-size: 1rem; }
.site-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 2.5rem; padding-bottom: 3rem; }
.site-footer h2 { font-size: 1rem; color: var(--sun); margin-bottom: 1rem; }
.site-footer ul { list-style: none; display: grid; gap: .55rem; }
.site-footer a { color: rgba(255, 255, 255, .82); text-decoration: none; }
.site-footer a:hover { color: var(--white); text-decoration: underline; text-underline-offset: 3px; }
.site-footer__logo { width: 52px; height: 52px; background: var(--white); border-radius: 10px; padding: 5px; margin-bottom: 1rem; }
.site-footer__logo img { width: 100%; height: 100%; object-fit: contain; }
.site-footer__name { font: 600 1.25rem/1.2 var(--font-head); color: var(--white); margin-bottom: .4rem; max-width: 16ch; }
.site-footer__text { margin: 0; }
.site-footer__bar { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; padding: 1.4rem 0; border-top: 1px solid rgba(255, 255, 255, .16); font-size: .92rem; }
.site-footer__bar p { margin: 0; }

@media (max-width: 860px) { .site-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .site-footer__grid { grid-template-columns: 1fr; } }