/* ═══ FORMATS V6 — tout est préfixé .fm6 · canvas Origin, palette globale ═══ */
.fm6{position:relative;background:var(--ink-deep);color:var(--cream-mid);font-family:var(--font-body);font-weight:300;line-height:1.75;overflow-x:hidden}
.fm6 p{text-wrap:pretty}
.fm6 a{color:var(--rose);text-decoration:none;transition:color .25s ease}
.fm6 a:hover{color:var(--rose-soft)}
.fm6 b,.fm6 strong{font-weight:500;color:var(--cream)}
.fm6 ::selection{background:var(--copper);color:var(--ink-deep)}

/* ── Le monde, le rail, le nœud ──────────────────────────────────────── */
.fm6__monde{position:relative;z-index:1}
.fm6__rail{position:absolute;top:0;bottom:0;left:max(20px,calc(50vw - 600px));width:1px;pointer-events:none;animation:breathGlow var(--breath) ease-in-out infinite}
.fm6__noeud{position:absolute;top:118px;left:max(20px,calc(50vw - 600px));width:9px;height:9px;margin-left:-4px;border-radius:50%;background:var(--rose);box-shadow:0 0 10px 2px rgba(196,141,118,.35);animation:breathSquare var(--breath) ease-in-out infinite;pointer-events:none}
.fm6__in{position:relative;max-width:900px;margin:0 auto;padding:118px 24px 110px 64px}
.fm6__in--large{max-width:1180px}
@media (max-width:780px){
  .fm6__rail,.fm6__noeud{display:none}
  .fm6__in{padding-left:24px;padding-top:96px;padding-bottom:84px}
}

/* Étoiles */
.fm6__ciel{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.fm6__ciel span{position:absolute;border-radius:50%}
@keyframes fm6-scintille{0%,100%{opacity:.05}50%{opacity:.75}}

/* ── Typographie éditoriale ──────────────────────────────────────────── */
.fm6__eti{margin:0 0 18px;font-size:11.5px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--copper)}
.fm6__h1{margin:0;max-width:20ch;font-family:var(--font-display);font-weight:300;font-size:clamp(34px,6vw,64px);line-height:1.1;letter-spacing:-.01em;color:var(--cream)}
.fm6__h1 em{font-style:italic;color:var(--rose)}
.fm6__h2{margin:0;max-width:700px;font-family:var(--font-display);font-weight:300;font-size:clamp(30px,4.4vw,46px);line-height:1.16;color:var(--cream)}
.fm6__h2 em{font-style:italic;color:var(--rose)}
.fm6__chapo{margin:26px 0 0;max-width:640px;font-family:var(--font-display);font-size:clamp(17px,1.9vw,20px);line-height:1.8;color:var(--cream-mid)}
.fm6__chapo em{color:var(--rose-soft);font-style:italic}
.fm6__note{margin:38px 0 0;max-width:660px;font-size:13.5px;line-height:1.8;color:var(--cream-mid)}
.fm6__note em{color:var(--rose-soft);font-style:italic}
.fm6__lien{display:inline-block;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--rose);border-bottom:1px solid rgba(196,141,118,.35);padding-bottom:4px}
.fm6__lien:hover{border-color:var(--rose-soft)}

/* ── Boutons-portes ──────────────────────────────────────────────────── */
.fm6__portes{display:flex;flex-wrap:wrap;gap:16px;margin-top:clamp(30px,4vw,42px)}
.fm6__porte{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:15px 30px;border:1px solid rgba(196,141,118,.45);border-radius:2px;font-family:var(--font-body);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--rose);background:transparent;transition:background .25s ease,border-color .25s ease,color .25s ease}
.fm6__porte:hover{background:rgba(196,141,118,.08);border-color:var(--rose-soft);color:var(--cream)}
.fm6__porte--pleine{border-color:rgba(196,141,118,.7);color:var(--cream)}

/* ── Seuil : les trois décisions en jalons (blocs à filets) ──────────── */
.fm6__jalons{display:flex;flex-wrap:wrap;gap:clamp(14px,2vw,26px);margin-top:clamp(38px,5vw,54px);max-width:820px}
.fm6__jalon{flex:1 1 200px;display:block;border-top:1px solid rgba(196,141,118,.35);padding-top:18px;color:inherit;transition:border-color .25s ease}
.fm6__jalon:hover{border-top-color:var(--rose-soft)}
.fm6__jalon-eti{display:block;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--rose)}
.fm6__jalon-nom{display:block;margin-top:8px;font-family:var(--font-display);font-style:italic;font-size:clamp(19px,2.1vw,23px);line-height:1.3;color:var(--cream)}
.fm6__jalon:hover .fm6__jalon-nom{color:var(--rose-soft)}

