/* ============================================================
   LE PETIT GUIDE DES RUNES — la page de l'auteur
   ============================================================
   Six blocs : le livre, le mot de l'auteur, ce que le livre
   permet, ouvrir quelques pages, retours de lecteurs, se
   procurer le livre.

   Palette : celle du site (ivoire, anthracite bleu nuit), plus
   une seule couleur propre a la page, le bordeaux du titre de
   couverture (#75003A, releve au pixel dans le PDF d'impression)
   et ses declinaisons tres pales pour les filets.

   Sources reelles : couverture (PDF v5, plat avant), BAT HD
   pour les pages 2 a 12, quatrieme du feuilletage officiel. Decor :
   la branche detouree du jeu d'assets, les runes composees avec
   la police runique du site, un grain de papier precalcule.

   Le contenu Gutenberg du theme stylise p, a, li, h2, h3,
   figcaption et blockquote avec une specificite (0,1,1) : toutes
   les regles passent donc sous `.livre-page`.
   ============================================================ */

.livre-page{
  --lv-encre:#75003A;          /* bordeaux : le titre du livre */
  --lv-encre-vif:#8E0B4C;      /* au survol, un cran plus sature */
  --lv-rose:#B45C7D;           /* filets et reperes */
  --lv-rose-pale:#F6E9EE;
  --lv-voile:#F8F1EE;          /* fond de section teinte, a peine rose */
  --lv-ivoire:#FBF8F3;
  --lv-creme:#F4EFE7;
  --lv-papier:#FDFBF7;
  --lv-plat:#A89B92;
  --lv-trait:#E6DCD6;
  --lv-trait-fin:#EFE8E3;
  --lv-txt:#1E1F2A;            /* le bleu nuit des titres du site */
  --lv-txt2:#423E48;
  --lv-txt3:#696270;
  --lv-ombre:40,30,34;
  --lv-lent:.34s cubic-bezier(.3,.1,.2,1);
  --acc:var(--lv-encre);
  --acc-clair:var(--lv-encre-vif);
  --acc-bandeau:var(--lv-rose-pale);
  --acc-voile:var(--lv-ivoire);
  --acc-bord:var(--lv-trait);
  --lv-section:clamp(4.5rem,7.5vw,7.5rem);
  --lv-contenu:clamp(2.6rem,4.4vw,3.5rem);   /* d'un titre ou d'un texte vers le contenu de la section */
  background:var(--lv-ivoire);
}

main.interieur.livre-page{padding-top:0}
.livre-page .entry{padding-block:0}
.livre-page .entry > *{max-width:none}
.livre-page .entry > * + *{margin-top:0}
.livre-page .entry figcaption{text-align:left}
.livre-page .entry li + li{margin-top:0}

.livre-page .lv-in{max-width:76rem;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3.5rem)}
.livre-page .lv-bande{padding-block:var(--lv-section);position:relative;overflow:hidden}
.livre-page .lv-bande--ivoire{background:url("assets/images/livre-grain-240.webp"),var(--lv-ivoire)}
.livre-page .lv-bande--voile{background:url("assets/images/livre-grain-240.webp"),var(--lv-voile)}
.livre-page .lv-bande + .lv-bande{border-top:1px solid var(--lv-trait-fin)}

/* ---------- Typographie commune ---------- */
.livre-page .eyebrow{color:var(--lv-encre)}
.livre-page .eyebrow::before{background:var(--lv-rose)}
/* Un surtitre peut aussi etre le titre de section (h2). */
.livre-page .entry h2.eyebrow{font-family:var(--sans);font-weight:500;font-size:.7rem;line-height:1.5;letter-spacing:.3em;margin:0}
.livre-page .eyebrow + .lv-titre,.livre-page .eyebrow + .lv-hero__titre{margin-top:var(--air-chapeau)}
.livre-page .lv-titre{font-family:var(--serif);font-weight:400;line-height:1.06;letter-spacing:-.015em;
  color:var(--lv-txt);font-size:clamp(2.2rem,4vw,3.4rem);margin:0}
.livre-page .lv-titre em{font-style:normal;color:var(--lv-encre)}
.livre-page .lv-texte{color:var(--lv-txt2);max-width:36rem;font-size:1.08rem;line-height:1.78}
.livre-page .lv-texte + .lv-texte{margin-top:var(--air-para)}

/* ---------- Liens ---------- */
.livre-page .entry a:not(.lv-btn):not(.lv-lien){color:var(--lv-encre);text-decoration:none;border-bottom:0;
  background-image:linear-gradient(currentColor,currentColor);background-size:40% 1px;background-repeat:no-repeat;
  background-position:0 100%;transition:background-size var(--lv-lent),color var(--lv-lent)}
.livre-page .entry a:not(.lv-btn):not(.lv-lien):hover,
.livre-page .entry a:not(.lv-btn):not(.lv-lien):focus-visible{background-size:100% 1px;color:var(--lv-encre-vif)}
.livre-page .entry a.lv-lien{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding-bottom:.25rem;
  color:var(--lv-encre);border-bottom:0;text-decoration:none;font-family:var(--sans);font-size:.94rem;font-weight:500;
  letter-spacing:.02em;transition:color var(--lv-lent)}
