footer {
  padding:clamp(72px,9vw,112px) 0 clamp(44px,5vw,64px);
  border-top:1px solid var(--rule);
  position:relative; overflow:hidden;
}
footer::before {
  content:'Δ';
  position:absolute; right:-2%; bottom:-20%;
  font-family:var(--fd); font-optical-sizing:auto; font-weight:200;
  font-size:clamp(280px,38vw,540px);
  color:var(--rule2); line-height:1;
  pointer-events:none; user-select:none;
  opacity:.35; z-index:0;
}
footer > .w { position:relative; z-index:1 }

.foot-top {
  display:flex; justify-content:space-between; align-items:flex-start;
  gap:48px; flex-wrap:wrap; margin-bottom:72px;
}

.f-brand-logo {
  font-family:var(--fm); font-size:12px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--ink); opacity:.3; transition:opacity .22s; display:block;
}
.f-brand:hover .f-brand-logo { opacity:.65 }
.f-brand-tag {
  font-family:var(--fm); font-size:10px; letter-spacing:.1em;
  color:var(--gray2); margin-top:12px;
}

.f-cols { display:flex; gap:clamp(40px,5vw,72px); flex-wrap:wrap }
.f-col { display:flex; flex-direction:column; gap:10px }
.f-lbl {
  font-family:var(--fm); font-size:9.5px; letter-spacing:.24em; text-transform:uppercase;
  color:var(--gray2); margin-bottom:4px;
}
.f-col a {
  font-size:13px; color:var(--gray); transition:color .22s var(--ease);
  display:inline-flex; align-items:center; gap:5px;
}
.f-col a:hover { color:var(--ink) }

.foot-bot {
  display:flex; justify-content:space-between; align-items:center;
  gap:16px; flex-wrap:wrap; padding-top:32px; border-top:1px solid var(--rule);
}
.f-copy { font-family:var(--fm); font-size:10px; letter-spacing:.06em; color:var(--gray2) }
.f-delta {
  font-family:var(--fd); font-optical-sizing:auto; font-weight:200;
  font-size:16px; color:var(--rule);
  opacity:.6; user-select:none;
}