/* GB-footer för undersidor (samma regler som css/site.css) */
:root{
  --ink:#2e2e2e;
  --body:#5a5a5a;
  --gold:#e09c5c;
  --bg:#ffffff;
  --black:#000000;
  --display:"Playfair Display Variable","Playfair Display",Georgia,"Times New Roman",serif;
  --sans:"DM Sans Variable","DM Sans",ui-sans-serif,system-ui,sans-serif;
  --quote:"Cormorant Garamond Variable","Cormorant Garamond",Georgia,serif;
  --label:Poppins,ui-sans-serif,system-ui,sans-serif;
  --max:72rem;
}
.wrap{width:min(var(--max),calc(100% - 3rem));margin-inline:auto}
.site-footer address{font-style:normal}
.site-footer a{color:inherit;text-decoration:none}
/* Footer */
.site-footer{
  background:var(--black);color:rgba(255,255,255,.8);
  padding:6rem 1.5rem;
}
.footer-grid{
  display:grid;gap:4rem;
}
.footer-mark{color:#fff}
.footer-brand{
  margin-top:2rem;font-family:var(--display);font-size:1.5rem;color:#fff;
}
.footer-address{margin-top:1.5rem;line-height:1.625}
.footer-story{line-height:1.625}
.footer-tagline{
  margin-top:1.5rem;font-family:var(--quote);font-style:italic;font-size:1.5rem;color:#fff;
}
.footer-tagline .more{
  font-family:var(--label);font-style:normal;font-size:.75rem;letter-spacing:.3em;
}
.socials{display:flex;gap:1rem;margin-top:2.5rem}
.socials a{
  display:flex;align-items:center;justify-content:center;
  width:2.5rem;height:2.5rem;border:1px solid rgba(255,255,255,.3);color:#fff;
  transition:border-color .2s,color .2s;
}
.socials a:hover{border-color:var(--gold);color:var(--gold)}
.socials svg{width:1rem;height:1rem}
.footer-bottom{
  margin-top:5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2);
  display:flex;flex-direction:column;gap:1rem;
  font-family:var(--label);font-size:.75rem;letter-spacing:.15em;
}
.footer-bottom a:hover{color:var(--gold)}
@media(min-width:640px){
  .footer-bottom{flex-direction:row;align-items:center;justify-content:space-between}
}
@media(min-width:768px){
  .site-footer{padding:8rem 1.5rem}
  .footer-grid{grid-template-columns:1fr 1fr}
}