.site-footer{background-color:var(--color-dark);border-top:1px solid hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.6);padding-bottom:2rem;padding-top:4rem}.footer__inner{border-bottom:1px solid hsla(0,0%,100%,.06);display:grid;gap:4rem;grid-template-columns:1.5fr 1fr;margin-bottom:2rem;padding-bottom:3rem}.footer__brand{display:flex;flex-direction:column;gap:1rem}.footer__logo{display:inline-block;text-decoration:none}.footer__logo-img{display:block;height:48px;width:auto}.footer__tagline{color:hsla(0,0%,100%,.4);font-size:var(--text-sm);line-height:1.6;max-width:28ch}.footer__nav{display:grid;gap:2rem;grid-template-columns:1fr 1fr}.footer__nav-heading{color:hsla(0,0%,100%,.35);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.08em;margin-bottom:1rem;text-transform:uppercase}.footer__nav-col ul{display:flex;flex-direction:column;gap:.6rem;list-style:none}.footer__nav-col a{color:hsla(0,0%,100%,.5);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.footer__nav-col a:hover{color:hsla(0,0%,100%,.85)}.footer__bottom{align-items:center;color:hsla(0,0%,100%,.3);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:.75rem;justify-content:space-between}.footer__bottom a{color:inherit;text-decoration:none}@media (max-width:768px){.footer__inner{gap:2.5rem;grid-template-columns:1fr}.footer__bottom{align-items:flex-start;flex-direction:column}}