/* ── Décision 1 — les huit plaques d'univers ─────────────────────────── */
.fm6__plaques{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,18px);margin-top:clamp(34px,5vw,48px)}
@media (max-width:1024px){.fm6__plaques{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.fm6__plaques{grid-template-columns:1fr}}
.fm6__plaque{position:relative;display:block;aspect-ratio:4/5;border:1px solid rgba(196,141,118,.22);border-radius:3px;overflow:hidden;background:rgba(26,8,11,.5);color:inherit;transition:border-color .25s ease,transform .5s var(--ease)}
.fm6__plaque:hover{border-color:rgba(196,141,118,.6);transform:translateY(-3px)}
.fm6__plaque:focus-visible{outline:2px solid var(--rose);outline-offset:4px}
.fm6__plaque img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .6s var(--ease),transform 1.3s var(--ease)}
.fm6__plaque:hover img{opacity:1;transform:scale(1.04)}
.fm6__voile{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(26,8,11,0) 24%,rgba(26,8,11,.58) 54%,rgba(26,8,11,.95) 100%)}
.fm6__barre{position:absolute;top:0;left:0;right:0;height:2px;z-index:3;background:var(--u-accent);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.fm6__plaque:hover .fm6__barre,.fm6__plaque:focus-visible .fm6__barre{transform:scaleX(1)}
.fm6__plaque-corps{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(16px,2vw,22px)}
.fm6__plaque-num{display:block;margin-bottom:.5rem;font-size:.62rem;font-weight:500;letter-spacing:.24em;color:var(--u-accent)}
.fm6__plaque-nom{display:block;font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(1.26rem,1.9vw,1.58rem);line-height:1.12;color:var(--cream)}
.fm6__plaque-phrase{display:block;margin-top:.45rem;font-family:var(--font-display);font-style:italic;font-size:.92rem;line-height:1.5;color:var(--rose-soft)}
.fm6__plaque-mots{display:block;margin-top:.6rem;font-size:.68rem;letter-spacing:.1em;line-height:1.6;color:var(--cream-mid)}
.fm6__plaque-entrer{display:inline-block;margin-top:.85rem;font-size:.64rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--rose);opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.fm6__plaque:hover .fm6__plaque-entrer,.fm6__plaque:focus-visible .fm6__plaque-entrer{opacity:1;transform:translateY(0)}

/* ── Décisions 2 & 3 — le duo ────────────────────────────────────────── */
.fm6__duo{display:flex;flex-wrap:wrap;gap:clamp(14px,2vw,22px);margin-top:clamp(28px,4vw,40px)}
.fm6__chemin,.fm6__niveau{flex:1 1 300px;display:flex;flex-direction:column;padding:24px 26px;border:1px solid rgba(196,141,118,.22);border-radius:3px;background:rgba(26,8,11,.5);color:inherit}
.fm6__chemin{transition:border-color .25s ease,background .25s ease}
.fm6__chemin:hover{border-color:rgba(196,141,118,.6);background:rgba(42,15,20,.75)}
.fm6__niveau--vif{border-color:rgba(196,141,118,.4);background:rgba(42,15,20,.6)}
.fm6__kicker{display:block;margin-bottom:12px;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--rose)}
.fm6__nom{margin:0;font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(24px,2.8vw,32px);line-height:1.1;color:var(--cream)}
.fm6__sous{margin:6px 0 18px;font-size:.74rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-mid)}
.fm6__desc{margin:0 0 18px;font-family:var(--font-display);font-weight:300;font-size:clamp(15px,1.5vw,17px);line-height:1.7;color:var(--cream-mid)}
.fm6__desc em{color:var(--rose-soft);font-style:italic}
.fm6__prix{margin:8px 0 2px;font-family:var(--font-display);font-weight:300;font-size:clamp(30px,4vw,44px);line-height:1;color:var(--cream)}
.fm6__prix span{font-family:var(--font-body);font-size:.46em;font-weight:400;letter-spacing:.1em}
.fm6__prix-note{margin:0 0 18px;font-size:.74rem;color:var(--cream-mid)}
.fm6__puces{display:flex;flex-direction:column;gap:0;margin:0 0 18px;flex:1 1 auto}
.fm6__puce{display:flex;align-items:flex-start;gap:12px;padding:9px 0;font-size:.9rem;line-height:1.6;color:var(--cream-mid);border-bottom:1px solid var(--cream-line)}
.fm6__puce:last-child{border-bottom:none}
.fm6__puce::before{content:"→";flex:0 0 auto;font-size:.8rem;color:var(--rose);line-height:1.6}
.fm6__suite{display:inline-block;margin-top:4px;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--rose)}
.fm6__checkout{margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(196,141,118,.2);font-family:var(--font-display);font-style:italic;font-size:.9rem;line-height:1.6;color:var(--cream-mid)}
.fm6__checkout em{color:var(--rose-soft)}

