.panneau{backdrop-filter:blur(6px)saturate(1.2);background:linear-gradient(165deg,#ffffff52 0%,#ffffff75 100%);border:0;border-radius:32px;padding:1.85rem;position:relative;box-shadow:inset 10px 12px 22px -12px #0000001c,inset -10px -12px 20px -12px #fff,inset -1.5px -2px 1px -.5px #fff,-1px -1px 3px #ffffffe6,6px 12px 18px -8px #0000001f,18px 36px 70px -30px #00000047}html[data-scene] .recit[data-decor] .panneau,html[data-scene] .etape[data-clairiere] .panneau{backdrop-filter:blur(16px)saturate(1.15);background:linear-gradient(165deg,#ffffff80 0%,#ffffff9e 100%)}.tranche{display:none}.surtitre{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);align-items:center;gap:.6rem;font-size:.78rem;font-weight:600;display:flex}.puce{font-variant-numeric:tabular-nums;letter-spacing:.04em;background:#cd853f1a;border:1px solid #a7652873;border-radius:9999px;place-items:center;min-width:2.3rem;padding:.1rem .5rem;display:inline-grid}.titre-etape{letter-spacing:-.02em;text-wrap:balance;margin-top:.6rem;font-size:clamp(1.45rem,2vw,1.85rem);font-weight:700;line-height:1.15}.titre-promesse{font-size:clamp(2.4rem,3.8vw,3.6rem)}.panneau .texte{margin-top:.85rem;line-height:1.6}.panneau .verre{padding:.55rem 1.15rem;font-size:.95rem}@media (width>=64rem){html[data-scene] .pile{width:min(35rem,46vw);transform-style:preserve-3d;transform-origin:calc(50% - var(--cote) * 35%) 50%;transform:rotateY(calc(var(--cote) * 11deg + var(--souris-x,0) * 6deg)) rotateX(calc(2deg - var(--souris-y,0) * 5deg));transition:transform .7s cubic-bezier(.2,.7,.2,1),translate .6s,scale .6s;position:relative}html[data-scene] .tranche{transform-style:preserve-3d;pointer-events:none;display:block;position:absolute;inset:0}html[data-scene] .tranche span{transform:translateZ(calc(var(--couche) * -1.7px));mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box xor, linear-gradient(#000 0 0);background:#eef0ee99;border-radius:32px;padding:3px;transition:opacity .6s;position:absolute;inset:0}html[data-scene] .panneau{transition:opacity .6s}}@media (width<=63.99rem){html[data-scene][data-scene-etroite] .pile{transform-style:preserve-3d;transform-origin:50% 100%;transition:translate .6s,scale .6s;position:relative;transform:rotateX(3deg)}html[data-scene][data-scene-etroite] .tranche{transform-style:preserve-3d;pointer-events:none;display:block;position:absolute;inset:0}html[data-scene][data-scene-etroite] .tranche span{transform:translateZ(calc(var(--couche) * -1.7px));mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box xor, linear-gradient(#000 0 0);background:#eef0ee99;border-radius:24px;padding:3px;position:absolute;inset:0}html[data-scene][data-scene-etroite] .tranche span:nth-child(n+5){display:none}html[data-scene][data-scene-etroite] .panneau{border-radius:24px;padding:1.25rem}html[data-scene][data-scene-etroite] .titre-promesse{font-size:clamp(2rem,9vw,2.6rem)}html[data-scene][data-scene-etroite] :is(.scene-commandes,.scene-etapes,.scene-coordonnees){display:none}html[data-scene][data-scene-etroite] .scene-credit{top:max(1rem, env(safe-area-inset-top));bottom:auto;left:1rem}}.scene-toile{opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.scene.est-prete .scene-toile{opacity:1}.scene-commandes{pointer-events:auto;align-items:center;gap:.5rem;font-size:.85rem;display:none;position:absolute;bottom:1.4rem;right:2rem}.scene.est-prete .scene-commandes{display:flex}.scene-visite{gap:.5rem;padding-inline:1rem 1.25rem}.scene-visite[data-lecture],.fenetre-video-lecture[data-lecture]{--verre-anneau:inset 2px 3px 6px #0000001f;color:var(--color-primary-800)}.scene-visite[data-lecture] .icone-lecture,.fenetre-video-lecture[data-lecture] .icone-lecture{clip-path:none;background:0 0;border-inline:.22rem solid;border-radius:1px}.icone-lecture{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:.7rem;height:.8rem}.scene-etiquettes{position:absolute;inset:0;overflow:hidden}.scene-etiquette{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--color-primary-800);backdrop-filter:blur(8px);opacity:0;will-change:transform, opacity;background:#ffffffbf;border:1px solid #ffffffe6;border-radius:9999px;padding:.22rem .6rem;font:600 .68rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:0;left:0;box-shadow:0 6px 18px -10px #2d501680}.scene-etiquette-structure{border-radius:1.1rem;grid-template-rows:auto auto;grid-template-columns:auto auto;place-items:center;gap:.3rem .55rem;padding:.45rem .65rem .5rem .5rem;display:grid}.scene-etiquette-structure img{object-fit:contain;grid-row:1/3;width:2.9rem;height:2.9rem}.scene-etiquette-structure .verre{min-height:0;font:500 .78rem/1.2 var(--font-sans);letter-spacing:normal;text-transform:none;padding:.35rem .85rem}.scene-etiquette-structure[data-cliquable] .verre{pointer-events:auto}.scene-etiquette-territoire{color:var(--color-accent)}.scene-etiquette-a-droite{white-space:normal;border-radius:.8rem;width:max-content;max-width:12.5rem}.scene-etiquette-objet{border-radius:.55rem;flex-direction:column;align-items:center;display:flex}.scene-etiquette-point{display:none}@media (width<=63.99rem){html[data-scene-etroite] .scene-etiquette-objet{letter-spacing:.06em;text-align:center;white-space:normal;max-width:6rem;padding:.14rem .45rem;font-size:.54rem;line-height:1.15}}@media (width>=64rem){html[data-scene] :is(.recit,.schema):after{content:"";height:100svh;display:block}}@media (width<=63.99rem){html[data-scene][data-scene-etroite] .recit:after{content:"";height:100svh;display:block}}.scene-commandes,.scene-etapes,.scene-coordonnees{transition:opacity .5s,visibility .5s}.scene.au-pied :is(.scene-commandes,.scene-etapes,.scene-coordonnees){opacity:0;visibility:hidden}:is(.recit>.etape,.schema-heros,.scene-etiquettes){transition:opacity .5s,visibility .5s}html:has(.scene.au-pied) :is(.recit>.etape,.schema-heros,.schema-panneau,.scene-etiquettes){opacity:0;visibility:hidden}.scene-etapes{backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #ffffffe6;border-radius:9999px;gap:.4rem;padding:.55rem .7rem;display:flex;position:absolute;bottom:4.6rem;left:50%;translate:-50%}.scene-etapes li{background:#2d501640;border-radius:9999px;width:.5rem;height:.5rem;transition:width .4s,background-color .4s}.scene-etapes li.est-active{background:var(--color-accent-vif);width:1.4rem}.scene-coordonnees{backdrop-filter:blur(10px);letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:#2d5016bf;background:#ffffffc7;border:1px solid #ffffffe6;border-radius:9999px;gap:1.2rem;padding:.6rem .9rem;font:500 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;bottom:1.6rem;left:50%;translate:-50%}html[data-verre] :is(.verre,.scene-etiquette,.scene-etapes,.scene-coordonnees,.scene-carte,.menu-deplie),html[data-verre] :is(.formulaire,.formulaire-lettre) :is(input:not([type=submit]),select,textarea),html[data-verre] .entete-logo:before{backdrop-filter:none}html[data-verre] .scene-carte{background:linear-gradient(165deg,#ffffffbd 0%,#fff9 100%)}html[data-verre] .menu-deplie{background:linear-gradient(165deg,#ffffffd1 0%,#ffffffe6 100%)}html[data-verre] .entete-logo:before{background:linear-gradient(165deg,#ffffffd6 0%,#ffffffeb 100%)}html[data-verre] :is(.formulaire,.formulaire-lettre) :is(input:not([type=submit]),select,textarea){background:#ffffffa8}html[data-verre=aucun] .panneau{backdrop-filter:none;background:linear-gradient(165deg,#ffffff9e 0%,#ffffffbd 100%)}html[data-verre=aucun][data-scene] :is(.recit[data-decor],.etape[data-clairiere]) .panneau{backdrop-filter:none;background:linear-gradient(165deg,#ffffffc7 0%,#ffffffdb 100%)}
