/* Shared public foundations. Page files own their backgrounds and section layouts. */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); font-family: "Source Sans 3", sans-serif; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

.site-footer {
    padding: 28px clamp(18px, 4vw, 56px);
    background: var(--ink-strong);
    color: rgba(255, 255, 255, .72);
}

.footer-inner {
    display: flex;
    max-width: var(--max);
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 auto;
}

.footer-inner a {
    color: var(--white);
    font-weight: 800;
}

.footer-links { display: flex; flex-wrap: wrap; gap: 18px; }
@media (max-width: 820px) {
    .footer-inner { align-items: flex-start; flex-direction: column; }
}