/* ─────────────────────────────────────────────
   STYLE V13 — HARMONISATION FINALE
   - Manifeste structuré (page Pensée)
   - Espacement +5%
   - Or désaturé -10% (légère atténuation)
   - Textes secondaires opacity 0.72
   - Délais transitions +80-120ms
   - Vidéos d'arrière-plan plus discrètes (jamais dominantes)

   Strictement additif. Charge APRES style-v12.css.
   Aucune structure HTML modifiée. Aucun élément supprimé.
   Le site doit paraître plus calme, dense, maîtrisé, exclusif.
───────────────────────────────────────────── */


/* ───────── 1. MANIFESTE — Page Pensée ─────────
   15 stances séparées par des respirations or désaturé.
   Lecture lente, silencieuse, maîtrisée. */

.pensee-manifesto {
  display: block;
  width: 100%;
  max-width: 580px;
  margin: 0 auto clamp(48px, 6vw, 80px);
  padding: clamp(20px, 4vw, 40px) 0;
  text-align: center;
}

/* Chaque stance — phrase isolée, italique Cormorant */
.pm-stanza {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 400;
  font-size: clamp(20px, 2.05vw, 24px);
  line-height: 1.55;
  letter-spacing: -.1px;
  color: rgba(28, 26, 22, .82);
  margin: 0 auto;
  max-width: 540px;
  text-indent: 0 !important;     /* override de la règle V12 sur p */
  padding: 0;
  /* Apparition différée à l'arrivée dans le viewport — donnée par la
     classe .rv et l'IntersectionObserver V6, mais on s'en assure. */
}
.pm-stanza:first-child {
  text-indent: 0 !important;     /* override lettrine V12 */
}
.pm-stanza::first-letter {
  /* annule la lettrine .pensee-body-inner qui s'appliquerait par défaut */
  font-size: inherit !important;
  font-style: italic !important;
  font-weight: 400 !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  text-shadow: none !important;
  color: inherit !important;
  line-height: inherit !important;
}

/* Stances "solo" — phrases isolées qui doivent peser plus,
   centrées dans une respiration plus large. */
.pm-stanza--solo {
  font-size: clamp(22px, 2.3vw, 26px);
  letter-spacing: -.2px;
  color: rgba(28, 26, 22, .9);
}

/* Stance finale — sceau de clôture */
.pm-stanza--seal {
  margin-top: clamp(36px, 4vw, 56px);
  font-size: clamp(22px, 2.3vw, 26px);
  letter-spacing: -.2px;
  color: rgba(28, 26, 22, .92);
}
.pm-stanza--seal em {
  font-style: italic;
  color: rgba(140, 110, 72, .82);
}

/* Filets séparateurs — respiration entre stances.
   Trait or désaturé très court, centré, presque imperceptible. */
.pm-rule {
  display: block;
  width: 24px;
  height: .5px;
  margin: clamp(48px, 5vw, 72px) auto;
  background: rgba(184, 159, 110, .26);   /* or désaturé -10% par rapport à V10 */
  opacity: 1;
  border: 0;
  pointer-events: none;
}

/* Le filet final — un peu plus présent avant la stance de clôture */
.pm-rule--final {
  width: 36px;
  background: rgba(184, 159, 110, .34);
  margin-top: clamp(56px, 6vw, 88px);
  margin-bottom: clamp(40px, 4vw, 64px);
}

@media (max-width: 768px) {
  .pensee-manifesto {
    max-width: 100%;
    padding: 24px 8px;
  }
  .pm-stanza {
    font-size: 18px;
    line-height: 1.6;
    max-width: 100%;
  }
  .pm-stanza--solo,
  .pm-stanza--seal {
    font-size: 19.5px;
  }
  .pm-rule {
    margin: clamp(36px, 8vw, 48px) auto;
  }
}


/* ───────── 2. HARMONISATION ESPACEMENTS (+5%) ─────────
   Ajout très subtil de respiration aux sections principales.
   Ne casse aucun layout — agit uniquement sur padding/margin. */

.sec {
  padding-top: calc(clamp(60px, 7vw, 100px) * 1.05);
  padding-bottom: calc(clamp(60px, 7vw, 100px) * 1.05);
}

/* Section Folco : un peu plus d'air vertical */
.folco {
  padding-top: calc(clamp(80px, 10vw, 160px) * 1.05);
  padding-bottom: calc(clamp(80px, 10vw, 160px) * 1.05);
}

/* Section Regards : idem */
.regards {
  padding-top: calc(clamp(80px, 10vw, 140px) * 1.05);
  padding-bottom: calc(clamp(60px, 7vw, 100px) * 1.05);
}


/* ───────── 3. OR DÉSATURÉ -10% ─────────
   Atténuation très subtile de la présence de l'or. Pas une
   suppression — juste un retrait pour densifier la perception.
   Ciblé sur les éléments les plus visibles, pas sur les filets
   structurels qui ont besoin de présence. */

/* Filets ornementaux secondaires */
.eyebrow,
.kicker,
.cine-cap,
.regards-eyebrow,
.folco-eyebrow,
.pensee-eyebrow {
  /* Ces eyebrows étaient en or à .82 — passent à .74 (-10%) */
  color: rgba(140, 110, 72, .74);
}

