html, body { background: #030406; }
.site-footer { background: #030406; color: var(--paper); margin: 0; padding: 56px 7.3% 24px; border-top: 1px solid #383838; font-family: "Lexend Deca", sans-serif; font-size: 13px; line-height: 1.65; }
.site-footer__columns { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 48px; padding-bottom: 40px; }
.site-footer h2 { font-family: inherit; font-size: 13px; font-weight: 500; color: var(--coral); margin: 0 0 18px; }
.site-footer p { margin: 12px 0 0; font-size: 13px; }
.site-footer__brand img { display: block; width: 140px; height: auto; }
.site-footer nav, .site-footer__connect { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.site-footer nav h2, .site-footer__connect h2 { margin-bottom: 8px; }
.site-footer a { color: inherit; text-decoration: none; }
.site-footer a:hover { color: var(--coral); }
.site-footer a:focus-visible { outline: 2px solid var(--coral); outline-offset: 5px; }
.site-footer__bottom { border-top: 1px solid #383838; padding-top: 22px; display: flex; justify-content: space-between; gap: 24px; color: #aaa69e; }
@media(max-width:700px) { .site-footer { padding: 40px 7% 24px; } .site-footer__columns { grid-template-columns: 1fr 1fr; gap: 32px 24px; } .site-footer__brand { grid-column: 1/-1; } }
@media(max-width:400px) { .site-footer__columns { grid-template-columns: 1fr; } .site-footer__bottom { flex-wrap: wrap; } }

/* Align the visible logo artwork with the brand text below it. */
.site-footer__brand img { transform: translateX(-3px); }