/* Section — Bandeau repères (V3). Desktop p28/64, groupes en ligne séparés par un filet carbone ; mobile p24/16, empilés. */
.reperes { background: var(--brandt-light); padding: var(--space-24) var(--gutter); }
.reperes__list { display: flex; flex-direction: column; gap: var(--space-16); }
.reperes__item { display: flex; align-items: center; gap: var(--space-12); }
@media (min-width: 1024px) {
  .reperes { padding: var(--space-28) var(--gutter); }
  .reperes__list { flex-direction: row; gap: 0; }
  .reperes__item { flex: 1 1 0; gap: var(--space-16); padding: 0 var(--space-32); }
  .reperes__item:first-child { padding-left: 0; }
  .reperes__item + .reperes__item { border-left: var(--border-1) solid var(--brandt-carbon); }
}