.livre-page .entry a.lv-lien::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;
  transform:scaleX(.4);transform-origin:left;opacity:.6;transition:transform var(--lv-lent),opacity var(--lv-lent)}
.livre-page .entry a.lv-lien:hover,.livre-page .entry a.lv-lien:focus-visible{color:var(--lv-encre-vif)}
.livre-page .entry a.lv-lien:hover::after,.livre-page .entry a.lv-lien:focus-visible::after{transform:scaleX(1);opacity:1}
.livre-page .entry a:focus-visible{outline:2px solid var(--lv-rose);outline-offset:3px;border-radius:2px}

/* ---------- Boutons : une famille, un contour net ---------- */
.livre-page .lv-btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;box-sizing:border-box;
  height:3.1rem;padding:0 1.65rem;border-radius:999px;border:1px solid var(--lv-encre);
  font-family:var(--sans);font-size:.9rem;font-weight:500;letter-spacing:.02em;line-height:1;text-decoration:none;
  transition:background-color var(--lv-lent),border-color var(--lv-lent),color var(--lv-lent),transform var(--lv-lent)}
.livre-page .lv-btn svg{width:1.05rem;height:1.05rem;flex:none}
.livre-page .entry a.lv-btn{border-bottom:1px solid var(--lv-encre)}
.livre-page .entry a.lv-btn--plein{background:var(--lv-encre);color:#fff}
.livre-page .entry a.lv-btn--plein:hover,.livre-page .entry a.lv-btn--plein:focus-visible{
  background:var(--lv-encre-vif);border-color:var(--lv-encre-vif);color:#fff;transform:translateY(-1px)}
.livre-page .entry a.lv-btn--ligne{background:transparent;color:var(--lv-encre)}
.livre-page .entry a.lv-btn--ligne:hover,.livre-page .entry a.lv-btn--ligne:focus-visible{
  background:var(--lv-rose-pale);color:var(--lv-encre-vif);transform:translateY(-1px)}
.livre-page .entry a.lv-btn:focus-visible{outline:2px solid var(--lv-rose);outline-offset:3px;border-radius:999px}
.livre-page .lv-btn:active{transform:translateY(0);transition-duration:.08s}
.livre-page .lv-btn .fl,.livre-page .lv-lien .fl{display:inline-block;transition:transform var(--lv-lent)}
.livre-page .lv-btn:hover .fl,.livre-page .lv-btn:focus-visible .fl,
.livre-page .lv-lien:hover .fl,.livre-page .lv-lien:focus-visible .fl{transform:translateX(4px)}

/* La branche : un seul asset, decline par la mise en place. */
.livre-page .lv-branche{position:absolute;z-index:0;pointer-events:none;background:url("assets/images/livre-branche.webp") center/contain no-repeat}

/* ============================================================
   L'OBJET-LIVRE, FERME
   ============================================================ */
.livre-page .lv-objet{position:relative;display:block;border-radius:1px 3px 3px 1px;transition:transform var(--lv-lent)}
.livre-page .lv-objet img{position:relative;z-index:2;display:block;width:100%;height:auto;border-radius:1px 3px 3px 1px}
.livre-page .lv-objet::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;
  box-shadow:1px 1px 0 #FAF6F0,2px 2px 0 #E6DED3,3px 3px 0 #F7F2EB,4px 4px 0 #DFD6CA,5px 5px 0 #F4EEE6,6px 6px 0 #D7CDC0,7px 7px 0 var(--lv-plat),
    9px 10px 5px -2px rgba(var(--lv-ombre),.2),16px 26px 30px -12px rgba(var(--lv-ombre),.24),30px 58px 90px -40px rgba(var(--lv-ombre),.42);
  transition:box-shadow var(--lv-lent)}
.livre-page .lv-objet::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background:
  linear-gradient(90deg,rgba(0,0,0,.14) 0,rgba(0,0,0,0) 1.4%),
  linear-gradient(90deg,transparent 5%,rgba(255,255,255,.3) 5.25%,rgba(0,0,0,.1) 5.6%,transparent 6.1%),
  linear-gradient(128deg,rgba(255,255,255,.16),rgba(255,255,255,0) 42%,rgba(0,0,0,.06))}
.livre-page .lv-objet:hover{transform:translateY(-3px)}
.livre-page .lv-objet:hover::before{box-shadow:1px 1px 0 #FAF6F0,2px 2px 0 #E6DED3,3px 3px 0 #F7F2EB,4px 4px 0 #DFD6CA,5px 5px 0 #F4EEE6,6px 6px 0 #D7CDC0,7px 7px 0 var(--lv-plat),
    10px 13px 7px -2px rgba(var(--lv-ombre),.18),18px 32px 36px -12px rgba(var(--lv-ombre),.26),34px 66px 96px -40px rgba(var(--lv-ombre),.46)}
