/* ═══ FOOTER ═══ */
.footer{position:relative;background:#080808;border-top:1px solid var(--border);
  padding:clamp(60px,10vh,110px) var(--gut) 0;overflow:hidden}

.f-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  gap:clamp(26px,4vw,64px);padding-bottom:clamp(46px,8vh,90px)}
@media(max-width:1000px){.f-top{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:560px){.f-top{grid-template-columns:1fr;gap:32px}}

.f-brand .f-logo{display:inline-block;margin-bottom:22px}
.f-brand .f-logo img{display:block;height:clamp(78px,7vw,100px);width:auto}
.f-brand p{font-size:clamp(.9rem,1vw,1rem);line-height:1.6;color:var(--muted);max-width:30ch}
.f-brand .tagline{margin-top:16px;font-family:'Archivo Expanded',Archivo,sans-serif;
  font-weight:800;font-size:clamp(.95rem,1.3vw,1.2rem);letter-spacing:-.02em;color:var(--text)}

.f-col h3{font-size:10.5px;letter-spacing:.2em;font-weight:600;color:var(--dim);
  margin-bottom:20px;display:flex;align-items:center;gap:9px}
.f-col h3::before{content:"";width:6px;height:6px;background:var(--cut);flex-shrink:0}
.f-col ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.f-col ul + ul{margin-top:18px}
.f-col a,.f-col .plain{font-size:clamp(.88rem,.98vw,.96rem);line-height:1.45;color:var(--muted);
  position:relative;display:inline-block;transition:color .3s ease}
.f-col a::after{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:1px;
  background:var(--cut);transition:right .35s cubic-bezier(.2,.7,.2,1)}
.f-col a:hover{color:var(--text)}
.f-col a:hover::after{right:0}
.f-col .plain{color:var(--muted)}
.f-col .note{margin-top:6px;font-size:11px;letter-spacing:.02em;color:var(--dim);line-height:1.6}

/* oversized wordmark anchored to the bottom edge */
.f-mark{position:relative;border-top:1px solid var(--border);padding-top:clamp(22px,3.5vh,36px)}
.f-mark .big{font-family:'Archivo Expanded',Archivo,sans-serif;font-weight:900;
  font-size:clamp(3rem,15.5vw,15rem);line-height:.78;letter-spacing:-.045em;
  color:var(--text);opacity:.055;white-space:nowrap;user-select:none;
  margin-bottom:-.12em;pointer-events:none}

.f-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:14px;padding:clamp(18px,3vh,26px) 0;border-top:1px solid var(--border)}
.f-bottom p,.f-bottom a{font-size:11px;letter-spacing:.06em;color:var(--dim)}
.f-bottom a:hover{color:var(--text)}
.f-legal{display:flex;gap:20px;flex-wrap:wrap}