/* Footer: the wordmark and one small line. Revealed as <main> lifts away (sticky). */
.site-footer{position:sticky;bottom:0;z-index:1;background:var(--ink);overflow:hidden}
.footer-in{position:relative;display:flex;flex-direction:column;gap:var(--s4);padding-top:var(--s5);padding-bottom:var(--s3)}
.footer-meta{color:var(--mute);border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:6px var(--s3);flex-wrap:wrap}
.footer-meta p{margin:0}
/* the privacy promise: its own line, one step brighter than the copyright, with the small square marker the labels use (neutral, not blue). Not a link, no hover, no motion */
.footer-promise{color:var(--text-2);display:flex;align-items:center;gap:10px}
.footer-promise::before{content:"";width:6px;height:6px;background:currentColor;flex:none}
@media (width < 600px){.footer-meta{flex-direction:column-reverse;align-items:flex-start}} /* phones: the promise sits just above the copyright */
.footer-mark{font-family:var(--d);font-variation-settings:"wdth" var(--dw),"wght" var(--dwg);text-transform:uppercase;line-height:.9;padding-bottom:.04em;white-space:nowrap;width:max-content;font-size:var(--fd-mark);letter-spacing:var(--ls-d);margin:0;color:var(--stone)}
.footer-mark.rv-a{opacity:var(--rv);transform:translateY(calc((1 - var(--rv)) * 5%))}