/* Site footer — the AnotherFabric bottom-nav design, shared by every page.
   Self-contained: no dependency on anotherfabric.css variables, so it can be
   dropped onto the inline-styled capability pages as-is. */

.aa-footer{
  position:relative;
  z-index:3;
  box-sizing:border-box;
  padding:72px clamp(26px,5.7vw,92px) 44px;
  border-top:1px solid rgba(243,240,233,.13);
  background:#030303;
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

.aa-footer *{
  box-sizing:border-box;
}

.aa-footer nav{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:34px 26px;
  max-width:1480px;
  margin:0 auto;
  padding:0;
}

.aa-footer .aa-foot-h{
  margin:0 0 17px;
  color:#55524d;
  font:500 8.5px/1 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.16em;
}

.aa-footer a{
  display:block;
  padding:5px 0;
  color:#85817a;
  font-size:12px;
  font-weight:300;
  line-height:1.35;
  text-decoration:none;
  transition:color .25s,transform .25s cubic-bezier(.16,1,.3,1);
}

.aa-footer a:hover,
.aa-footer a:focus-visible{
  color:#f3f0e9;
  transform:translateX(3px);
}

.aa-footer a[aria-current="page"]{
  color:#f3f0e9;
}

.aa-footer>p{
  max-width:1480px;
  margin:52px auto 0;
  padding-top:20px;
  border-top:1px solid rgba(243,240,233,.13);
  color:#4e4b47;
  font:500 8px/1 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.14em;
}

@media(max-width:1200px){
  .aa-footer nav{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:760px){
  .aa-footer{
    padding-top:60px;
  }

  .aa-footer nav{
    grid-template-columns:1fr 1fr;
  }
}

/* Two columns hold down to the narrowest common phone; a single
   column only below that, where two would wrap the link text. */
@media(max-width:359px){
  .aa-footer nav{
    grid-template-columns:1fr;
  }

  .aa-footer>p{
    line-height:1.5;
  }
}