/* ==== Espace Décideur · Légendes (scène sombre, or) ===================== */
.legend { text-align: center; padding-left: 0; padding-right: 0; }
.legend-eyebrow, .legend-season { font-size: var(--fs-md); font-weight: 600; color: var(--gold); }
.legend-gold { color: var(--gold); }

/* ouverture */
.legend-open {
  min-height: calc(86vh - var(--nav-h)); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 26px;
  padding: 0 var(--gutter);
}
.legend-scroll {
  margin-top: 6vh; width: 1.5px; height: 64px; background: linear-gradient(var(--gold), transparent);
  animation: legend-scroll 2.4s var(--ease) infinite; transform-origin: top;
}
@keyframes legend-scroll { 0% { transform: scaleY(0); opacity: 1; } 60% { transform: scaleY(1); opacity: 1; } 100% { transform: scaleY(1); opacity: 0; } }

/* un chapitre par saison : deux temps, le titre puis l'histoire */
.legend-chapter { position: relative; }
.legend-chapter + .legend-chapter::before {
  content: ''; display: block; width: 1px; height: 12vh; margin: 0 auto; background: linear-gradient(transparent, var(--line-strong), transparent);
}
.legend-beat {
  min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px;
  padding: 8vh var(--gutter);
}
.legend-beat--story { min-height: 82vh; gap: 40px; }

.legend-trophy svg { width: clamp(120px, 11vw, 190px); height: auto; overflow: visible; }
.legend-trophy__num { font-family: var(--font); font-weight: 700; font-size: 22px; letter-spacing: -1px; fill: #000; opacity: 0.55; }
/* le reflet passe une fois à l'arrivée, puis de temps en temps */
.legend-sheen { transform-box: view-box; }
.legend-trophy.is-in .legend-sheen { animation: legend-sheen 7s var(--ease) 0.8s infinite; }
@keyframes legend-sheen {
  0% { transform: skewX(-18deg) translateX(0); }
  22%, 100% { transform: skewX(-18deg) translateX(230px); }
}

.legend-name { font-size: var(--fs-hero); font-weight: 700; letter-spacing: -0.05em; line-height: 1; max-width: 14ch; }
.legend-record { font-size: var(--fs-lg); color: var(--text-2); font-variant-numeric: tabular-nums; }

.legend-quote {
  margin: 0; max-width: 22ch; font-size: var(--fs-2xl); font-weight: 300; font-style: italic; letter-spacing: -0.035em; line-height: 1.15;
}
.legend-mvp { display: inline-flex; align-items: center; gap: 14px; font-size: var(--fs-md); color: var(--text-2); }
.legend-mvp b { color: var(--text); font-weight: 600; }
.legend-mvp .avatar { --c: var(--gold) !important; }

.legend-impact {
  display: grid; grid-template-columns: repeat(3, minmax(0, 260px)); gap: clamp(24px, 4vw, 72px); margin-top: 3vh;
}
.legend-impact div { display: flex; flex-direction: column; gap: 10px; }
.legend-impact b { font-size: var(--fs-xl); color: var(--text); }
.legend-impact span { font-size: var(--fs-sm); color: var(--text-2); }

.legend-share { font-size: var(--fs-sm); font-weight: 600; color: var(--gold); }
.legend-share::after { content: ' \203A'; display: inline-block; transition: transform 200ms var(--ease); }
.legend-share:hover::after { transform: translateX(3px); }

/* la fin : l'invitation */
.legend-end { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 0 var(--gutter); }
.legend-end .title-hero { max-width: 18ch; }
.legend-cta { margin-top: 48px; background: var(--gold); color: #000; }
.legend-cta:hover { box-shadow: 0 12px 40px rgba(233, 196, 106, 0.3); }

@media (max-width: 760px) {
  .legend-impact { grid-template-columns: 1fr; }
  .legend-mvp { flex-wrap: wrap; justify-content: center; }
}