.visuellement-cache{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}

.recit{position:relative;background:#000}

.scene{position:relative;--p:0}
.scene__cadre{position:relative;overflow:hidden;min-height:72vh;display:grid;place-items:center;
  padding:clamp(80px,9vw,128px) var(--marge)}
.scene__affiche{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;object-fit:cover}

.scene__cadre::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.2) 40%,rgba(0,0,0,.7))}

.scene__cadre > :where(:not(.scene__affiche)){position:relative;z-index:1}

.scene--toile{--encre-toile:var(--encre);color:var(--encre)}

.scene--toile .scene__cadre{background:var(--fenetre),var(--toile)}
.scene--toile .scene__cadre::after{display:none}
.scene--toile:not(.scene--porte) .scene__cadre::before{content:'';position:absolute;inset:0;pointer-events:none;
  opacity:.22;mix-blend-mode:multiply;background-image:var(--grain)}

.scene--toile{--haut-du-mot:calc(50vh - max(14.75vw, 26.22vh) + min(.2225 * (100vw - 2 * var(--marge)), clamp(76px, 9.92vw, 130px)));
  --descente:calc(var(--haut-du-mot) - 18vh)}

.promesse__mot,.atelier__mot{margin:0;text-align:center;overflow-wrap:anywhere;
  font:var(--umm-affiche-poids) clamp(44px,8vw,120px)/.92 var(--titre);letter-spacing:-.045em}

.atelier__presente{justify-items:center;gap:clamp(10px,1.4vw,20px)}
.recit-actif .atelier__mot.atelier__presente{display:grid}
.atelier__logo{display:block;width:min(70vw,620px);height:auto;filter:invert(1)}
.atelier__presente span{font:var(--umm-etiquette-poids) clamp(13px,1.3vw,20px)/1 var(--corps);letter-spacing:.42em;padding-left:.42em;
  text-transform:uppercase;color:var(--texte)}
@media (max-height:560px){ .atelier__logo{width:min(46vw,340px)} }
@media (forced-colors:active){ .atelier__logo{filter:none} }
@media (forced-colors:active) and (prefers-color-scheme:dark){ .atelier__logo{filter:invert(1)} }

.scene--porte .scene__cadre{min-height:100vh;min-height:100svh}
.porte{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;width:min(820px,100%)}

.porte__titre{margin:0;font:var(--umm-mention-poids) 13px/1.4 var(--corps);letter-spacing:.1em;
  text-transform:uppercase;color:var(--encre-toile)}

.porte__vingtneuf{display:none;margin:0;position:relative}
.porte__vingtneuf img{display:block;height:clamp(110px,22vh,230px);width:auto;margin:0 auto}

.porte__webs{display:none;margin:-6px 0 10px;padding-left:.32em;font:700 clamp(18px,2.6vw,30px)/1 var(--titre);letter-spacing:.32em;
  text-transform:uppercase;color:var(--encre);opacity:0;transition:opacity .6s}
.porte__webs.vu{opacity:1}
.porte__accroche--blanc{display:none;max-width:36ch;font-size:clamp(28px,4.6vw,62px)}

.porte__fort,.porte__raye{display:inline-block;position:relative}
.porte__raye{font-weight:var(--umm-titre-poids);color:var(--encre-douce)}
.porte__actions{display:none;flex-direction:column;align-items:center;gap:14px;margin-top:10px}
.porte__lancer{padding:16px 30px;font-size:17px}
.porte__passer{font-size:14px;color:var(--encre);text-decoration:underline;text-underline-offset:3px}
.porte__accroche{margin:0;font:var(--umm-affiche-poids) clamp(32px,5.4vw,72px)/var(--umm-affiche-interligne) var(--titre);
  letter-spacing:var(--umm-affiche-interlettrage);text-wrap:balance;color:var(--encre-toile)}
.porte__dit{margin:0;max-width:60ch;font:var(--umm-texte-poids) clamp(15px,1.35vw,19px)/1.45 var(--corps);color:var(--encre-toile);text-wrap:pretty}
.porte__preuves{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;margin:2px 0 6px;padding:0;list-style:none}
.porte__preuves li{padding:6px 12px;border-radius:99px;border:1px solid rgba(20,20,20,.35);background:rgba(244,241,234,.5);
  font:var(--umm-mention-poids) 13px/1 var(--corps);color:var(--encre-toile);letter-spacing:var(--umm-mention-interlettrage)}
.porte__question{margin:6px 0 0;font:var(--umm-titre-poids) clamp(18px,2vw,24px)/1.25 var(--titre);
  letter-spacing:-.01em;color:var(--encre-toile)}
.porte__formulaire{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;width:min(560px,100%)}
.porte__formulaire[hidden]{display:none}

.porte__champ{min-width:0;padding:14px 16px;border-radius:12px;border:1px solid rgba(20,20,20,.35);
  background:var(--papier);color:var(--encre-toile);font:var(--umm-texte-poids) 17px/1.2 var(--corps)}
