/* =========================================================
   Page « L'équipe » : portraits en médaillons dorés
   ========================================================= */
.groupe-equipe + .groupe-equipe { margin-top: 3.5rem; }
.groupe-equipe__titre { font-family: var(--police-titre); text-align: center; font-size: clamp(1.4rem, 3.5vw, 2rem); margin-bottom: 2rem; }

.membres { list-style: none; padding: 0; display: grid; gap: 2.5rem 1.5rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }
.membre { display: grid; justify-items: center; text-align: center; gap: .4rem; }

/* Médaillon : double anneau doré + petit fleuron en bas */
.medaillon {
  position: relative; width: 170px; height: 170px; margin-bottom: 1rem; border-radius: 50%;
  padding: 6px; background: var(--degrade-or);
  box-shadow: 0 0 0 4px var(--noir), 0 0 0 6px var(--or-fonce), 0 12px 30px rgba(0, 0, 0, .6);
  transition: transform .35s ease;
}
.membre:hover .medaillon { transform: rotate(-3deg) scale(1.04); }
.medaillon img, .medaillon__initiales { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 3px solid var(--noir); }
.medaillon__initiales {
  display: grid; place-items: center; background: var(--grain), var(--velours);
  font-family: var(--police-titre); font-size: 2.6rem; color: var(--or); text-shadow: 0 2px 6px rgba(0, 0, 0, .6);
}
.medaillon::after { /* fleuron */
  content: "✦"; position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%);
  width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%;
  background: var(--noir); color: var(--or); border: 1px solid var(--or); font-size: .9rem;
}
.membre__nom { font-family: var(--police-titre-2); font-size: 1.2rem; }
.membre__role { font-family: var(--police-sous-titre); font-style: italic; color: var(--ivoire); }
.membre__bio { font-size: .95rem; opacity: .85; max-width: 32ch; }