/* footer slot "F02b": painting-resolve (Tim's pick, 12 Oct 2026). Source: design/footers/F02b-painting-resolve/partial.html.
   Ported to tokens: colours as ramp vars; nav t14 (= header nav), gap s32; margins s32 = header margin.
   v2 polish (12 Oct 2026, Tim: "Contang Research at the footer, you can make it bigger"; "the legal line is not necessary"):
   the horizontal lockup is the footer signature at display size (72 px = t72, ~668 px wide), cols 1-6;
   nav and copyright sit right, on the lockup's cap line and baseline; legal_short no longer rendered (content.json keeps it).
   Canvas 1440x560 and FIELD_TOP 170 are the engine's own geometry (unchanged): everything above stays above y 170. */
footer.cf{position:relative;width:100%;max-width:1440px;height:560px;margin:0 auto;background:var(--d-paper);overflow:hidden;color:var(--d-ink-2)}
footer.cf canvas{position:absolute;inset:0;width:1440px;height:560px;display:block}
footer.cf .top{position:absolute;left:var(--s32);right:var(--s32);top:var(--s64);display:flex;justify-content:space-between;align-items:stretch;z-index:2;height:var(--t72)}
footer.cf .lock img{height:var(--t72);width:auto;display:block}
footer.cf .side{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}
footer.cf nav{display:flex;gap:var(--s32)}
footer.cf nav a{font-size:var(--t14);font-weight:500;line-height:1.4;color:var(--d-ink-2);text-decoration:none}
footer.cf nav a:hover{color:var(--d-ink)}
footer.cf .copy{margin:0;font-size:var(--t12);font-weight:400;line-height:1.5;color:var(--d-ink-2);font-variant-numeric:tabular-nums}
.footwrap{background:var(--d-paper)}
/* v4 review fix (review-architect.md, WCAG 1.4.10 reflow): below 900 px the lockup and the nav stack in flow, nothing clipped */
@media (max-width:900px){footer.cf .top{position:relative;left:auto;right:auto;top:auto;padding:var(--s64) var(--s32) 0;flex-direction:column;align-items:flex-start;height:auto;gap:var(--s24)}
footer.cf .lock img{height:var(--s32)}footer.cf .side{align-items:flex-start;gap:var(--s16)}footer.cf nav{flex-wrap:wrap;gap:var(--s16) var(--s24)}}