.porte__champ::placeholder{color:#5C5B57}
.porte__champ:focus-visible{outline:2px solid var(--encre-toile);outline-offset:2px}
.porte__suggestions{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.porte__suggestion{min-height:36px;padding:8px 14px;border-radius:99px;border:1px solid rgba(20,20,20,.35);
  background:rgba(244,241,234,.55);color:var(--encre-toile);font:var(--umm-mention-poids) 14px/1 var(--corps);cursor:pointer}
.porte__suggestion:hover,.porte__suggestion:focus-visible{border-color:var(--encre-toile);background:var(--papier);outline:none}

.porte__liens{display:flex;gap:18px;margin:0;font-size:14px;color:var(--encre-toile)}
.porte__liens a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:480px){ .porte__formulaire{grid-template-columns:1fr} }

@media (max-height:500px){
  .porte{gap:8px}
  .porte__dit,.porte__preuves{display:none}
  .porte__accroche{font-size:clamp(24px,5vh,40px)}
  .porte__question{margin-top:0;font-size:clamp(15px,3.6vh,18px)}
  .porte__formulaire{gap:6px}
  .porte__champ{padding:9px 14px}
  .porte__suggestion{min-height:30px;padding:5px 11px;font-size:13px}
}

.promesse__mot:focus{outline:none}
.promesse{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;width:min(980px,100%)}

.promesse__phrase{margin:0;font:italic 400 clamp(20px,2.6vw,34px)/1.2 var(--corps);color:var(--encre-toile)}
.devis{width:min(420px,88vw);padding:22px 24px;border-radius:6px;background:transparent;color:var(--encre);
  text-align:left;transform:rotate(-2.5deg);position:relative;isolation:isolate}

.devis::before{content:'';position:absolute;inset:-9% -12%;z-index:-1;pointer-events:none;
  background:center/100% 100% no-repeat}

html:not(.porte-ouverte) .devis{background:#F4F1EA}
.porte-ouverte .devis::before{background-image:url(/media/recit/devis-papier.webp)}
.devis__titre{margin:0 0 12px;font:var(--umm-titre-poids) 13px/1.2 var(--titre);letter-spacing:.06em;text-transform:uppercase}
.devis__lignes{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:15px;color:#5A4A3A}

.devis__lignes li::after{content:' ✓';content:' ✓' / '';color:var(--encre)}
.devis__total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:14px 0 0;
  padding-top:10px;border-top:1px solid #CFC5B3;font:var(--umm-titre-poids) 15px var(--titre)}
.devis__total b{font:var(--umm-affiche-poids) clamp(24px,3vw,34px)/1 var(--titre);letter-spacing:-.03em}
.devis__total[hidden],.devis__source[hidden]{display:none}

.devis__source{margin:6px 0 0;font-size:12px;color:#6B5D4D}
.devis__source a,.eclat__source a{text-decoration:underline;text-underline-offset:2px}

.scene--bris .scene__cadre::after,.bris__eclats,.bris__phrase{display:none}
.bris{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.bris__phrase{margin:0;font:900 clamp(20px,2.6vw,34px)/1.2 var(--corps);color:var(--encre-toile)}
.bris__verdict{margin:0;font:var(--umm-affiche-poids) clamp(48px,9vw,140px)/var(--umm-affiche-interligne) var(--titre);
  letter-spacing:var(--umm-affiche-interlettrage);color:var(--encre-toile)}
.bris__verdict[hidden]{display:none}

.bris__verdict:focus{outline:none}

.scene--chiffres:not(:has(.eclat:not([hidden]))){display:none}

.eclats{display:grid;gap:clamp(40px,6vw,72px);width:min(1200px,100%);text-align:center}
.eclat{margin:0;color:var(--encre-toile)}
.eclat[hidden],.eclat__source[hidden]{display:none}
.eclat__valeur{width:fit-content;margin:0 auto;white-space:nowrap;font:var(--umm-affiche-poids) clamp(28px,9vw,140px)/1 var(--titre);letter-spacing:-.035em}
.eclat__libelle{margin:14px 0 0;font:var(--umm-mention-poids) clamp(16px,1.6vw,20px)/1.35 var(--corps);color:var(--encre-douce)}
.eclat__cumul{margin:8px 0 0;font:var(--umm-titre-poids) 17px/1.3 var(--titre);color:var(--encre-toile)}
.eclat__source{margin:8px 0 0;font-size:13px;color:var(--encre-douce)}
.eclat--gris .eclat__libelle{font:var(--umm-titre-poids) clamp(22px,2.6vw,32px)/1.2 var(--titre);color:var(--encre-toile)}

.croquis{width:min(420px,80vw);margin:0 auto 18px;color:var(--encre-toile)}

.croquis svg{display:block;width:100%;height:auto}

.scene--atelier .scene__cadre{background:#050506}
.tourbillon,.atelier__mot,.atelier__legende{display:none}

.etabli{display:grid;place-items:center;width:min(720px,100%)}
.etabli__table{display:none}
.etabli__ecran{width:100%;border:10px solid #070708;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.etabli__affiche{display:block;width:100%;height:auto}
.etabli__legendes{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px;text-align:center;
  font:var(--umm-titre-poids) clamp(18px,2vw,26px)/1.25 var(--titre)}

.scene--cles .scene__cadre{background:#08080A}
.cles__demo{display:none}
.cles__textes{display:grid;gap:28px;width:min(760px,100%);text-align:center}
.cles__plan[hidden]{display:none}
.cles__titre,.dapres__titre{margin:0;font:var(--umm-affiche-poids) clamp(28px,4.6vw,64px)/var(--umm-affiche-interligne) var(--titre);
  letter-spacing:var(--umm-affiche-interlettrage)}

.cles__titre .badge,.dapres__titre .badge{vertical-align:.5em;margin-right:6px;
  color:var(--accent);background:var(--accent-fond);border:0}

.cles__titre .cles__geste{white-space:nowrap}
.cles__sous,.dapres__sous{margin:10px 0 0;color:var(--doux);font-size:clamp(16px,1.5vw,20px);line-height:1.45}

.scene--d-apres .scene__cadre{background:#07070A}

.dapres__demo{width:min(760px,100%);margin-top:20px}

.scene--d-apres:not(.dapres--monte) .dapres__demo{display:none}
.dapres__fenetre,.dapres__pastilles{display:none}
.dapres__resultat{border-radius:12px;overflow:hidden;border:1px solid var(--ligne2)}
.dapres__barre{display:none}
.dapres__film{display:block;width:100%;height:auto;aspect-ratio:16/10;background:#000}
.dapres__credit{margin:6px 0 0;font-size:13.5px;color:var(--doux)}
.dapres__credit b{color:var(--texte);font-weight:600}

@media (max-width:760px){
  .dapres__resultat{width:min(100%,300px);margin-inline:auto}
  .dapres__film{aspect-ratio:390/844}
}
.dapres__textes{display:grid;gap:10px;width:min(760px,100%);text-align:center}

.recit{--lecteur-h:calc(58px + env(safe-area-inset-bottom, 0px))}

.recit{--haut-reserve:96px}
.lecteur{position:fixed;left:0;right:0;bottom:0;z-index:46;color:var(--papier);
  transition:transform .4s cubic-bezier(.22,1,.36,1)}
.lecteur[hidden]{display:none}
.lecteur--range{transform:translateY(calc(var(--lecteur-h) - 4px));transition-duration:.6s;transition-timing-function:cubic-bezier(.65,0,.35,1)}

.lecteur__ligne{position:relative;height:24px;margin-top:-20px;display:flex;align-items:flex-end;cursor:pointer;touch-action:none;outline:none}
.lecteur__chapitres{display:flex;gap:3px;width:100%;height:4px}
.lecteur__segment{position:relative;flex:1 1 0;height:100%;background:rgba(20,20,20,.22);overflow:hidden;transform-origin:50% 100%;
  transition:transform .25s cubic-bezier(.22,1,.36,1)}
.lecteur__segment i{position:absolute;inset:0;background:var(--sceau);transform-origin:0 50%;transform:scaleX(0)}
.lecteur__ligne:hover .lecteur__segment,.lecteur__ligne:focus-visible .lecteur__segment{transform:scaleY(2)}
.lecteur__bulle{position:absolute;left:0;bottom:30px;margin:0;padding:6px 9px;border-radius:7px;background:var(--encre);color:var(--papier);
  font:var(--umm-mention-poids) 12px/1 var(--corps);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;
  opacity:0;visibility:hidden;transform:translateX(-50%) translateY(4px);
  transition:opacity .18s,transform .18s cubic-bezier(.22,1,.36,1),visibility 0s .18s}
.lecteur__bulle.montre{opacity:1;visibility:visible;transform:translateX(-50%);transition-delay:0s}
.lecteur__bulle b{font-weight:700;margin-right:6px}
.lecteur__rangee{display:flex;align-items:center;justify-content:space-between;gap:12px;height:54px;box-sizing:content-box;background:var(--encre);
  padding:0 max(14px, env(safe-area-inset-right, 0px)) env(safe-area-inset-bottom, 0px) max(10px, env(safe-area-inset-left, 0px))}
.lecteur__commandes{display:flex;align-items:center;gap:6px;min-width:0}
.lecteur__bouton,.lecteur__lire,.lecteur__vitesse{display:grid;place-items:center;margin:0;padding:0;border:0;color:inherit;background:none;font-family:var(--corps);cursor:pointer}
.lecteur__bouton{width:30px;height:30px;border-radius:8px;opacity:.8;transition:opacity .2s,background-color .2s}
.lecteur__bouton:hover{opacity:1;background:rgba(244,241,234,.09)}
.lecteur svg{fill:currentColor}
.lecteur__bouton svg{width:15px;height:15px}
.lecteur__lire{width:36px;height:36px;border-radius:50%;background:var(--papier);color:var(--encre)}
.lecteur__lire svg{width:14px;height:14px}
.lecteur :is(button,.lecteur__ligne):focus-visible{outline:2px solid var(--sceau);outline-offset:2px}
.lecteur__titre{display:grid;min-width:0;margin:0 0 0 8px}
.lecteur__nom{font:700 13px/1.25 var(--corps)}
.lecteur__rang{font:var(--umm-mention-poids) 11px/1.25 var(--corps);opacity:.62}

.roule{display:inline-grid;overflow:hidden;min-width:0}
.roule > span{grid-area:1/1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lecteur__droite{display:flex;align-items:center;gap:12px;flex:none}
.lecteur__temps{margin:0;font:var(--umm-mention-poids) 12px/1 var(--corps);font-variant-numeric:tabular-nums;opacity:.72}
.lecteur__vitesse{min-width:44px;height:28px;padding:0 10px;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(244,241,234,.28);font:700 12px/1 var(--corps)}

@media (max-width:379px){ .lecteur__temps{display:none} }
@media (forced-colors:active){
  .lecteur__rangee,.lecteur__bulle{background:Canvas;color:CanvasText;border-top:1px solid CanvasText}
  .lecteur__lire{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}

  .lecteur__vitesse{border:1px solid ButtonText}
  .lecteur__segment{background:GrayText}
  .lecteur__segment i{background:Highlight}
}

.chapitres{position:fixed;top:56px;left:0;right:0;z-index:45;display:flex;justify-content:center;flex-wrap:wrap;gap:4px;
  padding:8px var(--marge);font:var(--umm-etiquette-poids) 12px/1 var(--corps);letter-spacing:var(--umm-etiquette-interlettrage);
  text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .3s}
.chapitres[hidden]{display:none}
.chapitres.montre{opacity:1;pointer-events:auto}

.chapitres:focus-within{opacity:1;pointer-events:auto}
.chapitres a{padding:6px 10px;border-radius:99px;color:var(--pale);background:rgba(12,12,14,.6);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.chapitres a.actif{color:var(--texte);background:color-mix(in srgb,var(--accent) 28%,rgba(12,12,14,.6))}
.chapitres .chapitres__passer{margin-left:12px;color:var(--doux)}

.chapitres a[hidden]{display:none}

.chapitres--serre a:not(.actif):not(.chapitres__passer){display:none}

.scene--credits .scene__cadre{background:#000}
.scene--credits .scene__cadre::after{display:none}
.credits{display:grid;justify-items:center;gap:40px;text-align:center}
.credits__roles{margin:0;display:grid;gap:22px}
.credits__roles div{display:grid;gap:6px}
.credits__roles dt{font:var(--umm-etiquette-poids) 12px/1 var(--corps);letter-spacing:var(--umm-etiquette-interlettrage);
  text-transform:uppercase;color:var(--pale)}
.credits__roles dd{margin:0;font:var(--umm-titre-poids) clamp(22px,2.6vw,34px)/1.2 var(--titre)}
.credits__fin{display:grid;justify-items:center;gap:22px}

.credits__fin:focus{outline:none}

.scene--credits .btn:focus-visible{outline-color:var(--texte)}
.credits__budget{margin:0;font:var(--umm-titre-poids) clamp(18px,2vw,24px)/1.2 var(--titre);color:var(--doux)}
.credits__budget b{display:block;margin-top:10px;font:var(--umm-affiche-poids) clamp(48px,9vw,128px)/var(--umm-affiche-interligne) var(--titre);
  letter-spacing:var(--umm-affiche-interlettrage)}
.credits__note{margin:0;color:var(--pale)}
.credits__budget[hidden],.credits__note[hidden]{display:none}

.recit-actif .recit .scene{height:calc(var(--ecrans) * 100vh)}

.recit-actif .recit .scene{pointer-events:none}
.recit-actif .recit .scene__cadre{pointer-events:auto}

.recit-actif .recit .scene + .scene{margin-top:calc((-1 - var(--chevauche, .5)) * 100vh)}

.recit-actif .recit .scene__cadre{position:sticky;top:0;height:100vh;height:100svh;min-height:0;padding:0;display:block}
.recit-actif .scene--fondu > .scene__cadre{opacity:clamp(0, var(--p) * (var(--ecrans) - 1) / .5, 1)}
.recit-actif .scene--fondu.scene--fin > .scene__cadre{opacity:min(clamp(0, var(--p) * (var(--ecrans) - 1) / .5, 1),
  clamp(0, (1 - var(--p)) * (var(--ecrans) - 1) / .5, 1))}

.recit-actif .scene--fondu.en-attente > .scene__cadre{visibility:hidden}

.recit-actif .scene--fondu{scroll-margin-top:calc(-60vh - 72px)}
.recit-actif #promesse{scroll-margin-top:calc(-100vh - 72px)}

.recit-actif [data-fenetre]{
  --entree:clamp(0, (var(--p) - var(--de, -1)) / var(--fondu, .06), 1);
  --sortie:clamp(0, (var(--a, 2) - var(--p)) / var(--fondu, .06), 1);
  --t:clamp(0, (var(--p) - var(--de, -1)) / var(--duree, .1), 1);
  opacity:min(var(--entree), var(--sortie))}

.recit-actif .scene--porte{z-index:3;transition:opacity .45s,visibility 0s .45s}

.recit-actif .scene--porte .scene__cadre{position:relative;display:grid;grid-template-rows:minmax(0,var(--haut-de-la-porte)) auto 1fr;
  justify-items:center;padding:0 var(--marge) 72px;
  --haut-de-la-porte:calc(50vh - max(14.75vw, 26.22vh) + min(.2225 * (100vw - 2 * var(--marge)), 85px))}
.recit-actif .scene--porte .porte{grid-row:2}
.recit-actif.porte-ouverte .scene--porte{opacity:0;visibility:hidden}
.recit-actif .scene--porte .porte,.recit-actif .porte__affiche{transition:opacity .45s}
.recit-actif.porte-ouverte .scene--porte .porte,.recit-actif.porte-ouverte .porte__affiche{opacity:0}

.recit-actif .promesse{position:absolute;left:0;right:0;top:var(--haut-du-mot);width:auto;padding:0 var(--marge)}

@media (max-height:560px){
  .scene--toile{--haut-du-mot:92px;--descente:0px}
}
@media (max-height:560px), (min-width:700px) and (max-height:800px){
  .recit-actif .promesse__mot,.recit-actif .atelier__mot{font-size:clamp(30px,min(8vw,10vh),120px)}
  .recit-actif .promesse{gap:8px}
  .recit-actif .promesse__phrase{font-size:clamp(15px,min(2.6vw,4.4vh),34px)}
  .recit-actif .devis{padding:12px 18px}
  .recit-actif .devis__titre{margin-bottom:6px}
  .recit-actif .devis__lignes{gap:2px;font-size:13px}
  .recit-actif .devis__total{margin-top:8px;padding-top:6px}
  .recit-actif .devis__total b{font-size:clamp(20px,6vh,28px)}
  .recit-actif .devis__source{margin-top:3px}
}

@media (max-height:560px){ .recit-actif .devis__lignes{grid-template-columns:1fr 1fr;column-gap:14px} }

.recit-actif .bris__eclats{display:grid;place-items:center;position:absolute;inset:0;pointer-events:none}
.recit-actif .bris__eclats > *{grid-area:1/1}

.recit-actif .bris__devis{position:absolute;margin:0}
.recit-actif .bris{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:24px;padding:0 var(--marge)}

.recit-actif .bris__verdict{position:relative;top:var(--descente,0px)}

.recit-actif .bris__phrase{display:block;position:absolute;left:0;right:0;top:var(--haut-du-mot);padding:0 var(--marge);
  font-style:italic;font-weight:400;transition:font-weight .9s cubic-bezier(.2,.8,.2,1)}

.bris__declencheur{display:none}
.recit-actif .bris__declencheur{display:block;position:absolute;margin:0;padding:0;border:0;border-radius:6px;background:none;cursor:pointer;
  transform:rotate(-2.5deg);-webkit-tap-highlight-color:transparent}
.recit-actif .bris__declencheur[hidden]{display:none}
.recit-actif .bris__declencheur:focus-visible{outline:2px solid var(--encre-toile);outline-offset:6px}

.bris__indice{display:none}
.recit-actif .bris__indice{display:flex;position:absolute;align-items:center;gap:9px;margin:0;padding:8px 14px 8px 12px;border-radius:99px;
  background:var(--encre);color:var(--papier);font:var(--umm-mention-poids) 13px/1 var(--corps);white-space:nowrap;pointer-events:none;
  transform:translate(-50%,-50%)}
.recit-actif .bris__indice[hidden]{display:none}
.bris__point{position:relative;width:7px;height:7px;border-radius:50%;background:var(--sceau)}
.bris__onde{position:absolute;inset:-1px;border-radius:50%;box-shadow:0 0 0 1.5px var(--sceau);opacity:0}

.bris__tache{position:absolute;color:var(--encre);pointer-events:none}
.bris__papier{position:absolute;background:var(--papier);box-shadow:0 2px 3px rgba(20,20,20,.18);pointer-events:none}
.recit-actif .bris--encre .bris__verdict{position:absolute;left:0;right:0;padding:0 var(--marge)}

.recit-actif .bris--encre .bris__verdict:not(.peint){color:var(--papier)}

.recit-actif .bris--encre .bris__verdict .pinceau{mix-blend-mode:normal}
.recit-actif .bris__phrase--soufflee{opacity:0;visibility:hidden}

@media (forced-colors:active){ .bris__tache,.bris__papier{display:none} }

.recit-actif .scene--chiffres{--haut-des-chiffres:max(0px, calc(50vh - max(14.75vw, 26.22vh) + .2225 * min(1200px, 92vw, 100vw - 2 * var(--marge))))}
.recit-actif .eclats{position:absolute;inset:0 0 var(--lecteur-h);display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,var(--haut-des-chiffres)) auto 1fr;
  gap:0;place-items:center;width:auto;padding:0 var(--marge) 16px}
.recit-actif .eclat{grid-area:1/1/-1/-1;width:min(1200px,92vw)}
.recit-actif .eclat[data-chiffre]{grid-area:2/1;align-self:start}
.recit-actif .eclat :is(.eclat__libelle,.eclat__cumul,.eclat__source){transition:opacity .35s,visibility 0s}
.recit-actif .eclat:not(.ecrite) :is(.eclat__libelle,.eclat__cumul,.eclat__source){opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s}

.recit-actif .croquis path{stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0, (var(--t) - var(--k) * .04) / .25, 1))}

.recit-actif .tourbillon{display:block;position:absolute;inset:0;perspective:1200px;pointer-events:none}

.carte-tourbillon{position:absolute;left:50%;top:50%;width:clamp(170px,21vw,320px);aspect-ratio:16/10;overflow:hidden;
  border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#0A0B0C;container-type:inline-size;
  box-shadow:0 24px 60px -24px rgba(0,0,0,.9);
  --angle:calc(var(--i) / var(--n) * 1turn + var(--rot, 0turn));
  transform:translate(-50%,-50%) translate3d(calc(sin(var(--angle)) * 36vw),calc((var(--i) / var(--n) - .5) * 52vh),calc(cos(var(--angle)) * 280px))
    rotateY(calc(sin(var(--angle)) * -38deg));
  opacity:calc(.3 + (cos(var(--angle)) + 1) * .35)}
.carte-tourbillon > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}

.recit-actif .atelier__legende{display:block;position:absolute;left:50%;bottom:max(9vh,calc(var(--lecteur-h) + 26px));z-index:4;transform:translateX(-50%);
  width:max-content;max-width:calc(100% - 2 * var(--marge));margin:0;padding:8px 16px;border-radius:99px;
  background:rgba(5,5,6,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  text-align:center;font:var(--umm-mention-poids) clamp(14px,1.3vw,17px)/1.4 var(--corps);color:var(--texte)}
.recit-actif .atelier__mot{display:block;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);padding:0 var(--marge);z-index:2}

.recit-actif .scene--atelier,.recit-actif .scene--cles{--bord:12px;
  --l-page:min(560px,62vw,calc(58svh * 1.5),calc((100svh - var(--lecteur-h) - var(--haut-reserve) - 2 * var(--bord) - 84px) * 1.6))}
.recit-actif .etabli{position:absolute;inset:0 0 var(--lecteur-h);display:block;width:auto;overflow:hidden;pointer-events:none}
.recit-actif .etabli__table{display:block;position:absolute;left:50%;top:0;width:var(--l-page);will-change:transform}

.etabli__feuille{position:absolute;left:0;top:0;width:100%;opacity:0;will-change:transform;
  box-shadow:0 0 0 var(--bord-papier,7px) var(--papier),0 22px 36px -16px rgba(0,0,0,calc(.85 * var(--ombre,1)))}
.etabli__feuille img{display:block;width:100%;height:auto}
.recit-actif .etabli__ecran{position:absolute;left:50%;top:calc(var(--y-ecran,0px) - var(--bord));transform:translateX(-50%);
  width:calc(var(--l-page) + 2 * var(--bord));height:calc(var(--h-ecran,0px) + 2 * var(--bord));
  border:var(--bord) solid #070708;border-radius:18px;overflow:visible;background:none;
  box-shadow:0 0 0 1px rgba(255,255,255,.1),0 60px 120px -30px rgba(0,0,0,.95);opacity:var(--ecran,0)}
.recit-actif .etabli__affiche{display:none}
.recit-actif .etabli--telephone .etabli__ecran{border-radius:30px}

.recit-actif .etabli__legendes{position:absolute;left:50%;bottom:calc(var(--lecteur-h) + 26px);transform:translateX(-50%);margin:0;
  width:min(820px,calc(100% - 2 * var(--marge)));display:grid;text-align:center;z-index:3}
.recit-actif .etabli__legendes li{grid-area:1/1;justify-self:center;padding:10px 18px;border-radius:12px;background:rgba(0,0,0,.62);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:var(--umm-titre-poids) clamp(17px,1.6vw,24px)/1.22 var(--titre)}

@media (max-width:760px){ .recit-actif .scene--atelier,.recit-actif .scene--cles{--bord:9px;
  --l-page:min(66vw,300px,calc((100svh - var(--lecteur-h) - var(--haut-reserve) - 2 * var(--bord) - 96px) * 390 / 844))} }

.recit-actif .cles__textes{position:absolute;left:var(--marge);top:var(--haut-reserve);width:min(560px,40vw);text-align:left;
  transform:translateY(max(0px, calc((100svh - var(--lecteur-h)) / 2 - var(--haut-reserve) - 50%)));
  opacity:clamp(0, (var(--k) - .5) / .5, 1)}
.recit-actif .cles__plan{grid-area:1/1}
.recit-actif .scene--cles{--l-cles:min(44vw,680px,calc((100svh - var(--lecteur-h) - var(--haut-reserve) - 2 * var(--bord) - 16px) * 1.6));
  --k:clamp(0, var(--p) / .08, 1);--w:calc(var(--l-page) + var(--k) * (var(--l-cles) - var(--l-page)));--h:calc(var(--w) * .625);
  --y:max(var(--haut-reserve), calc(50% - var(--h) / 2 - var(--bord)));
  --recul:clamp(0, (var(--p) - .83) / .07, 1)}

.recit-actif .cles__demo{display:block;position:absolute;inset:0 0 var(--lecteur-h);pointer-events:none;opacity:calc(1 - var(--recul) * .65)}

.recit-actif .cles__ecran{position:absolute;box-sizing:content-box;top:var(--y);width:var(--w);height:var(--h);
  left:calc((100% - var(--w) - 2 * var(--bord)) / 2 * (1 - var(--k)) + (100% - var(--marge) - var(--w) - 2 * var(--bord)) * var(--k));
  overflow:hidden;border:var(--bord) solid #070708;border-radius:16px;background:#0A0A0B;
  box-shadow:0 0 0 1px rgba(255,255,255,.1),0 50px 110px -30px rgba(0,0,0,.95);
  transform:scale(calc(1 - var(--recul) * .2));transform-origin:100% 50%}
.cles__page{position:absolute;left:0;right:0;top:0;transition:transform .6s cubic-bezier(.22,1,.36,1)}

.cles__tranche{position:relative;overflow:hidden;max-height:3000px;transition:max-height .5s,opacity .5s}
.cles__tranche > img{display:block;width:100%;height:auto}
.cles__tranche > .cles__neuve{position:absolute;left:0;top:0}
.cles__tranche--retiree{max-height:0;opacity:0}

.recit-actif .cles__demande,.recit-actif .cles__reponse,.recit-actif .cles__pastille{position:absolute;z-index:2;margin:0;
  left:calc(100% - var(--marge) - var(--w) - 2 * var(--bord) - 26px);box-shadow:0 18px 40px -16px rgba(0,0,0,.9)}
.recit-actif .cles__demande{max-width:min(320px,28vw);padding:10px 14px;top:calc(var(--y) + var(--bord) + 22px);
  border-radius:14px 14px 14px 4px;background:var(--surface2);border:1px solid var(--ligne2);color:var(--texte);font-size:14px;line-height:1.4;
  clip-path:inset(-20px calc((1 - var(--t)) * 100%) -20px -20px)}

.recit-actif .cles__reponse{max-width:min(360px,30vw);padding:10px 14px;bottom:calc(100% - var(--y) - var(--bord) - var(--h) + 12px);
  transform:translateY(var(--decale, 0px));
  border-radius:14px 14px 4px 14px;background:var(--papier);color:var(--encre);font-size:13.5px;line-height:1.4}
.recit-actif .cles__bulle--sans-place{visibility:hidden}
.recit-actif .cles__reponse b{display:block;margin-bottom:4px;font:var(--umm-etiquette-poids) 10px/1 var(--corps);
  letter-spacing:var(--umm-etiquette-interlettrage);text-transform:uppercase;opacity:.6}
.recit-actif .cles__pastille{padding:7px 13px;border-radius:99px;bottom:calc(100% - var(--y) - var(--bord) - var(--h) + 12px);
  font:var(--umm-etiquette-poids) 11.5px/1 var(--corps);letter-spacing:var(--umm-etiquette-interlettrage);text-transform:uppercase;
  background:var(--encre);border:1px solid var(--ligne2);color:var(--papier)}

@media (max-width:760px){
  .recit-actif .scene--cles{--w:min(50vw,210px,calc((var(--plafond, calc(100svh - var(--lecteur-h) - 136px)) - var(--haut-reserve) - 2 * var(--bord)) * 390 / 844));
    --h:calc(var(--w) * 844 / 390);--y:var(--haut-reserve)}
  .recit-actif .cles__ecran{left:calc(50% - var(--w) / 2 - var(--bord));border-radius:26px;transform:none}

  .recit-actif .cles__demande,.recit-actif .cles__reponse{left:50%;transform:translateX(-50%);
    width:max(calc(var(--w) + 36px),min(300px,calc(100% - 2 * var(--marge))));max-width:none;font-size:13px}
  .recit-actif .cles__pastille{left:50%;transform:translateX(-50%)}
  .recit-actif .cles__demande{top:min(calc(var(--y) + 30px),var(--haut-max,9999px))}
  .recit-actif .cles__reponse,.recit-actif .cles__pastille{bottom:auto;top:min(calc(var(--y) + var(--h) * .52),var(--haut-max,9999px))}

  .recit-actif .cles__textes{left:var(--marge);right:var(--marge);top:auto;bottom:calc(var(--lecteur-h) + 26px);transform:none;width:auto;text-align:center}
}

.recit-actif .scene--d-apres{--h-demo:min(76vh,600px,calc(100svh - var(--lecteur-h) - var(--haut-reserve) - 24px))}
.recit-actif .dapres__textes{position:absolute;left:var(--marge);top:var(--haut-reserve);width:min(460px,34vw);text-align:left;
  transform:translateY(max(0px, calc((100svh - var(--lecteur-h)) / 2 - var(--haut-reserve) - 50%)))}
.recit-actif .dapres__demo{display:block;position:absolute;right:var(--marge);margin:0;
  top:max(calc(var(--haut-reserve) + 12px), calc((100% - var(--lecteur-h) - var(--h-demo)) / 2));
  width:min(52vw,780px);height:var(--h-demo);pointer-events:none}
.recit-actif .dapres__fenetre{display:grid;grid-template-rows:auto auto minmax(0,1fr);position:absolute;inset:0 0 auto;height:70%;overflow:hidden;border-radius:12px;
  background:#101012;border:1px solid var(--ligne2);box-shadow:0 40px 90px -30px rgba(0,0,0,.9);
  transform:scale(calc(1 - clamp(0, (var(--p) - .18) / .06, 1) * .1));transform-origin:50% 30%}
.dapres__onglet{margin:0;padding:9px 14px;background:#18181B;border-bottom:1px solid var(--ligne2);white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;font:var(--umm-mention-poids) 12px/1 var(--corps);color:var(--doux)}
.dapres__champ{margin:10px 12px;padding:9px 12px;border-radius:9px;background:#0A0A0B;border:1px solid var(--ligne2);display:flex;justify-content:space-between;gap:10px;
  font-size:12.5px;color:var(--doux);min-width:0}
.dapres__champ span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dapres__colle{flex:none;padding:3px 8px;border-radius:6px;background:var(--papier);color:var(--encre);font:var(--umm-etiquette-poids) 11px/1.2 var(--corps)}

.dapres__reference{position:relative;margin:0 12px 12px;border-radius:8px;overflow:hidden;background:#19191C;display:grid;grid-template-rows:58% 1fr;gap:10px;padding:12px;min-height:0}
.dapres__ref-hero{border-radius:6px;background:linear-gradient(120deg,#2A2A2E,#45454A 55%,#2A2A2E);display:grid;align-content:end;gap:8px;padding:16px;overflow:hidden;min-height:0}
.dapres__ref-hero i{display:block;height:12px;border-radius:3px;background:rgba(255,255,255,.55)}
.dapres__ref-hero i:nth-child(1){width:52%;height:18px}
.dapres__ref-hero i:nth-child(2){width:34%;background:rgba(255,255,255,.28)}
.dapres__ref-cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dapres__ref-cartes i{border-radius:5px;background:#26262A}

.dapres__balayage{position:absolute;left:0;right:0;height:2px;background:var(--papier);box-shadow:0 0 18px 3px rgba(255,255,255,.35);
  top:calc(clamp(0, (var(--p) - .06) / .1, 1) * (100% - 2px));
  opacity:min(clamp(0, (var(--p) - .06) / .02, 1), clamp(0, (.16 - var(--p)) / .02, 1))}
.recit-actif .dapres__pastilles{display:flex;position:absolute;left:0;right:0;top:calc(70% + 14px);margin:0;padding:0;list-style:none;flex-wrap:wrap;gap:8px;justify-content:center}
.dapres__pastille{display:flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:99px;background:#161618;border:1px solid var(--ligne2);
  font:var(--umm-mention-poids) 12.5px/1 var(--corps);color:var(--texte);
  opacity:clamp(0, (var(--p) - .08 - var(--i) * .025) / .025, 1);transform:translateY(calc((1 - clamp(0, (var(--p) - .08 - var(--i) * .025) / .025, 1)) * 8px))}
.dapres__nuancier{display:flex}
.dapres__nuancier i{width:14px;height:14px;border-radius:50%;margin-left:-4px;border:1.5px solid #161618}
.dapres__nuancier i:first-child{margin-left:0}
.dapres__aa{font:300 15px/1 var(--corps);letter-spacing:-.04em;width:22px;text-align:center}
.dapres__pastille svg{width:16px;height:16px;stroke:var(--texte);fill:none;stroke-width:1.5}

.recit-actif .dapres__resultat{position:absolute;left:50%;top:50%;width:min(100%, calc((var(--h-demo) - 42px) * 1.6));transform:translate(-50%,-50%) scale(calc(.92 + var(--t) * .08));
  border-radius:12px;overflow:hidden;background:#0A0A0B;border:1px solid var(--ligne2);box-shadow:0 50px 110px -30px rgba(0,0,0,.95)}
.recit-actif .dapres__barre{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#141416;border-bottom:1px solid var(--ligne2);min-width:0}
.dapres__adresse{flex:none;margin-right:6px;padding:4px 10px;border-radius:99px;background:#0A0A0B;font:var(--umm-mention-poids) 11.5px/1 var(--corps);color:var(--doux)}
.dapres__onglets{display:flex;gap:4px;margin:0;padding:0;list-style:none;min-width:0;overflow:hidden}
.dapres__onglets li{padding:5px 10px;border-radius:7px;font:var(--umm-etiquette-poids) 11.5px/1 var(--corps);color:#77777A;white-space:nowrap;transition:background .3s,color .3s}
.dapres__onglets li.vue{background:var(--papier);color:var(--encre)}

.dapres__barre--serre{justify-content:center}
.dapres__barre--serre .dapres__onglets li{display:none}

.dapres__barre--serre .dapres__onglets li.vue{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}

@media (max-width:1240px){ .dapres__adresse{display:none} }

@media (max-height:500px){
  .recit-actif .dapres__sous{display:none}
  .recit-actif .dapres__textes{width:min(460px,40vw)}
  .recit-actif .dapres__fenetre{height:58%;grid-template-rows:auto minmax(0,1fr)}
  .recit-actif .dapres__pastilles{top:calc(58% + 10px)}
  .recit-actif .dapres__onglet{display:none}
  .recit-actif .dapres__champ{margin:6px 8px;padding:5px 10px;font-size:11.5px}
  .recit-actif .dapres__colle{padding:2px 6px}
  .recit-actif .dapres__reference{margin:0 8px 8px;padding:8px;gap:6px}
  .recit-actif .dapres__ref-hero{gap:4px;padding:8px}
  .recit-actif .dapres__ref-hero i{height:6px}
  .recit-actif .dapres__ref-hero i:nth-child(1){height:10px}
  .recit-actif .dapres__ref-cartes{gap:6px}
}

@media (max-width:760px){
  .recit-actif .dapres__resultat{width:auto;height:100%;aspect-ratio:390/878;display:grid;grid-template-rows:auto minmax(0,1fr);border:6px solid #070708;border-radius:26px}

  .recit-actif .dapres__barre{padding:7px 8px}
  .recit-actif .dapres__film{height:100%;aspect-ratio:auto;object-fit:cover;object-position:top}
}

@media (max-width:760px) and (min-height:501px){
  .recit-actif .scene--d-apres > .scene__cadre{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:16px;
    padding:var(--haut-reserve) var(--marge) calc(var(--lecteur-h) + 26px)}
  .recit-actif .dapres__textes{position:relative;left:auto;top:auto;transform:none;width:auto;flex:none;text-align:center}
  .recit-actif .dapres__sous{display:none}
  .recit-actif .dapres__demo{order:-1;position:relative;right:auto;top:auto;width:auto;height:auto;flex:1 1 0;min-height:0;max-height:560px}
  .recit-actif .dapres__fenetre{height:64%}
  .recit-actif .dapres__pastilles{top:calc(64% + 12px)}
}

.recit-actif .credits{position:absolute;inset:0 0 var(--lecteur-h);display:block;overflow:hidden;
  -webkit-mask-image:linear-gradient(to top,transparent 0,#000 48px);mask-image:linear-gradient(to top,transparent 0,#000 48px)}
.recit-actif .credits__roles{position:absolute;left:0;right:0;top:0;padding:0 var(--marge);gap:clamp(28px,5vh,56px);
  transform:translateY(calc(100vh - clamp(0, var(--p) / .7, 1) * (100vh + 100%)))}
.recit-actif .credits__fin{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);padding:0 var(--marge)}