/* ==========================================================
   FOOTER
   Logo, link columns and legal line.
   ========================================================== */

.footer{border-top:1px solid var(--line);padding-block:clamp(48px,6vw,72px) 32px;background:var(--surface);}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px;}
.plate{background:var(--plate);border-radius:var(--r-m);padding:14px 18px;display:inline-block;box-shadow:0 0 0 1px var(--line);}
.plate img{width:min(320px,100%);height:auto;}
.foot-about{margin-top:18px;color:var(--muted);max-width:36ch;font-size:16px;}
.foot-col h3{font-size:16px;font-weight:600;margin-bottom:14px;}
.foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.foot-col a{color:var(--muted);text-decoration:none;font-size:16px;}
.foot-col a:hover{color:var(--ink);text-decoration:underline;}
.legal{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:15px;display:grid;gap:6px;}

@media (max-width:1000px){
  .foot-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){
  .foot-grid{grid-template-columns:1fr;}
}