/* ============================================================
   Footer — Conceptica Studio
   ============================================================ */
footer#colophon.site-footer { background: var(--black); color: var(--white); margin-top: 0; }
footer#colophon .container.nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  height: auto;
  padding-block: 26px;
}
footer#colophon .brand { display: inline-flex; flex-direction: column; line-height: 1; gap: 4px; }
footer#colophon .brand__mark { font-family: var(--font-serif); font-weight: 600; font-size: 24px; letter-spacing: 0.04em; color: var(--white); }
footer#colophon .brand__word { font: 600 8.5px/1 var(--font-body); letter-spacing: 0.34em; text-transform: uppercase; color: var(--white); }
footer#colophon .brand__word small { display: block; font-weight: 500; letter-spacing: 0.5em; font-size: 6.5px; color: var(--muted-dark); margin-top: 3px; text-align: center; }
.footer__copy { font-size: 12px; color: var(--white); margin: 0; }
.footer__links { display: flex; gap: clamp(16px, 2vw, 32px); list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.footer__links li { margin: 0; }
.footer__links a { font: 600 11px/1 var(--font-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--white); }
.footer__links a:hover { color: var(--muted-dark); }