/* ===================================================================
   STUCK — Archive /projets/ (hub de tous les projets)
   Chargé uniquement sur is_post_type_archive('projet') (cf. inc/enqueue.php).
   S'appuie sur les tokens de stuck.css (--ink, --line, --mono, --ease…).
   =================================================================== */

.parch__head { margin-top: clamp(1.4rem, 4vw, 3.4rem); max-width: 62rem }
.parch__head h1 { max-width: 18ch }
.parch__head .hero__lead { max-width: 58ch }

/* Ancres vers chaque pôle */
.parch__jump {
  display: flex; flex-wrap: wrap; gap: .6rem;
  margin-top: clamp(1.6rem, 3vw, 2.6rem);
  padding-top: 1.6rem; border-top: 1px solid var(--line);
}
.parch__jump a {
  font-family: var(--mono); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase;
  border: 1px solid var(--line); border-radius: 999px; padding: 8px 15px;
  transition: background .22s var(--ease), color .22s var(--ease), border-color .22s var(--ease);
}
.parch__jump a:hover, .parch__jump a:focus-visible { background: var(--ink); color: var(--paper); border-color: var(--ink) }
.parch__jn { color: var(--mute) }
.parch__jump a:hover .parch__jn { color: rgba(250, 251, 252, .6) }

/* La grille remplace le carousel : chaque fiche a un lien interne en dur. */
.pgrid {
  display: grid; gap: clamp(1.4rem, 2.4vw, 2.6rem);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));
}

.pcard__link { display: block; color: inherit }
.pcard__link:hover .pcard__t, .pcard__link:focus-visible .pcard__t { text-decoration: underline; text-underline-offset: 3px }

.pcard__media {
  position: relative; aspect-ratio: 1 / 1; overflow: hidden;
  background: #dcdee1; border: 1px solid var(--line); border-radius: 14px;
}
.pcard__media img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  transition: filter .5s var(--ease), transform .7s var(--ease);
}
.pcard__link:hover .pcard__media img, .pcard__link:focus-visible .pcard__media img {
  filter: grayscale(1); transform: scale(1.05);
}

.pcard__t {
  margin-top: .95rem; font-weight: 700; line-height: 1.1; letter-spacing: -.018em;
  font-size: clamp(1rem, 1.25vw, 1.2rem);
}
.pcard__meta {
  display: block; margin-top: .3rem;
  font-family: var(--mono); font-size: .64rem; letter-spacing: .05em; text-transform: uppercase; color: var(--mute);
}
.pcard__tags { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .55rem }
.pcard__tags span {
  font-family: var(--mono); font-size: .6rem; letter-spacing: .04em; text-transform: uppercase;
  border: 1px solid var(--line); padding: 3px 7px; color: #55565c;
}

/* Le lien « Voir le pôle » vit dans le paragraphe de chapô. */
.parch .shead p .tlink { margin-left: .4rem; font-size: .92rem }

@media (max-width: 560px) {
  .pgrid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 10.5rem), 1fr)) }
}
