/* ── FOOTER ── */
footer {
  background: var(--dark); color: var(--cream);
  padding: 3rem 15%;
  display: flex; align-items: center;
  justify-content: space-between; flex-wrap: wrap; gap: 1.5rem;
}
.foot-brand-row {
  display: flex; align-items: center; gap: 14px;
}
.logo-mark--foot {
  width: 42px; height: 42px;
  background: linear-gradient(165deg, #fff 0%, #f0f0f0 100%);
  box-shadow:
    0 4px 16px rgba(0,0,0,0.25),
    inset 0 1px 0 rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.15);
}
.logo-mark--foot picture {
  width: 58%; height: 58%;
  display: block;
}
.logo-mark--foot img { width: 100%; height: 100%; }
.foot-brand {
  font-family: 'Source Serif 4', serif;
  font-size: 1.1rem; font-weight: 700;
}
.foot-brand span { color: var(--accent); }
.foot-note { color: rgba(232,230,220,0.35); font-size: 0.72rem; margin-top: 2px; }
.foot-links { display: flex; gap: 2rem; list-style: none; }
.foot-links a { color: rgba(232,230,220,0.45); font-size: 0.85rem; text-decoration: none; transition: color 0.2s; }
.foot-links a:hover { color: #fff; }
.foot-copy { color: rgba(232,230,220,0.3); font-size: 0.78rem; }