/* ── footer ───────────────────────────────────────────────── */
.foot{ border-top:1px solid var(--line); background:var(--surface); }
.foot-in{ max-width:1380px; margin:0 auto; padding:clamp(34px,4vw,58px) var(--shell) 26px; display:grid; gap:clamp(24px,3vw,48px); grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr)); }
@media (max-width:900px){ .foot-in{ grid-template-columns:repeat(2,minmax(0,1fr)); } .foot-brand{ grid-column:1/-1; } }
@media (max-width:620px){ .foot-in{ grid-template-columns:minmax(0,1fr); } }
.foot-brand{ display:flex; flex-direction:column; gap:14px; }
.foot-brand .row{ display:flex; align-items:center; gap:12px; }
.foot-brand img{ width:44px; height:44px; border-radius:50%; background:#F2F1EE; }
.foot-brand b{ font-family:Archivo,sans-serif; font-variation-settings:"wdth" 108,"wght" 700; font-size:17px; }
.foot-brand p{ color:var(--dim); font-size:14px; max-width:46ch; line-height:1.6; }
.foot h4{ font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.15em; text-transform:uppercase; color:var(--orange-br); font-weight:500; font-variation-settings:normal; margin-bottom:12px; }
.foot ul{ display:flex; flex-direction:column; gap:9px; }
.foot li a,.foot li span{ font-size:14px; color:var(--txt-2); }
.foot li a:hover{ color:var(--orange-br); }
.foot li span.todo{ color:var(--dim); font-style:italic; }
/* Kontak: each line says what it is, so the project sites are not read as a
   second address. */
.foot-contact{ gap:14px; }
.foot-contact li{ display:flex; flex-direction:column; gap:3px; }
.foot-contact small{ font-family:"JetBrains Mono",monospace; font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--dim); }
.foot-bar{ border-top:1px solid var(--line); }
.foot-bar div{ max-width:1380px; margin:0 auto; padding:16px var(--shell); display:flex; flex-wrap:wrap; gap:8px 24px; align-items:center; font-family:"JetBrains Mono",monospace; font-size:10.5px; letter-spacing:.08em; color:var(--dim); }
.foot-bar .sp{ margin-left:auto; }