/* Burnt-orange ink stamps on the existing paper. */
.social-footer{position:relative;max-width:780px;margin:0 auto;padding:26px 30px 48px;border-top:1px dashed #a83e2066;color:#a83e20}
.social-footer-label{display:block;font:10px monospace;letter-spacing:.18em;margin-bottom:20px}
.social-links{display:flex;flex-wrap:wrap;gap:26px}
.social-links a{display:flex;align-items:center;gap:9px;min-height:44px;text-decoration:none;font:11px monospace;text-transform:uppercase;letter-spacing:.06em}
.social-links svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:square;stroke-linejoin:round;filter:url(#ink-wear)}
.social-links a:nth-child(1) svg{transform:rotate(-4deg)}
.social-links a:nth-child(2) svg{transform:rotate(3deg)}
.social-links a:nth-child(3) svg{transform:rotate(-2deg)}
.social-links a:hover{color:#ce3705;text-decoration:underline;text-underline-offset:5px}
.social-links a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:480px){.social-footer{padding:22px 20px 36px}.social-links{gap:14px}.social-links a{font-size:10px}}

/* Keep short pages full-height, with the footer after all page content. */
body { display:flex; flex-direction:column; min-height:100svh; }
body > .site-nav,body > main,body > .social-footer { flex-shrink:0; }
body > .mixes-page { width:100%; margin:0 auto; }
body > .social-footer { width:min(100%,780px); margin: auto auto 0; }
.social-links a[href^="mailto:"] { text-transform:none; }