/* =====================================================================
   Opera Populi : pied de page
   ===================================================================== */

/* ---------- Pied de page ---------- */
.site-footer { background: var(--bg-sunken); border-top: 1px solid var(--line); }
.frieze {
  --row-a: repeating-linear-gradient(90deg,
    var(--tess-2) 0 1.2rem, transparent 0 1.35rem, var(--tess-1) 0 2.55rem, transparent 0 2.7rem,
    var(--tess-4) 0 3.9rem, transparent 0 4.05rem, var(--tess-5) 0 5.25rem, transparent 0 5.4rem,
    var(--tess-3) 0 6.6rem, transparent 0 6.75rem, var(--tess-6) 0 7.95rem, transparent 0 8.1rem);
  --row-b: repeating-linear-gradient(90deg,
    var(--tess-5) 0 1.2rem, transparent 0 1.35rem, var(--tess-6) 0 2.55rem, transparent 0 2.7rem,
    var(--tess-2) 0 3.9rem, transparent 0 4.05rem, var(--tess-1) 0 5.25rem, transparent 0 5.4rem,
    var(--tess-4) 0 6.6rem, transparent 0 6.75rem, var(--tess-3) 0 7.95rem, transparent 0 8.1rem);
  height: 1.05rem;
  background: var(--row-a) 0 0 / 8.1rem .45rem repeat-x, var(--row-b) -.6rem .6rem / 8.1rem .45rem repeat-x, var(--grout);
}
.site-footer__grid { display: grid; gap: var(--sp-7); padding-block: var(--sp-8) var(--sp-7); }
.charter { display: grid; gap: var(--sp-3); align-content: start; justify-items: start; }
.charter__title { font-size: var(--fs-2xl); }
.charter__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: .9rem 1.25rem; width: 100%; margin-top: var(--sp-3); }
.charter__list li { display: flex; align-items: flex-start; gap: .6rem; font-size: var(--fs-sm); color: var(--text-muted); }
.charter__list .icon { margin-top: .15rem; color: var(--accent-text); }
.charter__list strong { display: block; color: var(--text); }
.site-footer__base {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-3);
  padding-block: var(--sp-5); border-top: 1px solid var(--line); font-size: var(--fs-sm);
}