/* =====================================================================
   Fotova Creation — pages éditoriales : atelier, contact, erreurs.
   Une seule colonne, une longueur de ligne tenue, beaucoup de blanc.
   Le titre et le texte partagent la même colonne : ils s'alignent.
   ===================================================================== */

.editorial { background: var(--c-surface-warm); }

.prose {
  max-width: var(--measure);
  padding-bottom: var(--section-y);
}

.prose p {
  margin-bottom: var(--sp-6);
  color: var(--c-ink);
}

.prose p:first-of-type {
  font-size: var(--fs-lead);
  color: var(--c-ink-muted);
}

.prose h2 {
  font-size: var(--fs-h2);
  margin-top: var(--sp-12);
  margin-bottom: var(--sp-4);
}

.prose__cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sp-6);
  margin-top: var(--sp-8);
}

.prose__link {
  font-size: var(--fs-small);
  color: var(--c-ink-muted);
  text-underline-offset: 0.25em;
}
.prose__link:hover { color: var(--c-ink); }

.notice--info { margin-block: var(--sp-8); }

/* --- Écrire à l'atelier ---------------------------------------------------
   La pièce d'où l'on vient est rappelée en tête : on sait de quoi l'on
   parle, et Christina aussi.
   ---------------------------------------------------------------------- */

.contact__piece {
  display: flex;
  align-items: center;
  gap: var(--sp-4);
  margin-bottom: var(--sp-8);
  padding-block: var(--sp-4);
  border-block: 1px solid var(--c-rule);
  text-decoration: none;
  color: inherit;
}

.contact__pieceFrame {
  flex: 0 0 3.75rem;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: var(--r-image-sm);
  background: var(--c-cream);
}
.contact__pieceFrame img { width: 100%; height: 100%; object-fit: cover; }

.contact__pieceLabel {
  display: block;
  font-size: var(--fs-eyebrow);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--c-ink-muted);
}

.contact__pieceName {
  display: block;
  margin-top: var(--sp-1);
  font-size: var(--fs-ui);
  color: var(--c-ink);
}

.contact__piecePrice {
  display: block;
  font-size: var(--fs-ui);
  color: var(--c-ink-muted);
}

/*
 * L'identité est affichée, pas saisie : elle vient de la session. La
 * montrer évite de se demander à qui l'on écrit, et sous quel nom.
 */
.contact__identity {
  margin-bottom: var(--sp-1);
  font-size: var(--fs-lead);
}

.contact__email {
  color: var(--c-ink-muted);
  font-size: var(--fs-small);
}

.contact__note {
  margin-top: var(--sp-8);
  color: var(--c-ink-muted);
  font-size: var(--fs-small);
}