/* Version finale B. Chargé après present-mobile.css.
   Logo doublé (demande de Vanessa) : porté par --fs-marque dans tokens.css, plus de surcharge ici.
   Typographie : uniquement des tokens. */

/* Téléphone : iOS ne grossit pas le texte en paysage ; le nom de Vanessa ne se coupe jamais au tiret. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.present-brand .nom{white-space:nowrap}
@media (max-width:760px){
 .present .nav{gap:12px}
 .present .nav-actions{flex-shrink:0}
 .present .menu{white-space:nowrap}
}
/* Téléphone en paysage : le bouton pause flottant se réduit à son icône pour ne pas couvrir les titres. */
@media (orientation:landscape) and (max-height:500px){
 .motion-control[data-compact]{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}
 .motion-control[data-compact] .motion-label{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
}

/* Essai « femme seule » : la situation, les mots du quotidien, puis l’apaisement. */
.vecu{padding:110px max(6%,calc((100vw - 1200px)/2));background:#f0ebe0;color:var(--ink)}
.vecu-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vecu-step{display:flex;flex-direction:column;gap:20px;padding:34px 30px 36px;background:var(--surface);border-top:3px solid var(--line)}
.vecu-step>span{font-size:var(--fs-texte-s);letter-spacing:var(--ls-capitales);text-transform:uppercase;color:var(--muted)}
.vecu-step h2{font-size:var(--fs-titre-3);margin:0}
.vecu-step p{color:var(--muted)}
.vecu-words{background:var(--deep);color:var(--paper);border-color:var(--deep)}
.vecu-words>span,.vecu-words .vecu-note{color:#c3cbe0}
.vecu-words ul{list-style:none;margin:0;padding:0}
.vecu-words li{font-size:var(--fs-texte-l);line-height:var(--lh-exergue);padding:14px 0;border-bottom:1px solid #f8f3ee26}
.vecu-words .vecu-note{font-size:var(--fs-texte-s);margin-top:auto}
.vecu-calm{border-color:var(--gold)}
.vecu-calm p{color:var(--ink)}
@media (max-width:900px){
 .vecu{padding:65px 6%}
 .vecu-steps{grid-template-columns:minmax(0,1fr);gap:16px}
 .vecu-step{padding:28px 22px}
}

/* ==========================================================================
   Retours de Vanessa du 4 novembre 2026
   ========================================================================== */

/* En-tête et pied de page : le seul logo officiel (version principale horizontale de la charte),
   cliquable, retour à l'accueil. Plus de mot-logo ni de nom dans l'en-tête. */
.finale .brand-logo{display:inline-flex;flex-shrink:0;border-radius:4px}
.finale .brand-logo img{display:block;height:var(--logo-hauteur);width:auto}
.finale footer .brand-logo img{height:var(--logo-hauteur)}

/* Fonds : plus de « rose poudré pâle » (#F8F3EE, nom officiel dans la charte) ni de beige.
   Alternance claire / foncée avec les couleurs de la charte : blanc, bleu ciel laiteux (#F0F8F9,
   palette secondaire prévue pour les fonds), bleu profond, et l'or en ponctuation.
   Ordre des pages : hero foncé · repères blanc · « Qu'aimeriez-vous retrouver ? » laiteux ·
   déclic blanc · Vanessa bleu · étapes blanc · (témoignage or) · FAQ laiteux · contact foncé. */
.present-kairos.finale{--paper:#fff;--laiteux:#f0f8f9;--line:#203f8429}
.finale .present-intro,.finale .how,.finale .trust-line{background:var(--paper)}
.finale .outcomes,.finale .present-faq,.finale .vecu{background:var(--laiteux)}
.finale .outcomes,.finale .present-faq{border-block:1px solid var(--line)}
.finale .nav nav{background:var(--paper)}

/* Le titre de la porte bureau est plus long (« Rentrer chez soi et ne plus affronter les conflits ») :
   sur téléphone, il passe du titre d'ouverture au titre de section, sans valeur en dur. */
/* (5 nov. 2026) Avec la fiche de Vanessa, le titre principal descend à 38 px sur téléphone :
   il garde son token de titre principal, plus besoin de le réduire. */

/* ==========================================================================
   Fiche typographique de Vanessa (5 nov. 2026) : Fraunces, DM Sans, Playfair Display italique.
   Les familles et tailles viennent des tokens (bloc « Version finale B » de tokens.css).
   ========================================================================== */
.present-kairos.finale{--muted:var(--texte-2)}
.finale{color:var(--texte)}
/* Titres en bleu Kairos sur les fonds clairs ; les sections foncées gardent leur texte clair. */
.finale :is(.present-intro,.outcomes,.how,.present-faq) :is(h2,h3),
.finale .vecu-step:not(.vecu-words) h2{color:var(--ink)}
.finale .intro-bottom p{color:var(--texte)}

/* Surtitres : DM Sans Bold 13 px, capitales espacées, or foncé sur fond clair, or sur fond bleu. */
.finale .section-label,.finale .audience{font:var(--fw-fort) var(--fs-surtitre)/1.45 var(--body);letter-spacing:var(--ls-capitales);text-transform:uppercase;color:var(--or-fonce)}
.finale :is(.present-hero,.present-about,.present-contact) :is(.section-label,.audience){color:var(--gold)}
.finale .present-proof .section-label{color:var(--deep)}

/* Faits de la ligne de repères : petits titres Fraunces. */
.finale .trust-line strong{font-size:var(--fs-titre-4)}
@media (max-width:760px){.finale .trust-line p:first-child strong{font-size:var(--fs-titre-3)}}

/* Réponse au choix « Qu'aimeriez-vous retrouver ? » : bloc en Fraunces 600. */
.finale #choice-title{font:var(--fw-titre-doux) var(--fs-titre-3)/var(--lh-titre) var(--display);letter-spacing:var(--ls-titre)}

/* Étapes : étiquette de phase (Fraunces 15 px, capitales) puis nom de la phase (Fraunces 700). */
.finale .how-steps article>span,.finale .vecu-step>span{font:var(--fw-titre) var(--fs-texte-s)/1 var(--display);letter-spacing:var(--ls-phase);text-transform:uppercase;color:var(--or-fonce)}
.finale .vecu-words>span{color:var(--gold)}
.finale .how-steps h3{font:var(--fw-titre) var(--fs-titre-3)/var(--lh-titre) var(--display);letter-spacing:var(--ls-titre)}
.finale .vecu-step h2{font-size:var(--fs-titre-3)}

/* Citations : Playfair Display italique. */
.finale .quote-open{font-family:var(--font-citation);font-weight:400}
.finale .present-quote blockquote,.finale .vecu-words li{font:italic 400 var(--fs-citation)/var(--lh-exergue) var(--font-citation)}

/* Pied de page : la phrase de mission en citation. */
.finale footer>p{font:italic 400 var(--fs-texte-l)/var(--lh-exergue) var(--font-citation);color:var(--ink)}

/* Essai « femme seule » : cadrer la photo sur elle plutôt que sur la table. */
.finale .cinema img[src$="femme-seule.jpg"]{object-position:82% center}
.finale .vecu-words p:not(.vecu-note){color:var(--paper)}
.finale .vecu-calm p{color:var(--texte)}