/* Pied de page brun, coin supérieur droit arrondi. */

.site-footer {
  margin-top: var(--section-gap);
  padding: clamp(56px, 8vh, 80px) var(--gutter) 36px;
  background: var(--color-primary); color: var(--color-on-primary);
  border-radius: 0 var(--radius-corner) 0 0;
}
.site-footer a { color: var(--color-on-primary); }
.site-footer a:hover { color: var(--color-highlight); }

.site-footer__grid {
  display: grid; gap: 48px; align-items: start;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
}
.site-footer__logo { height: 130px; width: auto; }

.site-footer__contact { display: flex; flex-direction: column; gap: 14px; }
.site-footer__contact .kicker--sm { color: var(--color-on-primary); letter-spacing: 0.24em; }
.site-footer__email { font-family: var(--font-display); font-size: clamp(17px, 1.6vw, 22px); white-space: nowrap; }
.site-footer__social { display: flex; flex-wrap: wrap; gap: 18px; }

.site-footer__nav { display: flex; flex-direction: column; gap: 12px; }

.site-footer__bottom {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px;
  margin-top: 64px; padding-top: 20px; border-top: 1px solid var(--line-on-primary);
  font-size: 12px; letter-spacing: 0.14em;
}
.site-footer__tagline { font-family: var(--font-display); font-style: italic; font-size: 16px; letter-spacing: 0; }