html[data-ouverture=vue] .ouverture{display:none}html[data-ouverture=joue] body{overflow:hidden}.ouverture{--v:2.4;z-index:1000;background:var(--abysse);color:var(--clair);-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.ouverture.sortie{animation:.75s cubic-bezier(.6,0,.8,.4) forwards ov-sortie}@keyframes ov-sortie{to{opacity:0;transform:scale(1.03)}}.ov-grain{z-index:5;pointer-events:none;mix-blend-mode:soft-light;opacity:.35;background:url(/img/verre-sale.webp) 50%/cover;position:absolute;inset:0}.ov-plan{isolation:isolate;z-index:2;position:absolute;inset:0;overflow:hidden}.ov-plan.dessous{z-index:1}.ov-machine{font:700 clamp(11px, 1.5vmin, 15px)/1.3 var(--f-machine);letter-spacing:.22em;text-transform:uppercase;margin:0}.ov-bulles{z-index:4;pointer-events:none;position:absolute;inset:0}.ov-bulles i{aspect-ratio:1;border:1.5px solid #ece2cbb3;border-radius:50%;animation-name:ov-bulle;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-20px}.ov-bulles i.grappe{animation-name:ov-bulle-zig;box-shadow:9px 14px 0 -1px #ece2cb59,-6px 26px 0 -2px #ece2cb4d}@keyframes ov-bulle{0%{translate:0}25%{translate:calc(var(--amp) * .6) -27vh}50%{translate:calc(var(--amp) * -.3) -55vh}75%{translate:var(--amp) -82vh}to{translate:calc(var(--amp) * .2) -112vh}}@keyframes ov-bulle-zig{0%{translate:0}20%{translate:var(--amp) -22vh}40%{translate:calc(var(--amp) * -.8) -45vh}60%{translate:var(--amp) -67vh}80%{translate:calc(var(--amp) * -.5) -90vh}to{translate:0 -112vh}}.ov-hublot-plan{place-content:center;justify-items:center;gap:max(11vmin,70px);display:grid}.ov-hublot{aspect-ratio:1;width:min(44vmin,400px);animation:ov-iris calc(1.05s * var(--v)) cubic-bezier(.2, 1.35, .3, 1) both;position:relative}.ov-eau{background-blend-mode:luminosity, normal;animation:ov-eau calc(1.2s * var(--v)) ease-out both, ov-derive calc(6s * var(--v)) linear both;background:url(/gravures/fond-marin.webp) 50%/140%,radial-gradient(circle at 42% 35%,#2f6f7e,#0a1b25 72%) 0 0/cover;border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 60px #000c}@keyframes ov-derive{0%{background-position:30% 40%,50%}to{background-position:70% 60%,50%}}.ov-passe{will-change:translate;opacity:.85;filter:invert(.88)sepia(.5)hue-rotate(140deg)brightness(.9);mix-blend-mode:screen;width:52%;animation:4.6s cubic-bezier(.3,0,.7,1) .15s both ov-passe;position:absolute;top:24%;left:0;translate:210% -14%}@keyframes ov-passe{0%{translate:-115% 16%;rotate:10deg}50%{rotate:-4deg}to{translate:210% -14%;rotate:6deg}}.ov-bulle-h{aspect-ratio:1;border:1.5px solid #ece2cbb3;border-radius:50%;animation-name:ov-bulle-h;animation-timing-function:ease-in;animation-iteration-count:infinite;position:absolute;bottom:-10%}@keyframes ov-bulle-h{50%{translate:calc(var(--amp) * .4) 0}to{translate:calc(var(--amp) * -.2) 0;bottom:110%}}@keyframes ov-eau{0%{filter:brightness(0)}}.ov-anneau{background:repeating-conic-gradient(from 10deg, #f4dc9c 0 2.2deg, transparent 2.2deg 20deg), conic-gradient(from 30deg, #6c5128, #ead08f, #8a6a36, #c9a25b, #6c5128, #ead08f, #6c5128);filter:drop-shadow(0 18px 30px #0009);border-radius:50%;position:absolute;inset:-11%;-webkit-mask:radial-gradient(circle,#0000 0 66%,#000 66.5% 72%,#0000 72.5% 75%,#000 75.5% 100%);mask:radial-gradient(circle,#0000 0 66%,#000 66.5% 72%,#0000 72.5% 75%,#000 75.5% 100%)}@keyframes ov-iris{0%{opacity:0;rotate:-120deg;scale:.15}55%{opacity:1}to{rotate:none;scale:1}}.ov-tape{color:var(--laiton);clip-path:inset(0 100% 0 0);animation:ov-tape calc(.6s * var(--v)) steps(22) calc(.45s * var(--v)) forwards;font-size:clamp(14px,2.4vmin,24px)}@keyframes ov-tape{to{clip-path:inset(0)}}.ov-nom{color:var(--encre);animation:ov-flash calc(.22s * var(--v)) ease-out both, ov-secousse calc(.28s * var(--v)) calc(1.08s * var(--v));background:url(/social/fonds/papier-vieux.jpg) 50%/cover;place-items:center;display:grid}@keyframes ov-flash{0%{opacity:0;scale:1.06}}@keyframes ov-secousse{25%{translate:-7px 4px}50%{translate:6px -3px}75%{translate:-3px 2px}}.ov-planche{background:var(--papier-clair);width:min(38vmin,380px);box-shadow:var(--ombre-papier);animation:ov-colle calc(.6s * var(--v)) cubic-bezier(.2, 1.5, .4, 1) calc(.12s * var(--v)) both;padding:1.1vmin;position:absolute;top:50%;right:7vw;translate:0 -50%;rotate:6deg}.ov-planche img{width:100%;display:block}.ov-planche .scotch{z-index:2;top:-12px;left:34%;rotate:-4deg}@keyframes ov-colle{0%{opacity:0;rotate:-14deg;scale:1.6}50%{opacity:1}}.ov-tentacule{mix-blend-mode:multiply;width:min(30vmin,300px);animation:ov-surgit calc(.75s * var(--v)) cubic-bezier(.2, 1.25, .3, 1) both;position:absolute}.ov-tentacule.t1{--dx:-30vmin;--dy:-30vmin;animation-delay:calc(50ms * var(--v));top:-7vmin;left:-5vmin;rotate:150deg}.ov-tentacule.t2{--dx:30vmin;--dy:-30vmin;animation-delay:calc(.2s * var(--v));top:-9vmin;right:-6vmin;rotate:-150deg}.ov-tentacule.t3{--dx:-30vmin;--dy:30vmin;animation-delay:calc(.35s * var(--v));bottom:-8vmin;left:-6vmin;rotate:25deg}.ov-tentacule.t4{--dx:0;--dy:40vmin;animation-delay:calc(.5s * var(--v));bottom:-14vmin;right:4vw;rotate:-10deg}@keyframes ov-surgit{0%{translate:var(--dx) var(--dy)}}.ov-titre{z-index:3;justify-items:start;margin-right:min(30vw,360px);display:grid;position:relative}.ov-bande{font:400 clamp(60px, 15vmin, 190px)/.92 var(--f-titre);background:var(--papier-clair);box-shadow:var(--ombre-papier);animation:ov-claque calc(.42s * var(--v)) cubic-bezier(.2, 1.6, .4, 1) both;padding:.14em .36em .06em;display:block}.ov-bande.b1{animation-delay:calc(.22s * var(--v));rotate:-3deg}.ov-bande.b2{background:var(--encre);color:var(--papier-clair);animation-delay:calc(.55s * var(--v));margin:-.08em 0 0 .55em;rotate:2deg}@keyframes ov-claque{0%{opacity:0;translate:0 -40px;scale:2.3}55%{opacity:1}}.ov-tampon{z-index:4;font:700 clamp(18px, 4vmin, 42px)/1 var(--f-machine);letter-spacing:.18em;text-transform:uppercase;color:var(--corail);mix-blend-mode:multiply;animation:ov-tampon calc(.3s * var(--v)) cubic-bezier(.3, 1.8, .5, 1) calc(1.02s * var(--v)) both;background:#fbf6ea59;border:3px double;padding:.5em .75em;position:absolute;bottom:-2.9em;right:-.4em;rotate:-9deg}@keyframes ov-tampon{0%{opacity:0;scale:3.2}}.ov-legende{color:var(--encre-douce);white-space:nowrap;animation:ov-apparait calc(.4s * var(--v)) calc(1.3s * var(--v)) both;position:absolute;bottom:8vh;left:50%;translate:-50%}@keyframes ov-apparait{0%{opacity:0;translate:-50% 8px}}.ov-bras{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:center;gap:4vw;padding:8vh 6vw;animation:.18s cubic-bezier(.3,.7,.2,1) both ov-coupe;display:grid}.ov-bras.gauche{--entre:inset(0 0 0 100%);--sens:1}.ov-bras.droite{--entre:inset(0 100% 0 0);--sens:-1}.ov-bras.droite .ov-illu{order:2}@keyframes ov-coupe{0%{clip-path:var(--entre)}to{clip-path:inset(0)}}.ov-bras.f0{color:var(--encre);background:url(/social/fonds/papier.jpg) 50%/cover}.ov-bras.f1{color:var(--clair);background:radial-gradient(at 30% 0,#62c6b82e,#0000 60%),linear-gradient(#123447,#06111a)}.ov-bras.f2{background-blend-mode:normal, multiply;color:var(--papier-clair);background:radial-gradient(at 70% 20%,#ffffff2e,#0000 60%),#2f8f8a url(/img/verre-sale.webp) 50%/cover}.ov-num{font:400 clamp(220px, 62vmin, 760px)/.8 var(--f-titre);color:#0000;-webkit-text-stroke:3px currentColor;opacity:.28;pointer-events:none;animation:ov-num calc(var(--d) * 1.1) ease-out both;position:absolute;top:50%;translate:0 -54%}.gauche .ov-num{right:3vw}.droite .ov-num{left:3vw}@keyframes ov-num{0%{translate:calc(var(--sens) * 8vw) -54%}}.ov-illu{animation:ov-colle-illu calc(var(--d) * .6) cubic-bezier(.2, 1.5, .4, 1) both;justify-self:center;position:relative}.ov-illu img{display:block}.ov-illu.planche{background:var(--papier-clair);box-shadow:var(--ombre-papier);rotate:calc(var(--sens) * -3deg);padding:1vmin}.ov-illu.planche img{width:auto;max-width:38vw;max-height:62vh}.ov-illu.planche .scotch{z-index:2;top:-12px;left:40%;rotate:-3deg}.ov-illu.bete{background:var(--papier-clair) url(/social/fonds/papier-clair.jpg) center / cover;rotate:calc(var(--sens) * 2deg);padding:4vmin}.ov-illu.bete img{object-fit:contain;width:min(40vmin,420px);max-height:52vh}@keyframes ov-colle-illu{0%{scale:1.45;rotate:calc(var(--sens) * 12deg);opacity:0}45%{opacity:1}}.ov-texte{justify-items:start;gap:2vmin;display:grid;position:relative}.ov-texte .ov-machine{opacity:.8;animation:ov-glisse calc(var(--d) * .5) cubic-bezier(.2, 1.2, .3, 1) both;font-size:clamp(12px,1.9vmin,19px)}.ov-mot{font:400 clamp(52px, 14vmin, 200px)/.9 var(--f-titre);text-wrap:balance;animation:ov-glisse calc(var(--d) * .55) cubic-bezier(.2, 1.25, .3, 1) calc(var(--d) * .05) both;margin:0}.f2 .ov-mot{background:var(--papier-clair);color:var(--encre);padding:.16em .32em .08em;rotate:-1.5deg}.ov-sous{font:italic 400 clamp(19px, 3.6vmin, 40px)/1.2 var(--f-texte);animation:ov-glisse calc(var(--d) * .5) ease-out calc(var(--d) * .18) both;margin:0}@keyframes ov-glisse{0%{translate:calc(var(--sens) * 9vw) 0;opacity:0}}.ov-compteur{gap:10px;display:flex;position:absolute;bottom:4.5vh;left:50%;translate:-50%}.ov-compteur i{aspect-ratio:1;opacity:.5;border:1.5px solid;border-radius:50%;width:9px}.ov-compteur i.on{background:var(--laiton);border-color:var(--laiton);opacity:1}.ov-pieuvre{animation:ov-flash calc(.25s * var(--v)) ease-out both;background:radial-gradient(at 50% 30%,#1b4655,#0a1b25 55%,#06111a);place-items:center;display:grid}.ov-rayons{background:repeating-conic-gradient(from 0deg at 50% -10%, #a0d2d212 0 4deg, transparent 4deg 11deg);animation:ov-tourne calc(6s * var(--v)) linear infinite;position:absolute;inset:-20%}@keyframes ov-tourne{to{rotate:8deg}}.ov-bete{filter:invert(.9)sepia(.45)brightness(1.05)drop-shadow(0 0 40px #62c6b840);width:min(46vmin,480px);animation:ov-monte-bete calc(.9s * var(--v)) cubic-bezier(.2, 1.2, .3, 1) both;position:relative}@keyframes ov-monte-bete{0%{opacity:0;translate:0 40vh;rotate:-20deg;scale:.5}}.ov-anneau-bras{--rx:min(40vw, 520px);--ry:min(36vh, 330px);margin:0;padding:0;list-style:none;position:absolute;inset:0}.ov-anneau-bras li{--b:calc(var(--a) + var(--decal,22.5deg));translate:calc(-50% + cos(var(--b)) * var(--rx)) calc(-50% + sin(var(--b)) * var(--ry));position:absolute;top:47%;left:50%}.ov-anneau-bras span{white-space:nowrap;font:400 clamp(17px, 3.3vmin, 34px)/1 var(--f-titre);color:var(--encre);background:var(--papier-clair);rotate:calc((var(--i) - 3.5) * 1.2deg);animation:ov-etiquette calc(.35s * var(--v)) cubic-bezier(.2, 1.7, .4, 1) calc(.35s * var(--v) + var(--i) * .14s) both;padding:.4em .65em .3em;display:block;box-shadow:0 10px 24px -10px #000000b3}@keyframes ov-etiquette{0%{opacity:0;scale:0}}.ov-devise{text-align:center;font:italic 400 clamp(26px, 5.2vmin, 64px)/1 var(--f-titre);color:var(--laiton-clair);animation:ov-apparait-d calc(.5s * var(--v)) ease-out calc(1.05s * var(--v)) both;margin:0;position:absolute;bottom:7vh;left:0;right:0}@keyframes ov-apparait-d{0%{opacity:0;letter-spacing:.08em;translate:0 12px}}.ov-plonge{background:radial-gradient(at 50% 30%,#1b4655,#0a1b25 55%,#06111a)}.ov-vague{height:160vh;animation:ov-vague calc(.75s * var(--v)) cubic-bezier(.45, 0, .3, 1) both, ov-roule calc(3s * var(--v)) linear infinite;background-position:0 0,0 33vh;background-repeat:repeat-x,no-repeat;background-size:auto 34vh,100% 100%;position:absolute;top:100%;left:-10%;right:-10%}.ov-vague.v1{--h:105vh;animation-delay:calc(0s * var(--v)), calc(0s * var(--v));background-image:url(/gravures/surface/vagues-fond.webp),linear-gradient(#ebe3cf,#ebe3cf)}.ov-vague.v2{--h:92vh;animation-delay:calc(80ms * var(--v)), calc(0s * var(--v));background-image:url(/gravures/surface/vagues-milieu.webp),linear-gradient(#ebe3cf,#ebe3cf)}.ov-vague.v3{--h:80vh;animation-delay:calc(.16s * var(--v)), calc(0s * var(--v));background-image:url(/gravures/surface/vagues-devant.webp),linear-gradient(#ebe3cf,#ebe3cf)}@keyframes ov-vague{0%{translate:0 -30vh}to{translate:0 calc(-1 * var(--h))}}@keyframes ov-roule{to{background-position:-600px 0,0 33vh}}.ov-mer{animation:ov-mer calc(.45s * var(--v)) ease-in calc(.42s * var(--v)) both;background:#ebe3cf;position:absolute;inset:0}@keyframes ov-mer{0%{translate:0 100%}}.ov-plongez{font:italic 400 clamp(40px, 9vmin, 120px)/1 var(--f-titre);color:var(--encre);animation:ov-plongez calc(.45s * var(--v)) ease-out calc(.55s * var(--v)) both;place-items:center;margin:0;display:grid;position:absolute;inset:0}@keyframes ov-plongez{0%{opacity:0;scale:1.25}}.ov-plan.attente{opacity:0;pointer-events:none;z-index:0}.ov-plan.attente,.ov-plan.attente *{animation-play-state:paused!important}.ov-plan.passe{display:none}.ov-passer{z-index:6;cursor:pointer;font:700 12px/1 var(--f-machine);letter-spacing:.16em;text-transform:uppercase;color:var(--clair);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06111a9e;border:1px solid #c9a25bb3;border-radius:999px;padding:10px 16px;position:absolute;bottom:clamp(14px,3vh,30px);right:clamp(14px,3vw,34px)}.ov-passer:hover,.ov-passer:focus-visible{background:var(--laiton);color:var(--encre);outline:none}@media (max-aspect-ratio:1){.ov-planche{width:min(46vw,260px);top:14vh;left:50%;right:auto;translate:-50%}.ov-titre{justify-items:center;margin:26vh 0 0}.ov-bande.b2{margin-left:.2em}.ov-tampon{bottom:-3.2em;right:50%;translate:50%}.ov-tentacule{width:40vw}.ov-tentacule.t4{right:-8vw}.ov-bras{text-align:left;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:center;gap:5vh;padding:10vh 7vw 12vh}.ov-bras.droite .ov-illu{order:0}.ov-illu.planche img{max-width:70vw;max-height:36vh}.ov-illu.bete img{width:46vw;max-height:30vh}.ov-num{font-size:70vw;top:22%}.ov-anneau-bras{--rx:31vw;--ry:30vh;--decal:0deg}.ov-anneau-bras span{white-space:normal;text-align:center;max-width:34vw;font-size:14px}.ov-bete{width:44vw}.ov-legende{white-space:normal;text-align:center;width:90vw}}