/* GCGT — Navigation entre fiches : réalisation ou article précédent / suivant.
   Extraite de fiche.css le 26 octobre 2026 ; partagée par les fiches projet et les articles du Journal. */

.projets-nav {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: start;
  column-gap: var(--gouttiere);
  row-gap: var(--esp-m);
  width: 100%;
  padding-top: var(--esp-l);
  border-top: 1px solid var(--filet);
}
.projets-nav a {
  color: var(--encre);
  text-decoration: none;
}
.projets-nav-lien {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .9rem;
  width: clamp(9rem,22vw,17rem);
}
.projets-nav-suiv {
  justify-self: end;
  align-items: flex-end;
  text-align: right;
}
.projets-nav .projets-nav-vignette {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: var(--surface);
  transition: transform .6s cubic-bezier(.2,.7,.2,1);
}
.projets-nav-lien {
  overflow: hidden;
}
.projets-nav-texte {
  display: flex;
  flex-direction: column;
  gap: .35rem;
}
.projets-nav-suiv .projets-nav-texte {
  align-items: flex-end;
}
.projets-nav-libelle {
  display: inline-flex;
  align-items: center;
  gap: .5em;
  font-family: "Source Sans 3",sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--gris);
}
.projets-nav-prec .projets-nav-libelle::before,.projets-nav-suiv .projets-nav-libelle::after {
  content: "";
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M560.62-253.85 333.85-480.62l226.77-227.15 32.61 32.62-194.15 194.53 194.15 194.16-32.61 32.61Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M560.62-253.85 333.85-480.62l226.77-227.15 32.61 32.62-194.15 194.53 194.15 194.16-32.61 32.61Z'/%3E%3C/svg%3E") center/contain no-repeat;
  transition: transform .35s cubic-bezier(.34,1.56,.64,1);
}
.projets-nav-suiv .projets-nav-libelle::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M536.92-480.62 342.77-675.15l32.61-32.62 226.77 227.15-226.77 226.77-32.61-32.61 194.15-194.16Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M536.92-480.62 342.77-675.15l32.61-32.62 226.77 227.15-226.77 226.77-32.61-32.61 194.15-194.16Z'/%3E%3C/svg%3E");
}
.projets-nav-prec .projets-nav-libelle::before {
  transform: none;
}
.projets-nav-suiv .projets-nav-libelle::after {
  transform: none;
}
.projets-nav-prec:hover .projets-nav-libelle::before {
  transform: translateX(-3px);
}
.projets-nav-suiv:hover .projets-nav-libelle::after {
  transform: translateX(3px);
}
.projets-nav-titre {
  font-family: "Source Serif 4",serif;
  font-size: var(--texte-m);
  line-height: 1.35;
  transition: color .25s;
}
.projets-nav-lien:hover .projets-nav-titre,.projets-nav-lien:focus-visible .projets-nav-titre {
  color: var(--rouge);
}
.projets-nav-tout {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-family: "Source Sans 3",sans-serif;
  font-size: .9375rem;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
  background-image: linear-gradient(currentColor,currentColor);
  background-repeat: no-repeat;
  background-size: 0 1px;
  background-position: 0 calc(50% + .68em);
  transition: background-size .45s cubic-bezier(.25,.8,.25,1),color .25s;
}
.projets-nav-tout:hover {
  color: var(--rouge);
}
html:root[data-theme="dark"] .projets-nav-tout:hover {
  background-size: 100% 1px;
}
@media (prefers-color-scheme:dark){html:root:not([data-theme="light"]) .projets-nav-tout:hover{background-size:100% 1px}}
@media (hover:hover){.projets-nav-lien:hover .projets-nav-vignette{transform:scale(1.04)}}
@media (max-width:767px){html body .projets-nav{grid-template-columns:1fr 1fr}html body .projets-nav-tout{grid-column:1/-1;grid-row:2;justify-self:center}html body .projets-nav-lien{width:100%}}
.projets-nav-tout {
  align-self: center;
}
.projets-nav-prec,.projets-nav-prec * {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 -960 960 960'%3E%3Cpath fill='%23DA291C' stroke='%23DA291C' stroke-width='14' stroke-linejoin='miter' d='M560-276 356-480l204-205 16 16-188 189 188 188-16 16Z'/%3E%3C/svg%3E") 16 16,w-resize;
}
.projets-nav-suiv,.projets-nav-suiv * {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 -960 960 960'%3E%3Cpath fill='%23DA291C' stroke='%23DA291C' stroke-width='14' stroke-linejoin='miter' d='M548-480 360-669l16-16 204 205-204 204-16-16 188-188Z'/%3E%3C/svg%3E") 16 16,e-resize;
}
html:root[data-theme="dark"] .projets-nav-prec,html:root[data-theme="dark"] .projets-nav-prec * {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 -960 960 960'%3E%3Cpath fill='%23F2F0EA' stroke='%23F2F0EA' stroke-width='14' stroke-linejoin='miter' d='M560-276 356-480l204-205 16 16-188 189 188 188-16 16Z'/%3E%3C/svg%3E") 16 16,w-resize;
}
html:root[data-theme="dark"] .projets-nav-suiv,html:root[data-theme="dark"] .projets-nav-suiv * {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 -960 960 960'%3E%3Cpath fill='%23F2F0EA' stroke='%23F2F0EA' stroke-width='14' stroke-linejoin='miter' d='M548-480 360-669l16-16 204 205-204 204-16-16 188-188Z'/%3E%3C/svg%3E") 16 16,e-resize;
}
@media (prefers-color-scheme:dark){html:root:not([data-theme="light"]) .projets-nav-prec,html:root:not([data-theme="light"]) .projets-nav-prec *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 -960 960 960'%3E%3Cpath fill='%23F2F0EA' stroke='%23F2F0EA' stroke-width='14' stroke-linejoin='miter' d='M560-276 356-480l204-205 16 16-188 189 188 188-16 16Z'/%3E%3C/svg%3E") 16 16,w-resize}html:root:not([data-theme="light"]) .projets-nav-suiv,html:root:not([data-theme="light"]) .projets-nav-suiv *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 -960 960 960'%3E%3Cpath fill='%23F2F0EA' stroke='%23F2F0EA' stroke-width='14' stroke-linejoin='miter' d='M548-480 360-669l16-16 204 205-204 204-16-16 188-188Z'/%3E%3C/svg%3E") 16 16,e-resize}}