.footer { margin-top: clamp(3rem, 8vw, 6rem); padding-top: 2.5rem; border-top: 1px solid var(--line); color: var(--muted); }
.footer__grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 2rem; }
.footer__logo { height: 24px; width: auto; }
.footer__about { max-width: 32ch; margin-top: 1rem; font-size: 1rem; }
.footer h4 { margin-bottom: .8rem; color: var(--text); font: 700 1rem/1 var(--font-main); text-transform: uppercase; letter-spacing: .1em; }
.footer nav { display: flex; flex-direction: column; align-items: flex-start; gap: .4rem; }
.footer nav a { transition: color .1s; }
.footer nav a:hover { color: var(--red); }
.footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1.5rem; margin-top: 2rem; padding-block: 1.25rem 1.5rem; border-top: 1px solid var(--line); font-size: .9rem; }
@media (max-width: 800px) { .footer__grid { grid-template-columns: 1fr 1fr; } .footer__grid > :first-child { grid-column: 1 / -1; } }