/* Page détail Projet (single-projet.php). Dépend de commun.css : jetons de
   design, en-tête, pied de page et motifs de section déjà chargés. */

/* ===== Introduction (lien retour + titre + texte) / photo réservée ===== */
.cerese-page .cerese-projet-intro__retour { color: var(--cerese-lien); text-decoration: none; font-size: 14px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.cerese-projet-intro h1 { margin: 14px 0 0; font-size: clamp(26px, 3vw, 38px); line-height: 1.2; font-weight: 700; max-width: 34ch; }
.cerese-projet-intro__rule { width: 96px; height: 3px; background: var(--cerese-teal); margin: 14px 0 18px; }
.cerese-projet-intro__texte { margin: 0; font-size: clamp(17px, 1.3vw, 18px); line-height: 1.6; text-align: justify; color: var(--cerese-encre); }

/* Le cadre de la photo vit dans commun.css, pas ici. Historique :
   .cerese-photo-placeholder (qui s'étirait sur la hauteur du texte voisin,
   donc une photo paysage face à une description courte), remplacé le
   04/09/2026 par .cerese-photo-portrait au rapport 3:4 fixe, lui-même remplacé
   le 09/09/2026 par .cerese-photo-libre, le cadre des fiches Service, dont le
   client veut désormais le rendu ici aussi : proportion réelle du fichier,
   aucun recadrage. */

/* ===== Encart "Aperçu" (Client / Zone / Année / Type de mission) ===== */
.cerese-apercu { display: flex; flex-direction: column; gap: 14px; }
.cerese-apercu__label { font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--cerese-gris); font-weight: 700; }
.cerese-apercu__valeur { margin-top: 4px; font-size: clamp(16px, 1.2vw, 17px); line-height: 1.45; color: var(--cerese-encre); }

/* Justification : trop de mots à étirer par ligne sur une colonne mobile
   étroite, ce qui crée des vides visibles entre les mots. Repasse en
   alignement à gauche sous ce palier (voir le même correctif dans
   commun.css pour le détail). */
@media (max-width: 619px) {
  .cerese-projet-intro__texte { text-align: left; }
}