/* ==========================================================================
   project.css — gabarit provisoire des pages projet
   Chaque page aura plus tard sa propre feuille de style (DA dédiée).
   ========================================================================== */

.project {
  min-height: calc(100svh - var(--header-h));
  padding: clamp(2rem, 8vh, 6rem) var(--gutter);
}

.project__title {
  margin: 0 0 0.5em;
  font-family: var(--project-font-title, var(--font-sans));
  font-size: clamp(2.25rem, 5vw, 4.5rem);
  font-weight: 300;
  line-height: 1.05;
  color: var(--project-accent, var(--color-text));
}

.project__text {
  margin: 0 0 2rem;
  max-width: 60ch;
  font-family: var(--project-font-text, var(--font-sans));
  font-size: 1.15rem;
  line-height: 1.5;
  color: var(--color-text-muted);
}

.project__back {
  color: var(--color-text-muted);
  text-decoration: none;
}

.project__back:hover,
.project__back:focus-visible {
  color: var(--color-text);
}