/* Une feuille libre sous le livre, legerement de biais. */
.livre-page .lv-pose{position:relative}
.livre-page .lv-pose::before{content:"";position:absolute;z-index:0;left:-7%;bottom:-5%;width:72%;height:46%;
  background:url("assets/images/livre-grain-240.webp"),var(--lv-papier);transform:rotate(-5deg);
  box-shadow:0 1px 1px rgba(var(--lv-ombre),.07),0 14px 30px -18px rgba(var(--lv-ombre),.28)}
.livre-page .lv-pose .lv-objet{z-index:1}

/* ============================================================
   1. LE LIVRE
   ============================================================ */
.livre-page .lv-hero{position:relative;overflow:hidden;padding-top:calc(clamp(7.5rem,11vw,10rem) - var(--hauteur-entete));
  background:url("assets/images/livre-grain-240.webp"),var(--lv-ivoire)}
.livre-page .lv-hero__in{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(2.5rem,5vw,4.5rem);align-items:center;padding-bottom:clamp(3.5rem,6vw,5rem)}
/* La zone de pose : un papier creme qui se fond dans l'ivoire, une
   lumiere douce, une nuance bordeaux a peine perceptible. */
.livre-page .lv-hero__in::before{content:"";position:absolute;z-index:0;top:calc(var(--hauteur-entete) - clamp(7.5rem,11vw,10rem));bottom:0;
  left:calc(50% - 4rem);right:calc(50% - 50vw);
  background:radial-gradient(28rem 24rem at 52% 56%,rgba(255,253,249,.95),rgba(255,253,249,0) 72%),
    radial-gradient(36rem 28rem at 92% 8%,rgba(180,92,125,.07),rgba(180,92,125,0) 70%),
    url("assets/images/livre-grain-240.webp"),var(--lv-creme);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}
.livre-page .lv-hero__texte,.livre-page .lv-hero__livre{position:relative;z-index:1}
.livre-page .lv-hero__titre{font-family:var(--serif);font-weight:400;margin:0;font-size:clamp(3rem,6.2vw,5.1rem);
  line-height:.98;letter-spacing:-.025em;color:var(--lv-txt)}
.livre-page .lv-hero__titre em{display:block;font-style:normal;color:var(--lv-encre)}
.livre-page .lv-hero__sous{margin-top:1.1rem;font-family:var(--serif);font-size:clamp(1.2rem,1.8vw,1.5rem);color:var(--lv-txt2);letter-spacing:.02em}
/* Les informations editoriales, sous le titre. */
.livre-page .lv-hero__infos{margin:1.2rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;
  gap:.3rem 0;font-size:.86rem;letter-spacing:.08em;color:var(--lv-txt2);font-variant-numeric:tabular-nums}
