dialog.vis{--vis-colonne:clamp(13rem, 25vw, 26rem);--vis-gouttiere:calc(var(--marge) * 2);--vis-z-quittee:1;--vis-z-en-cours:2;width:100%;max-width:none;height:100dvh;max-height:none;padding:0 var(--marge) var(--marge);color:var(--texte);background:0 0;border:0;margin:0;position:fixed;inset:0;overflow:clip}dialog.vis[open]{grid-template-columns:var(--vis-colonne) minmax(0, 1fr);grid-template-rows:var(--nav-h) minmax(0, 1fr) auto auto auto;column-gap:var(--vis-gouttiere);grid-template-areas:"tete scene""titre scene""action scene""compteur scene""fleches vignettes";display:grid}dialog.vis::backdrop{background:0 0}dialog.vis:focus{outline:none}.vis-fond{background-color:var(--fond);opacity:0;position:absolute;inset:0}dialog.vis[data-entree=vol][data-etat] .vis-fond{opacity:1;transition:opacity .52s var(--ease-out)}dialog.vis[data-entree=volet] .vis-fond{opacity:1;clip-path:inset(100% 0 0)}dialog.vis[data-entree=volet][data-etat] .vis-fond{clip-path:inset(0);transition:clip-path .8s var(--ease-expo)}.vis-filet{top:0;bottom:0;left:calc(var(--marge) + var(--vis-colonne) + var(--vis-gouttiere) / 2);background-color:var(--trait);transform-origin:top;width:1px;position:absolute;transform:scaleY(0)}dialog.vis[data-etat=ouvert] .vis-filet{transition:transform 1.3s var(--ease-expo) .2s;transform:none}.vis-tete,.vis-titre,.vis-action,.vis-compteur,.vis-fleches,.vis-scene,.vis-vignettes{position:relative}.vis-tete{grid-area:tete;place-self:center start}.vis-bouton{height:3rem;color:var(--texte-fort);font-family:var(--font-sans), "Helvetica Neue", Arial, sans-serif;letter-spacing:.05em;text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:transform var(--d-presse) var(--ease-out);background:0 0;border:0;align-items:center;gap:.625rem;padding:0;font-size:.78125rem;font-weight:500;line-height:1;display:inline-flex}.vis-bouton:active{transform:scale(.97)}.vis-bouton>svg{width:1.125rem;height:1.125rem;transition:transform var(--d-survol) var(--ease-out);flex:none}.vis-bouton-libelle{padding-block:.4375rem;position:relative}.vis-bouton-libelle:after{content:"";transform-origin:100%;height:1px;transition:transform var(--d-survol) var(--ease-out);background-color:currentColor;position:absolute;inset:auto 0 0;transform:scaleX(0)}.vis-titre{grid-area:titre;align-self:start;padding-top:clamp(1.25rem,5dvh,4rem);container-type:inline-size}.vis-nom{font-family:var(--font-serif), "Times New Roman", Times, serif;font-size:min(var(--t-titre-2), calc(100cqi / (var(--long) * .435)));letter-spacing:-.025em;color:var(--texte-fort);text-wrap:balance;font-weight:400;line-height:.98}.vis-nom-masque{margin-block:calc(var(--reserve-haut) * -1) calc(var(--reserve-bas) * -1);padding-block:var(--reserve-haut) var(--reserve-bas);display:block;overflow:visible clip}.vis-nom-monte{transform:translateY(calc(100% + var(--reserve-haut) + var(--reserve-bas)));display:block}dialog.vis[data-etat=ouvert] .vis-nom-monte{transition:transform 1.2s var(--ease-expo) .18s;transform:none}.vis-mot{white-space:nowrap}.vis-mention{margin-top:clamp(1rem,2.4dvh,1.75rem)}.vis-mention+.mention{margin-top:.25rem}.vis-action{grid-area:action;justify-self:start;padding-bottom:clamp(1.25rem,3.4dvh,2.25rem)}.vis-compteur{font-size:var(--t-titre-3);color:var(--texte-fort);font-variant-numeric:lining-nums tabular-nums;grid-area:compteur;align-self:end;align-items:center;gap:.4em;padding-bottom:.25rem;line-height:1;display:flex}.vis-compteur-masque{padding-block:.08em;display:inline-block;overflow-y:clip}.vis-compteur-chiffre{animation:vis-chiffre-monte .62s var(--ease-expo) both;display:inline-block}.vis-compteur-chiffre[data-sens="-1"]{animation-name:vis-chiffre-descend}.vis-compteur-total{color:var(--doux)}@keyframes vis-chiffre-monte{0%{transform:translateY(115%)}}@keyframes vis-chiffre-descend{0%{transform:translateY(-115%)}}.vis-fleches{grid-area:fleches;align-self:center;gap:.5rem;display:flex}.vis-fleche{width:3rem;height:3rem;color:var(--texte-fort);transition:transform var(--d-presse) var(--ease-out), opacity var(--d-survol) var(--ease-out);background:0 0;border:0;padding:0;display:block;position:relative}.vis-fleche:active{transform:scale(.97)}.vis-fleche:disabled{opacity:.3;pointer-events:none}.vis-fleche-face{border:1px solid var(--trait);place-items:center;display:grid;position:absolute;inset:0}.vis-fleche-face>svg{width:1.25rem;height:1.25rem}.vis-fleche-survol{border-color:var(--inverse-fond);background-color:var(--inverse-fond);color:var(--inverse-texte);clip-path:inset(0 0 0 100%);transition:clip-path var(--d-sortie) var(--ease-out)}.vis-fleche[data-vers=apres] .vis-fleche-survol{clip-path:inset(0 100% 0 0)}.vis-scene{min-width:0;min-height:0;margin-top:var(--marge);isolation:isolate;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;cursor:grab;grid-area:scene;display:grid;overflow:clip;container-type:size}.vis-scene[data-vol]{overflow:visible}.vis-scene[data-glisse]{cursor:grabbing}.vis-vue{width:min(100cqw, calc(100cqh * var(--r)));aspect-ratio:var(--r);visibility:hidden;grid-area:1/1;place-self:center;margin:0;position:relative;overflow:clip}.vis-image{object-fit:contain;-webkit-user-drag:none;width:100%;height:100%;display:block}.vis-vue>video{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .3s var(--ease-out);display:block;position:absolute;inset:0}.vis-vue>video[data-joue]{opacity:1}.vis-vue[data-etat=active]{z-index:var(--vis-z-en-cours);visibility:visible}.vis-vue[data-etat=sortante]{z-index:var(--vis-z-quittee);visibility:visible;animation:vis-sort .6s var(--ease-out) both}.vis-vue[data-etat=sortante]>:is(.vis-image,video){animation:vis-recule-gauche .6s var(--ease-expo) both}.vis-scene[data-sens="-1"] .vis-vue[data-etat=sortante]>:is(.vis-image,video){animation-name:vis-recule-droite}.vis-scene[data-retour] .vis-vue[data-etat=active]{transition:transform .42s var(--ease-out)}.vis-vue[data-etat=active][data-arrivee=cote]{animation:vis-entre-droite .6s var(--ease-expo) both}.vis-scene[data-sens="-1"] .vis-vue[data-etat=active][data-arrivee=cote]{animation-name:vis-entre-gauche}.vis-vue[data-etat=active][data-arrivee=cote]>:is(.vis-image,video){animation:vis-pose-droite .8s var(--ease-expo) both}.vis-scene[data-sens="-1"] .vis-vue[data-etat=active][data-arrivee=cote]>:is(.vis-image,video){animation-name:vis-pose-gauche}.vis-scene .vis-vue[data-arrivee=direct],.vis-scene[data-sens] .vis-vue[data-etat][data-arrivee=direct]>:is(.vis-image,video){animation:none}.vis-vue[data-etat=sortante][data-arrivee=direct]{visibility:hidden}dialog.vis[data-entree=volet] .vis-vue[data-etat=active][data-arrivee=ouverture]{animation:vis-leve 1.1s var(--ease-expo) .14s both}dialog.vis[data-entree=volet] .vis-vue[data-etat=active][data-arrivee=ouverture]>:is(.vis-image,video){animation:vis-dezoome 1.4s var(--ease-expo) .14s both}@keyframes vis-entre-droite{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes vis-entre-gauche{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes vis-pose-droite{0%{transform:translate(9%)scale(1.14)}}@keyframes vis-pose-gauche{0%{transform:translate(-9%)scale(1.14)}}@keyframes vis-sort{50%{opacity:1}to{opacity:0}}@keyframes vis-recule-gauche{to{transform:translate(-7%)scale(1.04)}}@keyframes vis-recule-droite{to{transform:translate(7%)scale(1.04)}}@keyframes vis-leve{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes vis-dezoome{0%{transform:scale(1.2)}}.vis-vignettes{height:4rem;margin-top:var(--marge);overscroll-behavior:contain;scrollbar-width:none;grid-area:vignettes;gap:.5rem;display:flex;overflow:auto hidden}.vis-vignettes::-webkit-scrollbar{display:none}.vis-vignettes>li{flex:none;height:100%}.vis-vignette{height:100%;aspect-ratio:var(--r);background-color:var(--surface);opacity:.4;transition:opacity var(--d-survol) var(--ease-out), transform var(--d-presse) var(--ease-out);border:0;padding:0;display:block;position:relative;overflow:clip}.vis-vignette>img{object-fit:cover;width:100%;height:100%;display:block}.vis-vignette[aria-current=true]{opacity:1}.vis-vignette:active{transform:scale(.97)}.vis-vignette:focus-visible{outline-offset:-2px;opacity:1}.vis-vignette:after{content:"";background-color:var(--texte-fort);transform-origin:0;height:2px;transition:transform .3s var(--ease-in-out);position:absolute;inset:auto 0 0;transform:scaleX(0)}.vis-vignette[aria-current=true]:after{transition:transform .7s var(--ease-expo);transform:none}@media (hover:hover) and (pointer:fine){.vis-bouton:hover .vis-bouton-libelle:after{transform-origin:0;transform:none}.vis-bouton:hover>svg{transform:rotate(90deg)}.vis-fleche:hover .vis-fleche-survol{clip-path:inset(0);transition-duration:var(--d-survol)}.vis-vignette:hover{opacity:1}}.vis-anime{opacity:0;transform:translateY(.875rem)}dialog.vis[data-etat=ouvert] .vis-anime{opacity:1;transition:opacity .7s var(--ease-out) var(--retard,0s), transform 1s var(--ease-expo) var(--retard,0s);transform:none}dialog.vis[data-etat=ferme]{opacity:0;transition:opacity .24s var(--ease-out)}dialog.vis[data-etat=ferme] :is(.vis-anime,.vis-nom-monte,.vis-filet){opacity:1;transform:none}@media (max-aspect-ratio:1){dialog.vis{padding-bottom:max(var(--marge), env(safe-area-inset-bottom))}dialog.vis[open]{grid-template:"tete compteur fleches"3.75rem"titre titre titre""scene scene scene"minmax(0,1fr)"vignettes vignettes vignettes""action action action"/minmax(0,1fr) auto auto;column-gap:1rem}.vis-filet{display:none}.vis-titre{padding-top:.5rem}.vis-nom{font-size:min(clamp(2.75rem, 13.5vw, 6.5rem), calc(100cqi / (var(--long) * .435)))}.vis-mention{margin-top:.875rem}.vis-compteur{align-self:center;padding-bottom:0;font-size:1.375rem}.vis-fleches{gap:.375rem}.vis-fleche{width:2.75rem;height:2.75rem}.vis-scene{margin-top:1.25rem}.vis-vignettes{height:3.5rem;margin-top:1.25rem;margin-inline:calc(var(--marge) * -1);padding-inline:var(--marge);scroll-padding-inline:var(--marge)}.vis-vignette{min-width:2.75rem}.vis-action{justify-self:stretch;padding:.75rem 0 0}.vis-action .bouton,.vis-action .bouton-corps{width:100%;display:flex}.vis-action .bouton-face{justify-content:space-between;width:100%}}@media (min-aspect-ratio:1) and (max-height:30rem){dialog.vis[open]{grid-template-rows:3.5rem minmax(0,1fr) auto auto auto}.vis-action{padding-bottom:.5rem}.vis-titre{padding-top:.25rem}.vis-scene{margin-top:.75rem}.vis-vignettes{height:3rem;margin-top:.75rem}}