/* Site footer: on every page, one quiet line: the copyright, and that the work is shown with the kind permission of the companies it was made for.
   Case study pages end on the dark next-studies container, so their footer is the dark variant and carries on from it. The landing page (a fixed stage, no page end) has it fixed to the bottom
   of its last slide (.site-footer--landing, inside the About panel).
   <footer class="site-footer site-footer--dark"><div class="site-footer__inner"><p class="t-body">© 2026 Marc Hagan-Guirey</p><p class="t-body">…</p></div></footer> */
.site-footer { padding: var(--space-6) var(--gutter); color: var(--color-ink); }
.site-footer__inner { width: min(var(--container), 100%); margin-inline: auto; display: flex; justify-content: space-between; align-items: baseline; gap: 10px 40px; flex-wrap: wrap; }
.site-footer p { margin: 0; text-box: trim-both cap alphabetic; }
.site-footer .t-body { font-size: 0.8125rem; line-height: 1.5; }   /* 13px: quieter than the body copy (16px) */
.site-footer--dark { background: var(--color-case-dark); color: var(--color-type-sample); }
.site-footer--landing { position: fixed; z-index: 15; left: 0; right: 0; bottom: 0; margin: 0; padding-block: var(--space-5); box-sizing: border-box; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .4s ease-out, visibility 0s .4s; }   /* locked to the very bottom of the screen; shown on the About slide only */
html.on-about .site-footer--landing { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .4s ease-out; }