/* Un récit au défilement. Les styles de matière et la forêt viennent
   d’annexe.css. Deux voix : la narration dans des cartes de verre courtes,
   les moments de bascule nus et grands, seuls dans leur écran. */
:root{--max:1080px;--col:620px;--lueur:0 0 14px rgba(255,255,255,.9),0 0 3px rgba(255,255,255,.8)}
.bar{position:fixed;top:14px;left:0;right:0;z-index:50;display:flex;justify-content:center;padding:0 16px;pointer-events:none}
.bar>.verre{pointer-events:auto;display:flex;align-items:center;gap:22px;width:100%;max-width:var(--max);padding:9px 9px 9px 20px;margin:0;border-radius:999px}
.bar .marque{display:flex;align-items:center;gap:9px;flex:none;margin:0;font-size:17px;font-weight:700;letter-spacing:-.02em}
.bar .sphere{width:26px;height:26px;transform:scale(1.55)}
.bar nav{display:flex;gap:22px;margin-left:auto}
.bar nav a{opacity:.78;font-size:15px;font-weight:500;text-decoration:none}
.bar nav a:hover,.bar nav a[aria-current]{opacity:1}
.cta.mini{margin:0;padding:9px 18px;gap:7px;font-size:14.5px;box-shadow:0 2px 10px rgba(165,207,77,.3)}
.cta.mini svg{width:15px;height:15px}.cta.mini:hover{transform:none}