.livre-page .lv-hero__infos li{display:inline-flex;align-items:center}
.livre-page .lv-hero__infos li + li::before{content:"";width:3px;height:3px;border-radius:50%;background:var(--lv-rose);margin:0 .8rem}
.livre-page .lv-hero__chapeau{margin-top:var(--air-titre);max-width:31rem;color:#35313B;font-size:1.16rem;line-height:1.72}
.livre-page .lv-hero__actions{margin-top:var(--air-cta);display:flex;flex-wrap:wrap;gap:.85rem}
.livre-page .lv-hero__livre{margin:0;justify-self:center;width:min(27.5rem,86%)}
.livre-page .lv-hero__livre .lv-branche{width:15rem;height:9.4rem}
.livre-page .lv-hero__livre .lv-branche--haut{top:-2.4rem;right:-6rem;transform:rotate(-18deg);opacity:.9;
  filter:drop-shadow(0 6px 5px rgba(var(--lv-ombre),.14))}
.livre-page .lv-hero__livre .lv-branche--bas{bottom:-4%;left:-11rem;transform:scaleX(-1) rotate(-32deg);opacity:.6;width:12rem;height:7.5rem}
/* Le dos du livre, repris en titre courant le long de la couverture. */
.livre-page .lv-hero__dos{position:absolute;z-index:2;top:50%;left:-2.1rem;transform:translateY(-50%) rotate(180deg);
  writing-mode:vertical-rl;margin:0;font-size:.62rem;letter-spacing:.34em;text-transform:uppercase;color:var(--lv-txt3);
  max-width:none;white-space:nowrap}
.livre-page .lv-hero__dos b{font-weight:500;color:var(--lv-encre)}
/* Une colonne de runes fantomes, au bord droit. */
.livre-page .lv-hero__runes{position:absolute;z-index:1;top:12%;right:clamp(.75rem,2.2vw,2.2rem);margin:0;writing-mode:vertical-rl;
  font-family:var(--runic);font-size:1.5rem;letter-spacing:.9em;color:var(--lv-encre);opacity:.09;max-width:none;pointer-events:none}

/* ============================================================
   2. LE MOT DE L'AUTEUR
   ============================================================ */
.livre-page .lv-mot__in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.livre-page .entry .lv-mot__phrase{position:relative;margin:var(--air-chapeau) 0 0;padding:0 0 0 clamp(3rem,5vw,4.2rem);border:0;font-style:normal}
.livre-page .lv-mot__phrase::before{content:"«";position:absolute;left:-.2rem;top:-1.1rem;font-family:var(--serif);font-size:clamp(5rem,8vw,7rem);
  line-height:1;color:var(--lv-rose);opacity:.3}
.livre-page .lv-mot__phrase p{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(2rem,3.2vw,2.8rem);line-height:1.16;
  letter-spacing:-.012em;color:var(--lv-txt);max-width:none}
.livre-page .lv-mot__phrase em{font-style:normal;color:var(--lv-encre)}
/* Trois lignes voulues sur grand ecran ; le texte coule librement ailleurs. */
@media (min-width:1001px){.livre-page .lv-mot__phrase .lv-ligne{display:block}}
.livre-page .lv-mot__txt{position:relative;padding-left:clamp(1.8rem,4vw,3.25rem);border-left:1px solid var(--lv-trait)}
.livre-page .lv-mot__txt .lv-texte{max-width:31rem;font-size:1.14rem;line-height:1.85;color:#3B3741}
.livre-page .lv-signature{margin-top:1.8rem;display:flex;align-items:center;gap:1rem;font-family:var(--serif);font-style:italic;
  font-size:2.1rem;line-height:1;color:var(--lv-encre)}
.livre-page .lv-signature::before{content:"";width:2rem;height:1px;background:var(--lv-rose);opacity:.7}
.livre-page .lv-mot .lv-branche{right:-3rem;bottom:1rem;width:14rem;height:8.8rem;transform:rotate(-104deg);opacity:.45}

/* ============================================================
   3. CE QUE LE LIVRE PERMET — une progression
   ============================================================ */
.livre-page .lv-etapes{list-style:none;margin:var(--lv-contenu) 0 0;padding:0;display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem)}
.livre-page .lv-etape{position:relative}
.livre-page .lv-etape__tete{display:flex;align-items:center;gap:.9rem;height:3.2rem}
.livre-page .lv-etape__no{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(2.4rem,3.4vw,3rem);line-height:1;
  color:var(--lv-encre);font-variant-numeric:lining-nums}
/* Le fil de la progression, jusqu'a l'etape suivante. */
.livre-page .lv-etape__fil{flex:1;position:relative;height:1px;margin:0 .2rem 0 .4rem;
  background:linear-gradient(90deg,rgba(180,92,125,.15),rgba(180,92,125,.6))}
.livre-page .lv-etape__fil::after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;
  border-top:1px solid rgba(180,92,125,.75);border-right:1px solid rgba(180,92,125,.75);transform:rotate(45deg)}
.livre-page .lv-etape:last-child .lv-etape__fil{display:none}
.livre-page .lv-etape__titre{margin:1.3rem 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,1.8vw,1.62rem);line-height:1.2;
  color:var(--lv-txt);text-wrap:balance;transition:color var(--lv-lent)}
.livre-page .lv-etape__txt{margin:.75rem 0 0;font-size:1.06rem;line-height:1.62;color:var(--lv-txt2);max-width:16.5rem}
.livre-page .lv-etape__page{margin:.9rem 0 0;font-size:.8rem;letter-spacing:.12em;color:var(--lv-txt3);max-width:none}
.livre-page .lv-etape:hover .lv-etape__titre{color:var(--lv-encre)}

/* ============================================================
   4. OUVRIR QUELQUES PAGES
   ============================================================ */
.livre-page .lv-feuillet{scroll-margin-top:4.5rem;background:
  radial-gradient(60rem 34rem at 50% 64%,rgba(255,253,249,.85),rgba(255,253,249,0) 70%),
  url("assets/images/livre-grain-240.webp"),var(--lv-creme)}
.livre-page .lv-feuillet .lv-branche{left:-3.5rem;bottom:14%;width:17rem;height:10.6rem;transform:scaleX(-1) rotate(-58deg);opacity:.55}
/* Titre et navigation en tete ; le livre ; la legende. La navigation
   repasse sous le livre quand l'ecran est etroit. */
.livre-page .lv-livre{position:relative;z-index:1;outline:0;display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"tete nav" "cadre cadre" "legende legende";align-items:end;column-gap:2rem}
.livre-page .lv-feuillet__tete{grid-area:tete;max-width:40rem}
.livre-page .lv-feuillet__intro{margin-top:var(--air-titre)}
.livre-page .lv-livre__nav{grid-area:nav;display:flex;align-items:center;gap:1rem;padding-bottom:.4rem}
.livre-page .lv-livre__nav button{width:2.75rem;height:2.75rem;border-radius:999px;cursor:pointer;border:1px solid var(--lv-encre);
  background:transparent;color:var(--lv-encre);font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;
  transition:background-color var(--lv-lent),color var(--lv-lent),opacity var(--lv-lent)}
