/* ================================================================
   AWARDS — palmarès dans la section About
   Bilan en chiffres (signature du site : romain noir + italique
   orange), puis une ligne par festival. Les 8 festivals majeurs
   sont visibles, les autres dans un « see more » (projet-toggle).
   ================================================================ */

.awards {
  display: flex;
  flex-direction: column;
  gap: var(--espace-m);
  margin-top: var(--espace-xl);
  padding-top: var(--espace-l);
  border-top: 1px solid var(--couleur-trait);
}

/* ---- Bilan : 8 Gold · 19 Silver · 13 Bronze ---- */

.awards__bilan {
  display: flex;
  flex-wrap: wrap;
  gap: var(--espace-s) var(--espace-l);
  margin: 0;
  font-family: var(--typo-titre);
  font-size: clamp(40px, 5vw, 64px);
  line-height: 0.95;
  letter-spacing: -0.03em;
}

.awards__bilan strong {
  font-weight: 700;
  font-variation-settings: 'opsz' 144, 'SOFT' 0, 'WONK' 0;
}

.awards__bilan em {
  font-style: italic;
  font-variation-settings: 'opsz' 144, 'SOFT' 80, 'WONK' 1, 'wght' 700;
  color: var(--couleur-accent);
}

.awards__note {
  margin: 0;
  font-family: var(--typo-corps);
  font-size: var(--taille-m);
  color: var(--couleur-texte-doux);
}

/* ---- Liste : festival à gauche, prix par projet à droite ---- */

.awards__liste {
  list-style: none;
  margin: var(--espace-m) 0 0;
  padding: 0;
}

.awards__festival {
  display: grid;
  grid-template-columns: minmax(180px, 30%) 1fr;
  gap: var(--espace-m);
  padding: var(--espace-m) 0;
  border-top: 1px solid var(--couleur-trait);
}

.awards__nom {
  margin: 0;
  font-family: var(--typo-titre);
  font-weight: 600;
  font-variation-settings: 'opsz' 48, 'SOFT' 0, 'WONK' 0;
  font-size: clamp(20px, 1.8vw, 26px);
  line-height: 1.15;
  letter-spacing: -0.01em;
}

.awards__projets {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-family: var(--typo-corps);
  font-size: var(--taille-base);
  line-height: 1.45;
}

.awards__projet {
  display: block;
  font-variation-settings: 'wght' 500, 'wdth' 100;
  color: var(--couleur-texte);
}

.awards__prix {
  display: block;
  color: var(--couleur-texte-doux);
}

.awards__cat {
  white-space: normal;
}

/* le bouton see more s'aligne sur la liste, pas au centre de la page */
.awards .projet-toggle {
  justify-content: flex-start;
  padding: var(--espace-s) 0 0;
}

/* le « see more » des projets est un bandeau noir : ici on reste sur le crème */
.awards__liste.projet-plus {
  margin-top: 0;
  padding: 0;
  background: none;
}

@media (max-width: 640px) {
  .awards__festival {
    grid-template-columns: 1fr;
    gap: var(--espace-xs, 8px);
  }
}