/* GCGT — Journal : liste des articles (reprend filtres et grille de la page Réalisations, voir realisations.css).
   Le dernier article s’affiche en tête, sur toute la largeur ; les suivants ont tous la même taille. */

.grille-journal > .journal-vignette:first-child {
  grid-column: 1 / -1;
  aspect-ratio: 21 / 9;
}
.journal-vignette .journal-meta,
.journal-vignette .journal-chapeau {
  display: none;
}
.journal-texte .journal-titre {
  display: block;
}

/* Article en tête : textes toujours visibles sur un dégradé */
.grille-journal > .journal-vignette:first-child::after {
  opacity: 1;
  background: linear-gradient(to top, rgb(29 29 27 / .78), rgb(29 29 27 / 0) 65%);
}
.grille-journal > .journal-vignette:first-child .vignette-titre {
  opacity: 1;
  transform: none;
  left: var(--esp-m);
  right: var(--esp-m);
  bottom: var(--esp-m);
  display: flex;
  flex-direction: column;
  gap: .6rem;
  max-width: 40em;
}
.grille-journal > .journal-vignette:first-child .journal-meta {
  display: block;
  font-family: "Source Sans 3", sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.grille-journal > .journal-vignette:first-child .journal-titre {
  font-family: var(--police-titre);
  font-size: clamp(1.75rem, 1.2rem + 2vw, 3rem);
  line-height: 1.1;
}
.grille-journal > .journal-vignette:first-child .journal-chapeau {
  display: block;
  font-family: "Source Serif 4", serif;
  font-size: var(--texte-m);
  line-height: 1.45;
}
@media (max-width: 767px) {
  .grille-journal > .journal-vignette:first-child {
    aspect-ratio: 4 / 5;
  }
  .grille-journal > .journal-vignette:first-child .vignette-titre {
    left: var(--esp-s);
    right: var(--esp-s);
    bottom: var(--esp-s);
  }
}