.livre-page .lv-livre__nav button:hover:not(:disabled),.livre-page .lv-livre__nav button:focus-visible:not(:disabled){background:var(--lv-encre);color:#fff}
.livre-page .lv-livre__nav button:focus-visible{outline:2px solid var(--lv-rose);outline-offset:3px}
.livre-page .lv-livre__nav button:disabled{opacity:.28;cursor:default;border-color:var(--lv-plat);color:var(--lv-txt3)}
.livre-page .lv-livre__compteur{margin:0;min-width:5rem;text-align:center;font-size:.92rem;letter-spacing:.16em;color:var(--lv-txt2);
  font-variant-numeric:tabular-nums}
.livre-page .lv-livre__cadre{grid-area:cadre;position:relative;width:min(54rem,100%);margin:var(--lv-contenu) auto 0}
/* Le glissement horizontal du doigt revient au livre ; le defilement vertical reste a la page. */
.livre-page .lv-livre__scene{touch-action:pan-y}
.livre-page .lv-livre:focus-visible .lv-livre__scene{outline:1px dashed var(--lv-rose);outline-offset:1.2rem}
.livre-page .lv-livre__legende{grid-area:legende;margin:clamp(2rem,3.4vw,2.6rem) 0 0;text-align:center;font-size:.88rem;letter-spacing:.02em;
  color:var(--lv-txt2);max-width:none;min-height:1.4em;font-size:.94rem}
.livre-page .lv-livre__legende b{font-weight:500;color:var(--lv-txt)}
.livre-page .lv-livre__legende span{margin-left:.6rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lv-txt3)}

/* ---------- Le livre : scene, pages, feuille qui tourne (inchange) ---------- */
.livre-page .lv-livre__scene{position:relative;width:100%;aspect-ratio:850.39 / 595.28;perspective:2900px;perspective-origin:50% 42%;
  transition:transform var(--lv-duree,1.1s) cubic-bezier(.5,.02,.24,1)}
.livre-page .lv-livre[data-ferme="avant"] .lv-livre__scene{transform:translateX(-25%)}
.livre-page .lv-livre[data-ferme="arriere"] .lv-livre__scene{transform:translateX(25%)}