/* ── Combinaisons + table comparative ────────────────────────────────── */
.fm6__combos{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2.4vw,28px);margin-top:clamp(30px,4vw,42px);max-width:820px}
@media (max-width:560px){.fm6__combos{grid-template-columns:1fr}}
.fm6__combo{border-top:1px solid rgba(196,141,118,.35);padding-top:16px;font-family:var(--font-display);font-style:italic;font-size:.98rem;line-height:1.6;color:var(--cream-mid)}
.fm6__combo strong{font-style:normal}
.fm6__tableau-boite{overflow-x:auto;margin-top:clamp(34px,5vw,52px);border-top:1px solid rgba(196,141,118,.35)}
.fm6__tableau{width:100%;min-width:620px;border-collapse:collapse}
.fm6__tableau th,.fm6__tableau td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--cream-line);font-family:var(--font-body);font-size:.88rem;line-height:1.6;color:var(--cream-mid)}
.fm6__tableau thead th{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.02rem;color:var(--cream);background:rgba(26,8,11,.55);border-bottom:1px solid rgba(196,141,118,.35)}
.fm6__tableau td:not(:first-child),.fm6__tableau th:not(:first-child){text-align:center}
.fm6__tableau tbody th{font-weight:300;color:var(--cream-mid)}
.fm6__tableau tr:last-child td,.fm6__tableau tr:last-child th{border-bottom:none}
.fm6__oui{color:var(--rose);font-weight:600}
.fm6__non{color:var(--cream-mid)}
.fm6__ligne-prix td,.fm6__ligne-prix th{font-family:var(--font-display);font-size:1.12rem;color:var(--cream)}

/* ── Sortie ──────────────────────────────────────────────────────────── */
.fm6__cite{margin:0;max-width:24ch;font-family:var(--font-display);font-style:italic;font-weight:300;font-size:clamp(22px,3.2vw,34px);line-height:1.45;color:var(--cream)}
.fm6__cite em{color:var(--rose)}
.fm6__signe{margin:22px 0 0;font-size:11.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--rose)}

/* ── Les six mondes : fonds qui se passent le relais ─────────────────── */
.fm6__s1{background:radial-gradient(ellipse 120% 70% at 50% -10%,var(--ink-soft) 0%,var(--ink-deep) 60%)}
.fm6__s1 .fm6__rail{background:linear-gradient(to bottom,transparent,var(--rose) 22%,var(--copper))}
.fm6__s1 .fm6__in{padding-top:clamp(136px,16vw,180px)}

.fm6__s2{background:linear-gradient(to bottom,var(--ink-deep),#1A080B 22%,#1A080B)}
.fm6__s2 .fm6__rail{background:linear-gradient(to bottom,var(--copper),var(--rose-soft) 30%,var(--rose-soft))}
.fm6__s2 .fm6__noeud{background:var(--rose-soft)}

.fm6__s3{background:linear-gradient(to bottom,#1A080B,var(--ink) 24%,var(--ink))}
.fm6__s3 .fm6__rail{background:linear-gradient(to bottom,var(--rose-soft),var(--rose) 26%,var(--rose))}

.fm6__s4{background:linear-gradient(to bottom,var(--ink),var(--ink-soft) 42%,var(--ink))}
.fm6__s4 .fm6__rail{background:linear-gradient(to bottom,var(--rose),var(--copper) 30%,var(--copper))}
.fm6__s4 .fm6__noeud{background:var(--copper)}

.fm6__s5{background:linear-gradient(to bottom,var(--ink),var(--ink-deep) 26%,var(--ink-deep))}
.fm6__s5 .fm6__rail{background:linear-gradient(to bottom,var(--copper),var(--rose-soft) 30%,var(--rose-soft))}
.fm6__s5 .fm6__noeud{background:var(--rose-soft)}

.fm6__s6{background:radial-gradient(ellipse 120% 80% at 50% 110%,var(--ink-soft) 0%,var(--ink-deep) 55%)}
.fm6__s6 .fm6__rail{background:linear-gradient(to bottom,var(--rose-soft),var(--rose) 40%,transparent)}
.fm6__s6 .fm6__in{padding-bottom:clamp(120px,16vw,170px)}

@media (prefers-reduced-motion:reduce){
  .fm6 *,.fm6 *::before,.fm6 *::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}