main{max-width:var(--max);padding:126px 20px 46px}
p{font-size:18px;line-height:1.7;color:var(--texte);opacity:.88}
cite{font-style:italic;font-weight:500}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a:focus-visible,summary:focus-visible{outline:3px solid #526d22;outline-offset:4px}

/* ---- l’apparition au défilement : seulement quand le script est là ---- */
.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.js [data-reveal].vu{opacity:1;transform:none}

/* ---- 1. le héros ---- */
.story-hero{text-align:center}
.story-hero h1{font-size:clamp(40px,6.6vw,72px);line-height:1.04;letter-spacing:-.03em;text-shadow:var(--lueur)}
.signature{font-size:19px;font-weight:600;opacity:1;margin-top:18px;text-shadow:var(--lueur)}

/* ---- 2. le bureau : l’image reste, les lignes passent devant ---- */
.bureau{position:relative;margin-top:34px}
.bureau-scene{position:sticky;top:84px;z-index:0}
.founder-scene{position:relative;margin:0;overflow:hidden;border-radius:26px;box-shadow:var(--ombre),var(--lentille);border:1px solid rgba(255,255,255,.9)}
.founder-scene img{display:block;width:100%;height:min(66vh,620px);object-fit:cover;object-position:center 60%}
.charge{position:absolute;inset:0;list-style:none;padding:0;margin:0;pointer-events:none}
.charge li{position:absolute;left:var(--x);top:var(--y);margin:0;padding:7px 14px;border-radius:999px;font-size:15px;font-weight:600;opacity:0;
  background:rgba(255,255,255,.78);box-shadow:0 6px 18px rgba(40,40,20,.12),var(--lentille);color:var(--texte);
  transform:scale(.6) translateY(10px);transition:opacity .5s ease calc(var(--i)*.22s),transform .6s cubic-bezier(.3,1.6,.5,1) calc(var(--i)*.22s)}
.founder-scene.chargee .charge li{opacity:1;transform:none}
.founder-scene.sature .charge li{animation:bourdonne 2.6s ease-in-out infinite;animation-delay:calc(var(--i)*-.37s)}
@keyframes bourdonne{0%,100%{translate:0 0;rotate:0deg}25%{translate:3px -4px;rotate:-2deg}50%{translate:-2px 2px;rotate:1.5deg}75%{translate:2px 3px;rotate:-1deg}}
.bureau-recit{position:relative;z-index:1;max-width:460px;margin:6vh 0 0 28px;padding-bottom:20vh}
.beat{margin:0 0 46vh;padding:22px 26px;font-size:19px;line-height:1.6;opacity:1;background:rgba(255,255,255,.8)}
.beat:last-child{margin-bottom:0}

/* ---- les deux voix ---- */
.recit{max-width:var(--col);margin:0 auto}
.recit.verre{padding:26px 32px;margin-top:30px;margin-bottom:30px}
.recit p+p{margin-top:14px}
.recit.nu{text-align:center;text-shadow:var(--lueur)}
.recit.nu p{font-size:21px;font-weight:500;opacity:1}
.recit .chute,.recit .appui{font-weight:650;opacity:1}
.moment{display:grid;place-items:center;min-height:72vh;max-width:18ch;margin:0 auto;padding:40px 0;text-align:center;
  font-size:clamp(32px,5.4vw,60px);line-height:1.12;letter-spacing:-.03em;font-weight:700;opacity:1;text-wrap:balance;text-shadow:var(--lueur)}
.moment.fort{max-width:20ch}
.moment.vide{min-height:100vh}
.moyen{max-width:24ch;margin:0 auto 28px;text-align:center;font-size:clamp(23px,3.2vw,32px);line-height:1.3;letter-spacing:-.02em;font-weight:650;opacity:1;text-wrap:balance;text-shadow:var(--lueur)}
.chapitre{padding-top:16vh}
.chapitre h2{max-width:20ch;margin:0 auto 10px;text-align:center;font-size:clamp(28px,4.2vw,44px);line-height:1.12;letter-spacing:-.028em;font-weight:700;text-wrap:balance;text-shadow:var(--lueur)}

/* ---- 3. les livres : petits, une période, pas une cause ---- */
.reading-books{max-width:480px;margin:6px auto 0}
.indice{margin-top:-34px;text-align:center;font-size:14px;opacity:.62;text-shadow:var(--lueur)}
.book-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:2%;width:100%;aspect-ratio:1.3;min-height:300px;padding:64px 20px 72px;z-index:2;overflow:visible;border-radius:18px;perspective:900px;pointer-events:none}
.book-object{position:relative;display:block;flex:none;width:30%;aspect-ratio:1774/2661;border:0;padding:0;background:none;border-radius:5px;transform:rotate(var(--rest-angle));cursor:default;color:inherit;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.book-art{position:absolute;inset:0;display:block;overflow:hidden;transform-style:preserve-3d;transform:rotateY(-7deg);pointer-events:none;filter:drop-shadow(5px 9px 6px rgba(40,35,20,.12))}
.book-art img{position:absolute;top:0;left:calc(var(--book) * -100%);width:300%;max-width:none;height:100%;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}
.book-object:focus-visible{outline:2px solid #526d22;outline-offset:6px}
.book-controls{position:absolute;bottom:2px;right:5px;display:flex;gap:7px;z-index:8}
.book-controls button,.scene-controls button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #ffffffaa;border-radius:50%;background:rgba(255,255,255,.5);box-shadow:var(--lentille);pointer-events:auto;font:20px/1 -apple-system,BlinkMacSystemFont,sans-serif;color:var(--texte);cursor:pointer}
.book-controls svg,.scene-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.book-controls button:focus-visible,.scene-controls button:focus-visible{outline:2px solid #526d22;outline-offset:3px}
.books-ready .book-stage{touch-action:pan-y;pointer-events:auto;cursor:grab}
.books-ready .book-stage::before{content:'';position:absolute;left:12%;right:12%;top:64%;height:20%;border-radius:50%;background:radial-gradient(ellipse,#78858b18,transparent 68%);pointer-events:none}
.books-ready .book-object{position:absolute;left:50%;top:50%;width:31%;margin-left:-15.5%;transform-origin:center;will-change:transform;cursor:grab;touch-action:pan-y;pointer-events:auto}
.books-ready .book-stage.is-dragging,.books-ready .book-stage.is-dragging .book-object{cursor:grabbing}
@media(pointer:fine){.books-ready .book-stage,.books-ready .book-object{touch-action:none}}

/* ---- 4. Neuralia : une fenêtre qu’il faut ouvrir ---- */
.nom-neuralia{margin:34px auto 18px;text-align:center;font-size:clamp(30px,4.6vw,46px);font-weight:700;letter-spacing:-.03em;opacity:1;text-shadow:var(--lueur)}
.neuralia{width:min(420px,100%);margin:0 auto;border-radius:20px;overflow:hidden;background:linear-gradient(170deg,#fbf9f4,#efebe2);
  box-shadow:0 18px 40px rgba(60,50,30,.16),0 2px 0 rgba(255,255,255,.9) inset;border:1px solid rgba(255,255,255,.95);text-align:left}
.neuralia-barre{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid rgba(60,50,30,.08);background:rgba(255,255,255,.55)}
.neuralia-barre i{width:11px;height:11px;border-radius:50%;background:#e2ddd2}
.neuralia-barre span{margin:0 auto;padding-right:40px;font-size:13px;font-weight:600;opacity:.6}
.neuralia-fil{min-height:150px;padding:20px 18px 10px}
.neuralia-bulle{display:inline-block;max-width:85%;margin:0;padding:10px 14px;border-radius:16px 16px 16px 4px;background:#fff;font-size:15px;line-height:1.45;opacity:.85;box-shadow:0 1px 3px rgba(60,50,30,.08)}
.neuralia-saisie{display:flex;align-items:center;gap:2px;margin:6px 14px 16px;padding:10px 8px 10px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 1px 3px rgba(60,50,30,.1);font-size:15px}
.neuralia-saisie span:first-child{opacity:.4}
.neuralia-saisie b{width:1.5px;height:18px;margin-left:-1px;order:-1;background:var(--texte);animation:clignote 1.1s steps(1) infinite}
.neuralia-envoi{display:grid;place-items:center;width:30px;height:30px;margin-left:auto;border-radius:50%;background:#e8e3d8;font-weight:700;opacity:.55}
@keyframes clignote{50%{opacity:0}}
.recherche{max-width:var(--col);margin:26px auto 0;text-align:center}
.recherche summary{display:inline-block;cursor:pointer;list-style:none;font-size:15px;font-weight:500;opacity:.72;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-shadow:var(--lueur)}
.recherche summary::-webkit-details-marker{display:none}
.recherche[open] summary span{display:inline-block;rotate:90deg}
.recherche>div{margin-top:16px;padding:20px 26px;text-align:left;border-radius:20px;background:var(--carte);box-shadow:var(--ombre),var(--lentille);-webkit-backdrop-filter:var(--verre-filtre);backdrop-filter:var(--verre-filtre)}
.recherche p{font-size:15.5px;line-height:1.6}

/* ---- 5. tout ralentit ---- */
.ralenti{max-width:var(--col);margin:40px auto 0;text-align:center;font-size:20px;line-height:1.9;opacity:1;text-shadow:var(--lueur)}
.js .ralenti{opacity:1;transform:none}
.ralenti span{display:inline-block;margin:0 .15em}
.js .ralenti span{opacity:0;filter:blur(3px);transition:opacity var(--d,.6s) ease var(--t,0s),filter var(--d,.6s) ease var(--t,0s)}
.js .ralenti.vu span{opacity:.88;filter:none}
.ralenti span:nth-child(2){--t:.7s;--d:.9s}.ralenti span:nth-child(3){--t:1.6s;--d:1.2s}
.ralenti span:nth-child(4){--t:2.8s;--d:1.5s}.ralenti span:nth-child(5){--t:4.3s;--d:1.9s}

/* ---- 6. le chemin qu’on supprime ---- */
.chemin{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 6px;max-width:720px;margin:10px auto 40px;padding:0;list-style:none}
.chemin li{position:relative;margin:0;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.62);box-shadow:var(--lentille);font-size:15.5px;font-weight:500;opacity:1;
  transition:opacity .6s ease calc(var(--n,0)*.18s + .2s),background .6s ease}
.chemin li+li::before{content:"→";position:absolute;left:-14px;top:50%;translate:-50% -50%;font-size:13px;opacity:.45}
.chemin li+li{margin-left:20px}
.chemin li::after{content:"";position:absolute;left:12px;right:12px;top:50%;height:1.5px;background:var(--rose);transform:scaleX(0);transform-origin:left;
  transition:transform .45s ease calc(var(--n,0)*.18s)}
.chemin .garde{background:#fff;font-weight:650}
.chemin.raccourci li:not(.garde){opacity:.35}
.chemin.raccourci li:not(.garde)::after{transform:scaleX(1)}
.chemin li:nth-child(2){--n:0}.chemin li:nth-child(3){--n:1}.chemin li:nth-child(4){--n:2}.chemin li:nth-child(5){--n:3}.chemin li:nth-child(6){--n:4}.chemin li:nth-child(7){--n:5}

/* ---- 6 bis. la micro-scène : une pensée, ⌘, hop ---- */
.hop{position:relative;max-width:560px;margin:0 auto;padding:22px 24px 26px}
.hop-scene{position:relative;display:grid;gap:14px;justify-items:center}
.hop-contexte{position:relative;height:24px;width:100%;margin:0;text-align:center;font-size:15px;font-weight:600;opacity:.6}
.hop-contexte span{position:absolute;inset:0;transition:opacity .5s ease}
.hop-contexte .cuisine,.hop.cuisine .hop-contexte .travail{opacity:0}
.hop.cuisine .hop-contexte .cuisine{opacity:1}
.hop-decor{position:relative;width:100%;height:130px}
.hop-doc{position:absolute;inset:0 18% 0;padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.8);box-shadow:0 6px 16px rgba(40,40,20,.08);transition:opacity .5s ease}
.hop-doc i{display:block;height:8px;margin-bottom:14px;border-radius:4px;background:#d8d6cf;width:0;transition:width 1.4s linear}
.hop-doc i:nth-child(1){width:82%}.hop-doc i:nth-child(2){width:64%}
.hop.ecrit .hop-doc i:nth-child(3){width:74%}.hop.ecrit2 .hop-doc i:nth-child(4){width:46%}
.hop-casserole{position:absolute;left:50%;top:6px;width:150px;margin-left:-75px;opacity:0;transition:opacity .5s ease;fill:none;stroke:var(--texte);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hop-casserole .cuve{fill:rgba(255,255,255,.85)}
.hop-casserole .vapeur{opacity:.45;animation:vapeur 2.4s ease-in-out infinite}
@keyframes vapeur{50%{translate:0 -4px;opacity:.2}}
.hop.cuisine .hop-doc{opacity:0}.hop.cuisine .hop-casserole{opacity:1}
.hop-pensee{position:absolute;right:2%;top:30px;margin:0;padding:10px 16px;border-radius:20px;background:#fff;font-size:15.5px;font-weight:600;opacity:0;
  box-shadow:0 10px 24px rgba(40,40,20,.14);transform:scale(.4) translateY(20px);transform-origin:20% 100%;transition:opacity .35s ease,transform .5s cubic-bezier(.3,1.6,.5,1)}
.hop-pensee::before,.hop-pensee::after{content:"";position:absolute;border-radius:50%;background:#fff;box-shadow:0 4px 10px rgba(40,40,20,.1)}
.hop-pensee::before{width:12px;height:12px;left:16px;bottom:-14px}.hop-pensee::after{width:7px;height:7px;left:8px;bottom:-24px}
.hop.pense .hop-pensee{opacity:1;transform:none}
.hop.envole .hop-pensee{opacity:0;transform:scale(.2) translate(-60px,120px);transition:opacity .45s ease,transform .5s ease-in}
.hop-geste{display:flex;align-items:center;gap:12px;min-height:50px;width:min(100%,430px);padding:8px 18px 8px 8px;border-radius:999px;background:rgba(255,255,255,.6);box-shadow:var(--lentille)}
.hop-geste .touche{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--creux);border:1px solid var(--trait);font-size:17px;font-weight:600;
  transition:transform .15s ease,background .2s ease,box-shadow .2s ease}
.hop.ecoute .hop-geste .touche{transform:scale(.9);background:var(--rose-clair);border-color:transparent;box-shadow:0 0 0 4px rgba(255,184,204,.35)}
.hop-phrase{min-width:0;font-size:15.5px;font-weight:500;line-height:1.3;text-align:left}
.hop-reponse{display:flex;align-items:center;gap:8px;min-height:36px;margin:0;font-size:19px;font-weight:700;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}
.hop-reponse img{width:22px;height:22px;transform:scale(1.5);filter:drop-shadow(0 0 3px rgba(185,58,99,.6))}
.hop.repond .hop-reponse{opacity:1;transform:none}
.hop-controls{position:absolute;right:12px;bottom:12px}

/* ---- 7. la naissance : la scène reste, les phrases passent ---- */
.naissance{position:relative;height:460vh;margin-top:10vh}
.naissance-scene{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.naissance canvas{position:absolute;inset:0;width:100%;height:100%}
.naissance-halo{position:absolute;left:50%;top:40%;width:min(70vw,52vh,440px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;opacity:var(--vie,0);
  background:radial-gradient(circle,#fff9 0,#ffc4d977 30%,#ff9dba33 52%,transparent 70%);filter:blur(16px);pointer-events:none}
.naissance-texte{position:absolute;left:16px;right:16px;bottom:7vh;display:grid;align-items:end;justify-items:center;min-height:30vh;pointer-events:none}
.naissance-texte p{grid-area:1/1;max-width:30ch;margin:0;text-align:center;font-size:clamp(19px,2.3vw,24px);line-height:1.45;font-weight:500;opacity:0;transform:translateY(14px);
  transition:opacity .7s ease,transform .7s ease;text-wrap:balance;text-shadow:var(--lueur)}
.naissance-texte p.grand{max-width:18ch;font-size:clamp(30px,4.8vw,54px);line-height:1.12;letter-spacing:-.03em;font-weight:700}
.naissance-texte p.on{opacity:1;transform:none}
/* Sans script, pas de scène : les phrases se lisent à la suite. */
html:not(.js) .naissance{height:auto}
html:not(.js) .naissance-scene{position:static;height:auto}
html:not(.js) .naissance canvas,html:not(.js) .naissance-halo{display:none}
html:not(.js) .naissance-texte{position:static;display:block}
html:not(.js) .naissance-texte p{opacity:1;transform:none;margin:0 auto 40px}

/* ---- 8. la fin ---- */
.fin{max-width:var(--col);margin:0 auto;padding:22vh 0 10vh;text-align:center}
.fin h2{font-size:clamp(28px,4.2vw,44px);line-height:1.12;letter-spacing:-.028em;font-weight:700;margin:0 0 22px;text-shadow:var(--lueur)}
.fin p{text-shadow:var(--lueur)}
.fin .devise{margin-top:56px;font-size:clamp(24px,3.4vw,34px);line-height:1.3;letter-spacing:-.02em;font-weight:650;opacity:1}
.lien-discret{display:inline-block;margin-top:40px;padding:11px 22px;border-radius:999px;font-size:16px;font-weight:600;text-decoration:none;
  background:rgba(255,255,255,.55);box-shadow:var(--lentille),var(--ombre);transition:background .2s ease}
.lien-discret:hover{background:rgba(255,255,255,.8)}

/* ---- 8 bis. la vision, en branches (05/10). Le trait est celui des
   ramifications de l’accueil : blanc, une ombre pleine dessous, plus fin à
   mesure qu’on s’éloigne d’elle ; le chemin parcouru en lime, cœur clair.
   Seul le Mac existe : les étapes à venir sont des bourgeons, pour que la
   page ne promette pas comme acquis ce qui est encore une intention. Le
   tracé est posé par recit.js sur la position réelle des points. ---- */
.vision{margin:90px calc(50% - min(470px,50vw - 16px)) 0;text-align:center}
.fin .vision h2{margin:0 0 12px}
.fin .vision>p{max-width:46ch;margin:0 auto 46px}
.vision-arbre{position:relative;display:grid;grid-template-columns:64px repeat(4,minmax(0,1fr));gap:0 22px;text-align:left}
.vision-branches{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;
  filter:drop-shadow(0 1.5px 1.2px rgba(30,40,10,.2))}
.vision-branches path{fill:none;stroke:#fff;stroke-linecap:round}
.vision-branches .allume{stroke:rgb(163,219,58);filter:drop-shadow(0 0 5px rgba(163,219,58,.75))}
.vision-branches .influx{stroke:#fff;stroke-dasharray:9 130;animation:influx 3.2s cubic-bezier(.5,0,.3,1) infinite}
@keyframes influx{from{stroke-dashoffset:9}to{stroke-dashoffset:-130}}
.vision-racine{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;margin-top:-21px}
.vision-racine canvas{width:64px;height:64px;filter:drop-shadow(0 0 8px rgba(255,157,186,.55))}
.vision-frise{display:contents;list-style:none}
.vision-etape{position:relative;min-width:0;margin:0;padding:0}
.vision-point{position:relative;z-index:1;display:block;width:14px;height:14px;margin:4px 0 0 0;border-radius:50%;background:#fff;
  box-shadow:inset 0 0 0 1.5px #cfd4ca,0 1.5px 2px rgba(30,40,10,.15)}
.vision-etape.actuelle .vision-point{width:18px;height:18px;margin:2px 0 0 -2px;background:radial-gradient(circle at 40% 35%,#fff 0 22%,#c9ee7c 46%,rgb(163,219,58));
  box-shadow:0 0 0 4px rgba(163,219,58,.22),0 0 16px rgba(163,219,58,.7)}
.vision-quand{display:block;margin-top:18px;font-size:11.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;opacity:.55;text-shadow:var(--lueur)}
.vision-etape.actuelle .vision-quand{color:#4d6b12;opacity:1}
.vision-etape h3{font-size:18px;line-height:1.3;letter-spacing:-.01em;font-weight:650;margin:4px 0 6px;text-shadow:var(--lueur)}
.fin .vision-etape p{font-size:14.5px;line-height:1.55;margin:0;opacity:.8}
@media(max-width:760px){
 .vision{margin-top:70px}
 .fin .vision>p{margin-bottom:34px}
 .vision-arbre{grid-template-columns:minmax(0,1fr);gap:30px}
 .vision-racine{margin:0}
 .vision-etape{padding-left:52px}
 .vision-point{position:absolute;left:25px;top:3px;margin:0}
 .vision-etape.actuelle .vision-point{left:23px;top:1px;margin:0}
 .vision-quand{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.vision-branches .influx{display:none}}

.privacy-note{max-width:var(--col);margin:36px auto 0;text-shadow:var(--lueur)}
.privacy-note h2{font-size:16px;margin:0 0 8px}.privacy-note p{font-size:14px;line-height:1.6}.privacy-note a{display:inline-block;margin-top:8px;font-size:13px;text-underline-offset:4px}
footer{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;max-width:none;text-align:center;font-size:14px;padding:24px 20px 64px;opacity:1}
footer a{color:var(--rose);text-decoration:none;border-bottom:1px solid currentColor}
footer .droits{flex-basis:100%;justify-content:center}

@media(max-width:760px){
 main{padding:104px 16px 36px}
 p{font-size:16.5px}
 .signature{font-size:17px}
 .bureau{margin-top:24px}
 .bureau-scene{top:74px}
 .founder-scene{border-radius:20px}
 .founder-scene img{height:auto;aspect-ratio:1.05;object-position:52% center}
 .charge li{left:calc(var(--x)*.8);padding:5px 10px;font-size:12.5px}
 .bureau-recit{margin:4vh 8px 0;padding-bottom:14vh;max-width:none}
 .beat{font-size:17px;padding:18px 20px;margin-bottom:40vh}
 .recit.verre{padding:20px 22px}
 .recit.nu p{font-size:19px}
 .moment{min-height:62vh}
 .moment.vide{min-height:86vh}
 .chapitre{padding-top:12vh}
 .book-stage{min-height:260px;padding:56px 10px 64px}
 .indice{margin-top:-28px}
 .ralenti{font-size:18px}
 .chemin{flex-direction:column;gap:20px}
 .chemin li{font-size:14px;padding:6px 12px}
 .chemin li+li{margin-left:0}
 .chemin li+li::before{content:"↓";left:50%;top:-10px}
 .hop{padding:18px 16px 22px}
 .hop-pensee{right:0;top:18px;font-size:14.5px}
 .hop-phrase{font-size:14.5px}
 .fin{padding-top:16vh}
 .lien-discret{width:100%}
 footer{font-size:12px;gap:18px}
}
@media(max-width:640px){.bar nav{display:none}.bar>.verre{gap:12px;padding-left:16px}.cta.mini{margin-left:auto}}
@media(prefers-reduced-motion:reduce){
 .js [data-reveal],.js .ralenti span,.chemin li,.chemin li::after,.charge li,.naissance-texte p{transition:none}
 .js [data-reveal]{transform:none}
 .founder-scene.sature .charge li,.neuralia-saisie b,.hop-casserole .vapeur{animation:none}
}