/* ============================================================================
   Suddenly Sorted — the one site footer.
   Linked by every public page. Edit HERE, not in a page.

   Self-contained on purpose: most secondary pages never define --gold/--terra,
   so this file hardcodes its own values rather than inheriting tokens that
   may or may not exist. Assumes only Newsreader + Hanken Grotesk, which every
   public page already loads.
   ========================================================================== */

.site-footer{
  position:relative; overflow:hidden;
  background:#E5E5E3; color:#5f584e;
  border-top:1px solid rgba(28,22,18,.1);
  padding:56px clamp(20px,5vw,64px) 34px;
  font-family:'Hanken Grotesk',system-ui,-apple-system,sans-serif;
  line-height:1.5;
}
.site-footer::before{
  content:""; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(45,74,53,.28),transparent);
}
.site-footer *{ box-sizing:border-box; }

.site-footer .sf-inner{ position:relative; z-index:2; max-width:1080px; margin:0 auto; }
.site-footer .sf-top{
  display:flex; justify-content:space-between; align-items:flex-start;
  gap:30px; flex-wrap:wrap;
}
.site-footer .sf-brandcol{ flex:0 1 300px; }
.site-footer .sf-grp{ flex:0 0 auto; }

.site-footer .sf-brand{ display:inline-flex; align-items:center; gap:9px; text-decoration:none; }
.site-footer .sf-brand svg{ width:30px; height:30px; display:block; }
.site-footer .sf-wm{
  font-family:'Cabinet Grotesk',sans-serif; font-weight:600; font-size:1.1rem; color:#2D4A35;
}
.site-footer .sf-wm .s2{ color:#C4603A; font-style:italic; }
.site-footer .sf-tag{
  color:#6d6a62; font-size:.9rem; line-height:1.55; margin:13px 0 12px; max-width:300px;
}
.site-footer .sf-em{ color:#C4603A; text-decoration:none; font-size:.9rem; }
.site-footer .sf-em:hover{ color:#2D4A35; }

.site-footer .sf-grp h5{
  font-family:'Cabinet Grotesk',sans-serif; font-weight:600; font-size:.82rem;
  color:#2D4A35; margin:0 0 11px; letter-spacing:.01em;
}
.site-footer .sf-grp a,
.site-footer a{ color:#5f584e; text-decoration:none; }
.site-footer .sf-grp a{ display:block; font-size:.92rem; padding:6px 0; line-height:1.2; }
.site-footer .sf-grp a:hover,
.site-footer a:hover{ color:#2D4A35; }

.site-footer .sf-base{
  margin-top:30px; padding-top:18px; border-top:1px solid rgba(28,22,18,.1);
  color:#8b8377; font-size:.8rem; text-align:center;
}
.site-footer .sf-cp{ color:#8b8377; }

@media (max-width:700px){
  .site-footer{ padding:40px 22px 28px; }
  .site-footer .sf-top{ gap:22px; }
  .site-footer .sf-brandcol{ flex:1 1 100%; }
  .site-footer .sf-grp{ flex:1 1 40%; }
}

/* Some pages set a global `a{text-decoration:underline}` or a dark body colour.
   Keep the footer looking like the footer regardless of the host page. */
.site-footer a{ border-bottom:0 !important; text-decoration:none !important; }