.livre-page .lv-livre__cote{position:absolute;top:0;bottom:0;width:50%;cursor:pointer}
.livre-page .lv-livre__cote--g{left:0}
.livre-page .lv-livre__cote--d{right:0}
.livre-page .lv-livre__cote.est-vide{visibility:hidden}
.livre-page .lv-livre__page{position:absolute;inset:0;z-index:1;overflow:hidden;background:#FFFDF9}
.livre-page .lv-livre__page picture{display:block;height:100%}
.livre-page .lv-livre__page img{display:block;width:100%;height:100%;object-fit:cover}
/* Page hors de l'apercu : papier nu et une mention discrete. */
.livre-page .lv-livre__voile{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;
  background:url("assets/images/livre-grain-240.webp"),#FBF8F2;text-align:center;padding:2rem}
.livre-page .lv-livre__voile b{font-family:var(--serif);font-weight:400;font-size:1.25rem;color:var(--lv-txt3)}
.livre-page .lv-livre__voile span{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--lv-txt3);max-width:12rem;line-height:1.8}

.livre-page .lv-livre__cote::before{content:"";position:absolute;inset:0;z-index:0;animation:lv-apparait .35s ease both}
.livre-page .lv-livre__cote--d::before{border-radius:0 3px 3px 0;box-shadow:
  1px 1px 0 #FAF6F0,2px 2px 0 #E6DED3,3px 3px 0 #F7F2EB,4px 4px 0 #DFD6CA,5px 5px 0 #F4EEE6,6px 6px 0 #D7CDC0,7px 7px 0 var(--lv-plat),
  8px 10px 5px -2px rgba(var(--lv-ombre),.2),14px 22px 28px -12px rgba(var(--lv-ombre),.24),28px 50px 80px -40px rgba(var(--lv-ombre),.44)}
.livre-page .lv-livre__cote--g::before{border-radius:3px 0 0 3px;box-shadow:
  -1px 1px 0 #FAF6F0,-2px 2px 0 #E6DED3,-3px 3px 0 #F7F2EB,-4px 4px 0 #DFD6CA,-5px 5px 0 #F4EEE6,-6px 6px 0 #D7CDC0,-7px 7px 0 var(--lv-plat),
  -3px 10px 5px -2px rgba(var(--lv-ombre),.18),-6px 22px 28px -12px rgba(var(--lv-ombre),.22),-10px 50px 80px -40px rgba(var(--lv-ombre),.4)}
.livre-page .lv-livre__cote--d .lv-livre__page{border-radius:0 3px 3px 0}
.livre-page .lv-livre__cote--g .lv-livre__page{border-radius:3px 0 0 3px}
.livre-page .lv-livre__page::after{content:"";position:absolute;inset:0;pointer-events:none}
.livre-page .lv-livre__cote--g .lv-livre__page::after{background:
  linear-gradient(270deg,rgba(var(--lv-ombre),.22) 0,rgba(var(--lv-ombre),.08) 3.5%,rgba(255,255,255,.14) 7.5%,rgba(255,255,255,0) 15%)}
.livre-page .lv-livre__cote--d .lv-livre__page::after{background:
  linear-gradient(90deg,rgba(var(--lv-ombre),.22) 0,rgba(var(--lv-ombre),.08) 3.5%,rgba(255,255,255,.14) 7.5%,rgba(255,255,255,0) 15%)}
.livre-page .lv-livre__cote.est-couverture .lv-livre__page::after{background:
  linear-gradient(90deg,rgba(0,0,0,.14) 0,rgba(0,0,0,0) 1.4%),
  linear-gradient(90deg,transparent 5%,rgba(255,255,255,.3) 5.25%,rgba(0,0,0,.1) 5.6%,transparent 6.1%),
  linear-gradient(128deg,rgba(255,255,255,.14),rgba(255,255,255,0) 42%,rgba(0,0,0,.05))}
.livre-page .lv-livre__cote--g.est-couverture .lv-livre__page::after{background:
  linear-gradient(270deg,rgba(0,0,0,.14) 0,rgba(0,0,0,0) 1.4%),
  linear-gradient(270deg,transparent 5%,rgba(255,255,255,.3) 5.25%,rgba(0,0,0,.1) 5.6%,transparent 6.1%),
  linear-gradient(232deg,rgba(255,255,255,.12),rgba(255,255,255,0) 42%,rgba(0,0,0,.05))}
.livre-page .lv-livre__pli{position:absolute;top:0;bottom:0;left:50%;width:1.6rem;transform:translateX(-50%);z-index:3;pointer-events:none;
  opacity:0;transition:opacity .3s;
  background:linear-gradient(90deg,rgba(var(--lv-ombre),0),rgba(var(--lv-ombre),.15) 45%,rgba(var(--lv-ombre),.28) 50%,rgba(var(--lv-ombre),.15) 55%,rgba(var(--lv-ombre),0))}
.livre-page .lv-livre[data-ouvert] .lv-livre__pli{opacity:1}
.livre-page .lv-livre__coin{position:absolute;bottom:0;z-index:4;width:2.6rem;height:2.6rem;pointer-events:none;opacity:0;
  transition:opacity var(--lv-lent),width var(--lv-lent),height var(--lv-lent)}
.livre-page .lv-livre__cote--d .lv-livre__coin{right:0;border-radius:0 0 3px 0;
  background:linear-gradient(315deg,var(--lv-creme) 0 44%,rgba(var(--lv-ombre),.2) 47%,#FCF9F4 50%,#E9E3D9 100%)}
.livre-page .lv-livre__cote--g .lv-livre__coin{left:0;border-radius:0 0 0 3px;
  background:linear-gradient(45deg,var(--lv-creme) 0 44%,rgba(var(--lv-ombre),.2) 47%,#FCF9F4 50%,#E9E3D9 100%)}
.livre-page .lv-livre__cote.peut-tourner:not(.est-couverture):hover .lv-livre__coin{opacity:1;width:3.3rem;height:3.3rem}

/* La feuille qui tourne : douze bandes chainees. */
.livre-page .lv-livre__feuille{position:absolute;top:0;bottom:0;width:50%;z-index:5;transform-style:preserve-3d;pointer-events:none}
.livre-page .lv-livre__feuille--d{right:0}
.livre-page .lv-livre__feuille--g{left:0}
.livre-page .lv-livre__bande{position:absolute;top:0;height:100%;width:calc(100% / 16);transform-style:preserve-3d}
.livre-page .lv-livre__feuille--d .lv-livre__bande{left:0;transform-origin:left center}
.livre-page .lv-livre__feuille--g .lv-livre__bande{right:0;transform-origin:right center}
.livre-page .lv-livre__bande .lv-livre__bande{width:100%}
.livre-page .lv-livre__feuille--d .lv-livre__bande .lv-livre__bande{left:100%}
.livre-page .lv-livre__feuille--g .lv-livre__bande .lv-livre__bande{left:auto;right:100%}
.livre-page .lv-livre__face{position:absolute;top:0;bottom:0;left:0;width:calc(100% + 1px);overflow:hidden;
  background-color:#FFFDF9;background-repeat:no-repeat;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.livre-page .lv-livre__face.est-papier{background:url("assets/images/livre-grain-240.webp"),#FBF8F2}
.livre-page .lv-livre__feuille--g .lv-livre__face{left:-1px}
.livre-page .lv-livre__face--verso{transform:rotateY(180deg)}
.livre-page .lv-livre__sombre,.livre-page .lv-livre__reflet{position:absolute;inset:0;opacity:0}
.livre-page .lv-livre__sombre{background:rgba(var(--lv-ombre),1)}
.livre-page .lv-livre__reflet{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.9))}
.livre-page .lv-livre__feuille--g .lv-livre__reflet{background:linear-gradient(270deg,rgba(255,255,255,0),rgba(255,255,255,.9))}
.livre-page .lv-livre__ombre{position:absolute;top:0;bottom:0;width:50%;z-index:4;pointer-events:none;opacity:0}
.livre-page .lv-livre__ombre--d{right:0}
.livre-page .lv-livre__ombre--g{left:0}
@keyframes lv-apparait{from{opacity:0}to{opacity:1}}
.livre-page .lv-livre__page.arrive{animation:lv-arrive .42s var(--ease) both}
@keyframes lv-arrive{from{opacity:0;transform:translateX(var(--lv-depuis,12px))}to{opacity:1;transform:none}}

.livre-page .lv-livre__reserve,.livre-page .lv-livre__vues{display:none}
.livre-page .lv-livre__prechargement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.livre-page .lv-livre__prechargement picture,.livre-page .lv-livre__prechargement img{width:1px;height:1px}


/* ============================================================
   5. RETOURS DE LECTEURS
   ============================================================ */
.livre-page .lv-lecteurs .lv-lecteurs__runes{position:absolute;left:clamp(.75rem,2.2vw,2.2rem);top:50%;transform:translateY(-50%);margin:0;
  writing-mode:vertical-rl;font-family:var(--runic);font-size:1.4rem;letter-spacing:.9em;color:var(--lv-encre);opacity:.07;max-width:none;pointer-events:none}
.livre-page .lv-lecteurs__tete{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}
.livre-page .lv-lecteurs__contexte{margin:0;font-family:var(--serif);font-style:italic;font-size:1.14rem;color:var(--lv-txt3);max-width:31rem;text-align:right}
.livre-page .lv-lecteurs__tete + .lv-avis__liste{margin-top:var(--lv-contenu)}
.livre-page .lv-avis__liste{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(3rem,6vw,5.5rem);align-items:start}
.livre-page .lv-avis__autres{display:grid;gap:clamp(2.4rem,4vw,3.2rem);padding-top:clamp(3.5rem,7vw,6rem)}
.livre-page .lv-avis__liste blockquote{position:relative;margin:0;padding:0;border:0;font-style:normal}
/* Le grand guillemet, tres pale, en retrait du texte. */
.livre-page .lv-avis__liste blockquote::before{content:"«";position:absolute;font-family:var(--serif);line-height:1;color:var(--lv-encre);
  transition:opacity var(--lv-lent),transform var(--lv-lent)}
.livre-page .lv-avis__liste .lv-avis__principal{padding-top:2.9rem}
.livre-page .lv-avis__principal::before{left:-.3rem;top:-2.2rem;font-size:8rem;opacity:.13}
.livre-page .lv-avis__autres blockquote{padding-top:1.7rem}
.livre-page .lv-avis__autres blockquote::before{left:-.15rem;top:-1.5rem;font-size:4.6rem;opacity:.16}
.livre-page .lv-avis__liste blockquote:hover::before{opacity:.28;transform:translateY(-2px)}
.livre-page .lv-avis__liste p{position:relative;margin:0;font-family:var(--serif);font-style:italic;color:var(--lv-txt)}
.livre-page .lv-avis__principal p{font-size:clamp(1.6rem,2.6vw,2.15rem);line-height:1.36;max-width:33rem}
.livre-page .lv-avis__autres p{font-size:clamp(1.22rem,1.6vw,1.38rem);line-height:1.5;color:#2F2C36;max-width:23rem}
.livre-page .lv-avis__liste cite{display:flex;align-items:center;gap:.8rem;margin-top:1.4rem;font-style:normal;font-size:.84rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--lv-txt2)}
.livre-page .lv-avis__liste cite::before{content:"";width:1.8rem;height:1px;background:var(--lv-rose);transition:width var(--lv-lent)}
.livre-page .lv-avis__liste blockquote:hover cite::before{width:3rem}
.livre-page .lv-avis__liste cite b{font-weight:500;color:var(--lv-encre)}

/* ============================================================
   6. SE PROCURER LE LIVRE
   ============================================================ */
.livre-page .lv-trouver{padding-bottom:0}
.livre-page .lv-trouver__in{display:grid;grid-template-columns:minmax(0,.58fr) minmax(0,1.4fr) minmax(0,.9fr);
  gap:clamp(2.5rem,5vw,4.75rem);align-items:center;padding-bottom:var(--lv-section)}
.livre-page .lv-trouver__livre{justify-self:start;width:min(16rem,100%);margin:0}
.livre-page .lv-trouver__livre .lv-branche{left:-6.5rem;bottom:-1.5rem;width:13rem;height:8.2rem;transform:scaleX(-1) rotate(-12deg);opacity:.8;
  filter:drop-shadow(0 5px 4px rgba(var(--lv-ombre),.12))}
.livre-page .lv-trouver__txt .lv-titre{font-size:clamp(2.1rem,3.4vw,2.85rem)}
.livre-page .lv-trouver__txt .lv-titre em{display:block}
.livre-page .lv-trouver__actions{margin-top:var(--air-cta);display:flex;flex-wrap:wrap;gap:.85rem}
.livre-page .lv-trouver__fiche{margin-top:1.5rem;font-size:.86rem;letter-spacing:.06em;color:var(--lv-txt3);max-width:none;font-variant-numeric:tabular-nums}
.livre-page .lv-ou{list-style:none;margin:0;padding:.3rem 0 .3rem clamp(1.5rem,3vw,2.5rem);border-left:1px solid var(--lv-trait);display:grid;gap:0;counter-reset:ou}
.livre-page .lv-ou li{padding-block:1rem}
.livre-page .lv-ou li + li{border-top:1px solid var(--lv-trait-fin)}
.livre-page .lv-ou li:first-child{padding-top:0}
.livre-page .lv-ou li:last-child{padding-bottom:0}
.livre-page .lv-ou li{display:grid;grid-template-columns:1.8rem minmax(0,1fr);gap:.9rem;align-items:start}
.livre-page .lv-ou svg{width:1.6rem;height:1.6rem;color:var(--lv-encre);opacity:.8;margin-top:.05rem}
.livre-page .lv-ou b{display:block;font-family:var(--serif);font-weight:400;font-size:1.25rem;line-height:1.2;color:var(--lv-txt)}
.livre-page .lv-ou span{display:block;margin-top:.3rem;font-size:.94rem;line-height:1.55;color:var(--lv-txt2)}
.livre-page .lv-ou .lv-lien{margin-top:.3rem}
/* La tranche d'un bloc de feuillets, avant le pied de page. */
.livre-page .lv-trouver::after{content:"";display:block;height:6px;background:repeating-linear-gradient(180deg,#F6F1EA 0 1px,#E0D8CD 1px 2px)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1100px){
  .livre-page .lv-feuillet .lv-branche{display:none}
  .livre-page .lv-trouver__in{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}
  .livre-page .lv-ou{grid-column:1 / -1;padding-left:0;border-left:0;padding-top:1.8rem;border-top:1px solid var(--lv-trait);
    grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 2.5rem}
}
@media (max-width:1000px){
  .livre-page .lv-etapes{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.6rem}
  .livre-page .lv-etape__fil{display:none}
  .livre-page .lv-mot__in{grid-template-columns:1fr;gap:2.2rem}
  .livre-page .lv-mot__txt{padding-left:0;border-left:0;padding-top:2rem;border-top:1px solid var(--lv-trait)}
  .livre-page .lv-mot .lv-branche{display:none}
}
@media (max-width:900px){
  .livre-page .lv-hero__in{grid-template-columns:1fr;gap:3.5rem;padding-bottom:3.5rem}
  .livre-page .lv-hero__in::before,.livre-page .lv-hero__dos,.livre-page .lv-hero__runes{display:none}
  .livre-page .lv-hero__livre{width:min(19rem,68%);justify-self:center}
  .livre-page .lv-hero__livre .lv-branche--haut{right:-4.5rem;width:11rem;height:6.9rem}
  .livre-page .lv-hero__livre .lv-branche--bas{display:none}
  .livre-page .lv-lecteurs__tete{flex-direction:column;align-items:flex-start;gap:1rem}
  .livre-page .lv-lecteurs__contexte{text-align:left}
  .livre-page .lv-lecteurs .lv-lecteurs__runes{display:none}
}
@media (max-width:860px){
  .livre-page .lv-livre{grid-template-columns:1fr;grid-template-areas:"tete" "cadre" "nav" "legende"}
  .livre-page .lv-livre__nav{justify-self:center;padding:0;margin-top:2.2rem}
  .livre-page .lv-livre__legende{margin-top:.9rem}
  .livre-page .lv-livre__cadre{width:min(23rem,86%)}
  .livre-page .lv-livre__scene{aspect-ratio:425.2 / 595.28;transform:none !important}
  .livre-page .lv-livre__cote--g{display:none}
  .livre-page .lv-livre__cote--d{width:100%}
  .livre-page .lv-livre__pli,.livre-page .lv-livre__feuille,.livre-page .lv-livre__ombre{display:none}
  .livre-page .lv-livre__cote--d:not(.est-couverture) .lv-livre__page::after{background:none}
}
@media (max-width:700px){
  .livre-page .lv-hero__actions .lv-btn,.livre-page .lv-trouver__actions .lv-btn{flex:1 1 100%}
  .livre-page .lv-trouver__in{grid-template-columns:1fr}
  .livre-page .lv-trouver__livre{width:min(12rem,60%)}
  .livre-page .lv-ou{grid-template-columns:1fr}
  .livre-page .lv-avis__liste{grid-template-columns:1fr}
  .livre-page .lv-avis__autres{padding-top:0}
}
@media (max-width:560px){
  .livre-page .lv-etapes{grid-template-columns:1fr;row-gap:2.2rem}
  .livre-page .lv-etape__txt{max-width:none}
  .livre-page .entry .lv-mot__phrase{padding-left:2.6rem}
}

/* ============================================================
   MOUVEMENT REDUIT
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  .livre-page .lv-objet,.livre-page .lv-btn,.livre-page .lv-livre__scene,.livre-page .lv-livre__coin,.livre-page .lv-livre__nav button,
 .livre-page .lv-avis__liste blockquote::before,.livre-page .lv-avis__liste cite::before{transition:none}
  .livre-page .lv-objet:hover,.livre-page .lv-btn:hover{transform:none}
  .livre-page .lv-livre__cote::before,.livre-page .lv-livre__page.arrive{animation:none}
}