/* ============================================================
   LAYOUT · FOOTER  (dark section — .sec.html.dark handles text color)
   ============================================================ */
.foot{padding:clamp(64px,8vw,96px) 0 40px}

.foot-top{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(36px,6vw,80px)}

/* brand block */
.flogo{display:flex;align-items:center;gap:12px;color:#fff}
.flogo .mk{width:38px;height:auto;color:#fff;flex:0 0 auto}
.flogo b{font-family:Archivo;font-weight:800;font-size:23px;letter-spacing:-.02em;line-height:1}
.flogo small{display:block;font-family:'Geist Mono',monospace;font-size:9px;letter-spacing:.22em;
  font-weight:500;color:var(--b300);margin-top:4px}
.foot-brand p{color:var(--dim);font-size:14px;margin-top:24px;max-width:34ch}

/* link columns */
.foot-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,32px)}
.fh{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.12em;color:var(--b300);
  text-transform:uppercase}
.foot-cols ul{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:12px}
.foot-cols a{color:var(--dim);font-size:14px;text-decoration:none;display:inline-block;
  transition:color .25s,transform .25s var(--ease)}
.foot-cols a:hover{color:#fff;transform:translateX(6px)}

/* legal bar */
.foot-legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin-top:clamp(44px,6vw,80px);padding-top:32px;border-top:1px solid var(--onblue);
  font-size:13px;color:#8891C4}
.foot-legal a{color:#8891C4;text-decoration:none}
.foot-legal a:hover{color:#fff}

@media(max-width:1100px){
  .foot-top{grid-template-columns:1fr;gap:48px}
}
@media(max-width:720px){
  .foot-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
  .foot-legal{flex-direction:column;gap:10px}
}