.medailles{--medaille-h: 130px;--medaille-debord: 44px}@media(min-width:900px){.medailles{--medaille-h: 190px;--medaille-debord: 64px}}.medailles{background:var(--c-white);padding:var(--sp-3xl) 0;scroll-margin-top:80px}.medailles--alt{background:var(--c-surface-alt)}.medailles__container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.medailles__header{display:grid;gap:var(--sp-md) var(--sp-2xl);align-items:end;margin-bottom:var(--sp-xl)}@media(min-width:900px){.medailles__header{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.medailles__eyebrow{margin:0 0 var(--sp-2xs);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted-soft)}.medailles__title{margin:0}.medailles__texte{max-width:56ch}.medailles__texte p{margin:0}.medailles__texte p+p{margin-top:var(--sp-xs)}.medailles__outils{margin-bottom:var(--sp-lg)}.medailles__outils .catalogue__filtres{margin-bottom:var(--sp-xs)}.medailles__outils .catalogue__filtres[hidden]{display:none}@media(max-width:599px){.medailles__outils .catalogue__filtres{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--gutter) * -1);padding:1px var(--gutter);scrollbar-width:none}.medailles__outils .catalogue__filtres::-webkit-scrollbar{display:none}.medailles__outils .catalogue__filtres .catalogue__filtre{flex:none}}.medailles__outils .catalogue__filtre{font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);cursor:pointer}.medailles__outils .catalogue__compteur{margin:0}.medailles__coche{display:none}[aria-pressed=true]>.medailles__coche{display:inline}.medailles__discipline+.medailles__discipline{margin-top:var(--sp-3xl)}.medailles__discipline[hidden]{display:none}.medailles__discipline-titre{margin:0;font-size:var(--fs-h4)}.medailles__grille{list-style:none;margin:0;padding:calc(var(--medaille-debord) + var(--sp-md)) 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--medaille-debord) + var(--sp-md)) var(--sp-xs)}@media(min-width:600px){.medailles__grille{column-gap:var(--sp-md)}}@media(min-width:900px){.medailles__grille{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--sp-lg)}}.medailles__carte{display:flex;flex-direction:column;align-items:center;padding:0 var(--sp-sm) var(--sp-md);text-align:center;background:var(--c-surface-alt);border-radius:var(--radius-card)}@media(min-width:900px){.medailles__carte{padding:0 var(--sp-lg) var(--sp-lg)}}.medailles__visuel{height:var(--medaille-h);margin-top:calc(var(--medaille-debord) * -1);margin-bottom:var(--sp-md);display:flex;align-items:flex-end;justify-content:center}.medailles__visuel picture{display:contents}.medailles__image{display:block;width:auto;height:auto;max-width:100%;max-height:min(100%,var(--h-max, 100%));object-fit:contain;transform-origin:50% 0}.medailles__corps{display:flex;flex-direction:column;align-items:center;width:100%}.medailles__niveau{display:flex;align-items:center;gap:var(--sp-2xs);margin:0 0 var(--sp-xs);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.medailles__picto{display:block;flex:none;width:18px;height:18px;color:var(--c-accent)}.medailles__nom{display:flex;align-items:center;justify-content:center;min-height:2em;margin:0 0 var(--sp-xs);font-size:clamp(1.25rem,.9rem + 1.1vw,2.25rem);line-height:1;overflow-wrap:break-word;hyphens:auto}.medailles__description{max-width:34ch;margin:0;font-size:var(--fs-sm);line-height:1.45;color:var(--text-muted)}.medailles__vide{margin:0;padding:var(--sp-md);border:1px dashed var(--c-border);border-radius:var(--radius-card);color:var(--c-muted);text-align:center}.medailles.is-anime .medailles__carte{opacity:0;transform:translateY(32px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out);transition-delay:calc(var(--i, 0) * .11s)}.medailles.is-anime .medailles__carte.is-visible{opacity:1;transform:none}.medailles.is-anime .medailles__carte.is-visible .medailles__image{animation:medaille-balancier 1.1s cubic-bezier(.3,.7,.4,1) both;animation-delay:calc(var(--i, 0) * .11s + .12s)}@keyframes medaille-balancier{0%{transform:rotate(5deg)}45%{transform:rotate(-2deg)}75%{transform:rotate(.6deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.medailles.is-anime .medailles__carte{opacity:1;transform:none;transition:none}.medailles.is-anime .medailles__carte.is-visible .medailles__image{animation:none}}
