.site-footer{
  position:relative;
  z-index:1;
  padding-block:2rem 2.5rem;
  border-top:1px solid var(--hairline-dark);
}
.site-footer .shell{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  justify-content:space-between;
  align-items:center;
  font-size:var(--step--1);
  color:var(--fg-on-dark-muted);
}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{position:relative;z-index:1;border-top:1px solid var(--hairline-dark);padding-block:clamp(2rem,5vh,3.25rem) clamp(1.5rem,4vh,2.5rem)}
.site-footer > .shell{max-width:none;padding-inline:clamp(1.25rem,3.5vw,3.5rem);display:block}
.footer__top{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:clamp(1.5rem,4vw,5rem);
  color:var(--fg-on-dark);
  padding-top:0;
  border-top:0;
}
.footer__tag{margin-right:auto}
.footer__top .footer__col:last-child{margin-right:0}
.footer__tag,.footer__bottom,.footer__up{color:var(--fg-on-dark)}
.footer__tag{
  font-size:clamp(1.15rem,1rem + 0.6vw,1.7rem);
  line-height:1.22;
  letter-spacing:-.01em;
}
.footer__tag em{font-family:var(--font-serif);font-style:italic}
.footer__col{
  display:flex;
  flex-direction:column;
  gap:.55rem;
  font-size:clamp(.95rem,.9rem + 0.2vw,1.08rem);
}
.footer__col a{color:var(--fg-on-dark)}
.footer__col--contact{color:var(--fg-on-dark-muted);font-style:normal}
.footer__col--contact address{font-style:normal;line-height:1.45}
.footer__col--contact a{color:var(--fg-on-dark)}
.footer__col a:hover{color:var(--blaze)}
.footer__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  width:100%;
  margin-top:clamp(2rem,6vh,4rem);
  font-size:var(--step--1);
  color:var(--fg-on-dark);
}
.footer__up{display:inline-flex;align-items:center;gap:.6rem;color:var(--fg-on-dark);background:none;border:0;cursor:pointer;font:inherit}
.footer__up:hover{color:var(--blaze)}
.footer__up svg{width:14px;height:14px}
@media (max-width:860px){
  .footer__top{display:grid;grid-template-columns:1fr 1fr}
  .footer__tag{grid-column:1 / -1}
}