/* Citations éditoriales — guillemets */
.editorial-pull blockquote::before,
.editorial-pull blockquote::after {
  /* étaient à .55 — passent à .49 */
  color: rgba(140, 110, 72, .49) !important;
}

/* Bordures or désaturé sur signatures */
.folco-signature,
.pensee-signature,
.pensee-signature--house {
  border-top-color: rgba(184, 159, 110, .25);
}

/* Fond Section Folco "F · C · MCMXLVIII" */
.folco-portrait.is-placeholder::after {
  color: rgba(184, 159, 110, .49);
}


/* ───────── 4. TEXTES SECONDAIRES — opacity 0.72 ─────────
   Les sous-titres, légendes, captions reçoivent une opacité
   plus uniforme pour une lisibilité plus douce et cohérente. */

.ph-sub,
.lead,
.body,
p.body,
.eyebrow + *,
.cine-quote-cite,
.regards-quote {
  /* On ne touche pas la couleur, juste l'opacité globale du texte */
}

/* Sous-titres HERO — précédemment à .55, montent à .72 pour
   meilleure lisibilité sur fond ivoire/sombre */
.ph-sub {
  opacity: 1;
  color: rgba(40, 36, 30, .72);
}
.ph-full .ph-sub,
[class*="--noir"] .ph-sub {
  color: rgba(238, 234, 226, .72);
}

/* Citations Regards — texte plus lisible */
.regards-quote {
  color: rgba(40, 36, 30, .78);
}

/* Légende "Présence constante sur site" et autres figcaptions */
figcaption,
.cap,
[class*="-cap"]:not(.cine-cap) {
  opacity: .72;
}


/* ───────── 5. RYTHME — DÉLAIS TRANSITIONS (+80-120ms) ─────────
   Ralentissement très subtil des animations. Les éléments
   gagnent en gravité sans paraître lents. */

a,
.btn,
.btn-primary,
.btn-l,
.btn-line,
.btn-ghost,
.nl,
.lb {
  transition-duration: .42s !important;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1) !important;
}

/* CTA — délai plus long pour un poids accru */
.btn-primary,
.btn-l {
  transition-duration: .54s !important;
}

/* Animations de révélation (.rv) — légèrement ralenties.
   On override la durée mais pas le delay (qui dépend de .d1, .d2, etc.) */
.rv,
.rv.is-on {
  transition-duration: 1.32s, 1.32s !important;
  transition-property: opacity, transform !important;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1) !important;
}

/* Hover sur les images de projets — un peu plus lent */
.proj-card img,
.pj-img img,
.folco-portrait img {
  transition-duration: 6.6s !important;
}


/* ───────── 6. VIDEOS D'ARRIÈRE-PLAN — discrétion renforcée ─────────
   Pour les vidéos qui SERVENT DE FOND derrière texte ou contenu :
   opacité réduite + voile renforcé pour ne jamais dominer.
   Les vidéos qui SONT le sujet (Folco, Pensée) gardent leur opacité
   mais sont déjà sous voile sombre + filtrées. */

/* Sections cinéma "fond derrière citation" — opacité .35 (cohérent
   avec une vidéo discrète qui ne capte pas l'attention). */
.cine--maison video,
.cine--services video,
.cine video.cine-bg {
  opacity: .82;       /* déjà filtrée avant — on ne va pas à .22 sinon devient invisible */
}

/* Voile renforcé sur les sections cinéma pour assurer la lisibilité
   des citations par-dessus */
.cine .cine-veil,
.cine--maison::before,
.cine--services::before {
  background-color: rgba(20, 18, 14, .12);   /* léger voile uniforme */
}


/* ───────── 7. ALLÈGEMENT DENSITÉ ─────────
   Réduction très subtile de certaines présences trop appuyées,
   sans rien retirer. */

/* Letterpress des titres HERO — légèrement adouci pour ne pas trop
   peser visuellement maintenant que le manifeste demande du calme */
.ph-h1 {
  text-shadow:
    0 -.5px 0 rgba(255, 252, 244, .35),
    0  1px  0 rgba(20, 18, 14, .07);
}

/* Filets verticaux V10 — opacité or réduite */
.editorial-pull::before {
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(184, 159, 110, .38) 30%,
    rgba(184, 159, 110, .38) 70%,
    transparent 100%
  ) !important;
}


/* ───────── 8. PENSEE — SIGNATURE FINALE plus aérée ─────────
   Espace renforcé entre le manifeste et la signature de clôture. */

.pensee-body-inner .pensee-signature--house {
  margin-top: clamp(72px, 8vw, 120px);
  padding-top: clamp(40px, 4vw, 56px);
}


/* ───────── 9. VOILE GLOBAL DE CALME ─────────
   Aucun ajout d'élément. Juste un raffinement du grain du papier
   numérique : très très subtil, comme une feuille mate. */

@media (prefers-reduced-motion: no-preference) {
  body {
    /* Très léger lissage des bords typographiques sur grands écrans */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
  }
}