/* The ARQ site footer — shared by home, the articles and the manifesto. It takes the page's own ink, so it sits
   calmly on the dark green, the paper, or the manifesto's paper without its own palette. */
.site-footer{--sf-rule:color-mix(in srgb,currentColor 18%,transparent);border-top:1px solid var(--sf-rule);margin-top:40px;padding:90px 0 0;font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.site-footer .sf-wrap{width:90%;max-width:1680px;margin-inline:auto}
.sf-top{display:grid;grid-template-columns:1.7fr repeat(3,minmax(0,1fr));gap:40px;align-items:start}
.sf-logo{display:inline-block}
.sf-logo img{display:block;width:clamp(150px,15vw,230px);height:auto;filter:brightness(0) var(--logo,invert(0))}
.sf-line{font-size:clamp(20px,1.7vw,26px);line-height:1.25;letter-spacing:-.4px;margin:34px 0 0;max-width:340px}
.sf-col{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.sf-col .sf-label{text-transform:uppercase;font-size:10px;letter-spacing:1.6px;opacity:.7;margin:0 0 14px}
.sf-col a{font-size:15px;line-height:1.5;padding:4px 0;border-bottom:1px solid transparent;transition:border-color .3s;display:inline-flex;align-items:center;gap:8px}
.sf-col a:hover{border-bottom-color:currentColor}
.sf-col a .cta-arrow{width:.8em;height:.8em;opacity:.8}
.sf-col .sf-handle{font-size:12px;opacity:.65;margin-top:10px}
.sf-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--sf-rule);margin-top:90px;padding:22px 0 34px;font-size:11px;letter-spacing:.3px;opacity:.8}
.site-footer a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:900px){.sf-top{grid-template-columns:1fr 1fr 1fr;row-gap:56px}.sf-brand{grid-column:1/-1}}
@media(max-width:600px){.site-footer{padding-top:60px;margin-top:20px}.site-footer .sf-wrap{width:88%}.sf-top{grid-template-columns:1fr 1fr;gap:44px 24px}.sf-line{font-size:21px;margin-top:26px}.sf-col a{font-size:15px}.sf-col-contact{grid-column:1/-1}.sf-bottom{margin-top:56px;padding-bottom:30px}}
/* on the manifesto, its own strip keeps the credits; the brand and social links now live in this footer */
.manifesto-footer .brand,.manifesto-footer>.social{display:none}
.sf-top-link{display:inline-flex;align-items:center;gap:8px}.sf-top-link .cta-arrow{width:.9em;height:.9em}
.manifesto-footer>a[href="#beginning"]{display:none}