/* ===================== footer ===================== */
.footer{background:var(--pri-950);color:oklch(.92 .012 70 / .82);position:relative}
.footer__in{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:2.5rem;padding-block:clamp(3rem,6vw,4.5rem)}
.footer h4{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem;font-family:'Jost',sans-serif;font-weight:500}
.footer a:hover{color:var(--gold)}
.footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem;font-size:.92rem}
.footer__logo{height:56px;margin-bottom:1.1rem}
.footer__brand p{font-size:.92rem;max-width:32ch}
.socials{display:flex;gap:.6rem;margin-top:1.2rem}
.socials a{
  width:40px;height:40px;border-radius:999px;display:grid;place-items:center;
  border:1px solid color-mix(in oklab,var(--gold) 32%,transparent);transition:border-color .25s ease,background-color .25s ease;
}
.socials a:hover{border-color:var(--gold);background:oklch(1 0 0 / .05)}
.legal{
  border-top:1px solid color-mix(in oklab,var(--gold) 22%,transparent);padding-block:1.4rem;
  display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;
  font-size:.78rem;letter-spacing:.06em;color:oklch(.92 .012 70 / .55);
}