.foot{border-top:1px solid var(--line);background:var(--bg)}
.foot-top{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:40px;padding-block:56px 40px}
.foot-about p{color:var(--muted);font-size:14px;margin:16px 0 0;max-width:38ch}
.foot h4{font-family:var(--f-b);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px}
.foot ul a{color:#b3bac6;transition:color .2s}
.foot ul a:hover{color:#fff}
.foot ul a.accent{color:var(--sky)}
.foot-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:22px 28px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
@media (max-width:820px){.foot-top{grid-template-columns:1fr 1fr}.foot-about{grid-column:1/-1}}