/* Page presse : un tableau date, source, titre groupé par année, l'extrait en citation bien
   lisible sous chaque ligne, puis la bio longue et les documents. Les variables, les en-têtes
   de section et les lignes de documents viennent de site.css. */

.presse__intro p { margin: 0 0 var(--e-3); }
.presse__vide { color: var(--pierre); margin: 0; }

.presse__entete, .mention__ligne {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "date" "source" "titre";
  column-gap: var(--e-4);
  row-gap: var(--e-1);
  align-items: baseline;
}
.presse__entete {
  display: none;
  margin: 0 0 var(--e-5);
  padding-block: var(--e-2);
  border-bottom: 1px solid var(--bronze);
  color: var(--pierre);
  font-family: var(--mono);
  font-size: var(--taille-xs);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.presse__annee + .presse__annee { margin-top: var(--e-7); }
.presse__annee .tete { margin-bottom: 0; padding-bottom: var(--e-3); }
.presse__annee .tete__nom { font-size: var(--taille-xl); letter-spacing: 0.2em; }
.presse__liste { border-top: 1px solid var(--filet); }

.mention { display: grid; gap: var(--e-3); padding-block: var(--e-5); border-bottom: 1px solid var(--filet); }
.mention:target .mention__titre { color: var(--soleil-clair); }
.mention__date { grid-area: date; color: var(--bronze); font-family: var(--mono); font-size: var(--taille-xs); }
.mention__source { grid-area: source; font-family: var(--titre); font-size: var(--taille-s); letter-spacing: var(--chasse-libelle); text-transform: uppercase; }
.mention__titre { grid-area: titre; margin: 0; font-family: var(--texte); font-size: var(--taille-m); font-weight: 600; line-height: 1.4; text-wrap: pretty; }
.mention__titre a { text-decoration: none; }
.mention__titre a:hover { text-decoration: underline; }

/* L'extrait : la voix de la presse, en grand, avec de l'air */
.mention__extrait {
  margin: var(--e-2) 0 0;
  max-width: var(--largeur-texte);
  padding-left: var(--e-5);
  border-left: 1px solid var(--soleil);
  font-size: var(--taille-l);
  line-height: 1.5;
  color: var(--ivoire);
}
.mention__extrait p { margin: 0; }
.mention__pied { display: flex; flex-wrap: wrap; gap: var(--e-1) var(--e-4); margin: 0; }
.mention__pied a { color: var(--pierre); }
.mention__pied a:hover { color: var(--soleil-clair); }

@media (min-width: 48rem) {
  .presse__entete { display: grid; }
  .presse__entete, .mention__ligne {
    grid-template-columns: 6.5rem 13rem minmax(0, 1fr);
    grid-template-areas: "date source titre";
  }
  .presse__entete > :nth-child(1) { grid-area: date; }
  .presse__entete > :nth-child(2) { grid-area: source; }
  .presse__entete > :nth-child(3) { grid-area: titre; }
  .mention__extrait, .mention__pied { margin-left: calc(6.5rem + 13rem + 2 * var(--e-4)); }
}

.presse__bio p { margin: 0 0 var(--e-5); }

/* Photos de presse : une vignette qui s'ouvre en grand, et le fichier en pleine résolution */
.photos-presse__texte { color: var(--pierre); max-width: var(--largeur-texte); }
.photos-presse__liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--e-5) var(--e-3); margin: 0; padding: 0; list-style: none; }
@media (min-width: 40rem) { .photos-presse__liste { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--e-6) var(--e-5); } }
.photos-presse__item { display: grid; gap: var(--e-2); align-content: start; }
.photos-presse__item .galerie__lien img { aspect-ratio: 4 / 5; object-position: 50% 30%; }
.photos-presse__telecharger {
  display: grid; gap: 0.1rem;
  min-height: 2.75rem;
  font-family: var(--titre); font-size: var(--taille-s); letter-spacing: var(--chasse-libelle); text-transform: uppercase;
  text-decoration: none;
}
.photos-presse__telecharger .libelle { letter-spacing: 0; text-transform: none; }
.photos-presse__telecharger:hover { color: var(--soleil-clair); }
.photos-presse__poids { margin-left: var(--e-2); font-family: var(--mono); font-size: var(--taille-xs); font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--pierre); }