.vd-motion-epices{--vm-papier:#FBF8F4;--vm-creme:#F4EDE2;--vm-creme-fonce:#F1E8D6;--vm-bordeaux:#8B1A1A;--vm-bordeaux-profond:#6E1111;--vm-or:#C2A05C;--vm-or-pale:#DDC99E;--vm-or-fonce:#A6813F;--vm-os:#E7DDC7;--vm-encre:#3B2E27;--vm-encre-70:rgba(59,46,39,.7);--vm-encre-45:rgba(59,46,39,.45);--vm-encre-22:rgba(59,46,39,.22);--vm-serif:"Didot","Bodoni 72","Hoefler Text","Playfair Display",Garamond,Georgia,"Times New Roman",serif;--vm-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--vm-doux:cubic-bezier(.22,.61,.36,1);--vm-entrant:cubic-bezier(.16,.84,.44,1);background:var(--vm-papier);color:var(--vm-encre);font-family:var(--vm-sans);overflow:hidden}.vd-motion-epices *{box-sizing:border-box}.vd-motion-epices .vm-wrap{max-width:1600px;margin:0 auto;padding:0 20px}.vd-motion-epices .vm-intro{max-width:860px;margin:0 0 30px}.vd-motion-epices .vm-eyebrow{display:block;margin:0 0 14px;font-family:var(--vm-serif);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--vm-or-fonce)}.vd-motion-epices .vm-h2{margin:0;font-family:var(--vm-serif);font-weight:400;font-size:clamp(30px,4.4vw,52px);line-height:1.1;color:var(--vm-bordeaux)}.vd-motion-epices .vm-filet{width:88px;height:1px;background:var(--vm-or);margin:20px 0 18px}.vd-motion-epices .vm-chapeau{margin:0;font-size:clamp(15px,1.5vw,18px);line-height:1.62;color:var(--vm-encre-70);max-width:64ch}.vd-motion-epices .vm-viewport{position:relative;width:100%;overflow:hidden}.vd-motion-epices .vm-canvas{position:absolute;left:0;top:0;width:1600px;height:900px;transform-origin:0 0;--vm-max:1}.vd-motion-epices .vm-logo{position:absolute;left:72px;top:26px;width:112px;height:auto;display:block}.vd-motion-epices .vm-head-rule{position:absolute;left:212px;top:32px;width:1px;height:34px;background:var(--vm-or-pale)}.vd-motion-epices .vm-lieu{position:absolute;left:238px;top:41px;font-family:var(--vm-serif);font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--vm-or-fonce)}.vd-motion-epices .vm-count{position:absolute;left:1200px;top:32px;width:328px;height:32px;text-align:right;font-family:var(--vm-serif);font-size:24px;letter-spacing:.14em;color:var(--vm-or-fonce)}.vd-motion-epices .vm-n{position:absolute;right:0;top:0;opacity:0;transform:translate3d(0,7px,0);transition:opacity .5s var(--vm-doux),transform .5s var(--vm-doux)}.vd-motion-epices .vm-n.is-on{opacity:1;transform:translateZ(0)}.vd-motion-epices .vm-n.is-past{opacity:0;transform:translate3d(0,-7px,0)}.vd-motion-epices .vm-n b{font-weight:400;color:var(--vm-bordeaux)}.vd-motion-epices .vm-map{position:absolute;left:72px;top:108px;width:400px;height:700px;background:var(--vm-creme);border:1px solid var(--vm-or-pale)}.vd-motion-epices .vm-carte{position:absolute;left:105px;top:128px;width:334px;height:660px;display:block;overflow:visible}.vd-motion-epices .vm-nord{position:absolute;left:96px;top:132px;width:34px;text-align:center;font-family:var(--vm-serif);font-size:11px;letter-spacing:.2em;color:var(--vm-or-fonce)}.vd-motion-epices .vm-dot{position:absolute;width:12px;height:12px;background:var(--vm-or-pale);transform:rotate(45deg) scale(1);transition:background-color .5s var(--vm-doux),transform .5s var(--vm-doux)}.vd-motion-epices .vm-dot.is-on{background:var(--vm-bordeaux);transform:rotate(45deg) scale(1.45)}.vd-motion-epices .vm-halo{position:absolute;width:34px;height:34px;border:1px solid var(--vm-or);transform:rotate(45deg) scale(.55);opacity:0;transition:opacity .7s var(--vm-doux),transform .7s var(--vm-doux)}.vd-motion-epices .vm-halo.is-on{opacity:.9;transform:rotate(45deg) scale(1)}.vd-motion-epices .vm-rlab{position:absolute;text-align:right;font-family:var(--vm-serif);font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--vm-encre-22);transition:color .5s var(--vm-doux)}.vd-motion-epices .vm-rlab.is-on{color:var(--vm-bordeaux)}.vd-motion-epices .vm-dot-sava{left:418px;top:234px}.vd-motion-epices .vm-halo-sava{left:407px;top:223px}.vd-motion-epices .vm-rlab-sava{left:296px;top:232px;width:112px}.vd-motion-epices .vm-dot-vgd{left:300px;top:673px}.vd-motion-epices .vm-halo-vgd{left:289px;top:662px}.vd-motion-epices .vm-rlab-vgd{left:88px;top:648px;width:198px}.vd-motion-epices .vm-pin{position:absolute;width:72px;height:72px;padding:3px;background:var(--vm-creme);border:1px solid var(--vm-or-pale);box-shadow:0 10px 24px #3b2e2729;opacity:0;transform:scale(.84);transform-origin:50% 50%;transition:opacity .55s var(--vm-doux),transform .55s var(--vm-entrant)}.vd-motion-epices .vm-pin.is-on{opacity:1;transform:scale(1)}.vd-motion-epices .vm-pin-sava{left:440px;top:204px}.vd-motion-epices .vm-pin-vgd{left:270px;top:700px}.vd-motion-epices .vm-pin img{position:absolute;left:3px;top:3px;width:64px;height:64px;object-fit:cover;display:block;margin:0;border:0;max-width:none;opacity:0;transition:opacity .35s linear}.vd-motion-epices .vm-pin img.is-on{opacity:1}.vd-motion-epices .vm-card{position:absolute;left:560px;top:108px;width:620px;height:400px;padding:10px;background:var(--vm-creme);border:1px solid var(--vm-or-pale);box-shadow:0 26px 60px #3b2e2721}.vd-motion-epices .vm-frame{position:absolute;top:10px;right:10px;bottom:10px;left:10px;overflow:hidden;background:var(--vm-creme-fonce)}.vd-motion-epices .vm-shot{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translate3d(0,22px,0) scale(1.02);transition:opacity .72s var(--vm-entrant),transform .72s var(--vm-entrant);will-change:transform,opacity}.vd-motion-epices .vm-shot.is-on{opacity:1;transform:translateZ(0) scale(1)}.vd-motion-epices .vm-shot.is-past{opacity:0;transform:translate3d(0,-22px,0) scale(1)}.vd-motion-epices .vm-shot img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;margin:0;border:0;max-width:none}.vd-motion-epices .vm-band{position:absolute;left:0;right:0;bottom:0;height:54px;background:linear-gradient(180deg,#6e111100,#6e1111e6 34%,#6e1111f5);color:var(--vm-creme);font-family:var(--vm-serif);font-size:15px;letter-spacing:.26em;text-transform:uppercase;line-height:54px;padding-left:26px}.vd-motion-epices .vm-caps{position:absolute;left:570px;top:528px;width:610px;height:28px}.vd-motion-epices .vm-cap{position:absolute;left:0;top:0;right:0;margin:0;font-family:var(--vm-serif);font-style:italic;font-size:17px;line-height:1.5;color:var(--vm-encre-45);opacity:0;transform:translate3d(0,6px,0);transition:opacity .55s var(--vm-doux),transform .55s var(--vm-doux)}.vd-motion-epices .vm-cap.is-on{opacity:1;transform:translateZ(0)}.vd-motion-epices .vm-cap.is-past{opacity:0;transform:translate3d(0,-6px,0)}.vd-motion-epices .vm-side{position:absolute;left:1220px;top:118px;width:308px;opacity:0;transform:translate3d(0,16px,0);transition:opacity .62s var(--vm-entrant),transform .62s var(--vm-entrant)}.vd-motion-epices .vm-side.is-on{opacity:1;transform:translateZ(0)}.vd-motion-epices .vm-side.is-past{opacity:0;transform:translate3d(0,-16px,0)}.vd-motion-epices .vm-num{display:block;font-family:var(--vm-serif);font-size:104px;line-height:.86;color:var(--vm-or)}.vd-motion-epices .vm-lozenge{position:relative;height:1px;width:100%;background:var(--vm-or-pale);margin:30px 0 26px}.vd-motion-epices .vm-lozenge:before{content:"";position:absolute;left:0;top:-4.5px;width:9px;height:9px;background:var(--vm-or);transform:rotate(45deg)}.vd-motion-epices .vm-badge{background:var(--vm-bordeaux);padding:16px 20px 18px}.vd-motion-epices .vm-reg{display:block;font-family:var(--vm-serif);font-size:17px;letter-spacing:.24em;text-transform:uppercase;color:var(--vm-creme)}.vd-motion-epices .vm-sub{display:block;margin-top:8px;font-family:var(--vm-serif);font-style:italic;font-size:15px;color:var(--vm-or-pale)}.vd-motion-epices .vm-text{position:absolute;left:560px;top:586px;width:968px;height:190px}.vd-motion-epices .vm-block{position:absolute;left:0;top:0;right:0;opacity:0;transform:translate3d(0,18px,0);transition:opacity .62s var(--vm-entrant),transform .62s var(--vm-entrant);will-change:transform,opacity}.vd-motion-epices .vm-block.is-on{opacity:1;transform:translateZ(0)}.vd-motion-epices .vm-block.is-past{opacity:0;transform:translate3d(0,-18px,0)}.vd-motion-epices .vm-titre{margin:0;font-family:var(--vm-serif);font-weight:400;font-size:42px;line-height:1.12;color:var(--vm-bordeaux)}.vd-motion-epices .vm-para{margin:20px 0 0;font-size:22px;line-height:1.58;color:var(--vm-encre-70);max-width:52ch}.vd-motion-epices .vm-final{position:absolute;left:1220px;top:392px;width:308px;background:var(--vm-bordeaux-profond);padding:22px 24px 24px;opacity:0;transform:translate3d(0,16px,0);transition:opacity .85s var(--vm-doux),transform .85s var(--vm-doux)}.vd-motion-epices .vm-final.is-on{opacity:1;transform:translateZ(0)}.vd-motion-epices .vm-final p{margin:0;font-family:var(--vm-serif);font-size:20px;line-height:1.42;color:var(--vm-creme)}.vd-motion-epices .vm-final span{display:block;margin-top:12px;font-family:var(--vm-serif);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--vm-or-pale)}.vd-motion-epices .vm-gl{position:absolute;top:824px;font-family:var(--vm-serif);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--vm-or-fonce)}.vd-motion-epices .vm-gl-a{left:72px;width:170px}.vd-motion-epices .vm-gl-b{left:262px;width:900px}.vd-motion-epices .vm-gdiv{position:absolute;left:246px;top:818px;width:1px;height:64px;background:var(--vm-or-pale)}.vd-motion-epices .vm-slot{position:absolute;top:850px;height:40px;width:170px;left:calc(72px + var(--i) * 182px)}.vd-motion-epices .vm-dia{position:absolute;left:0;top:5px;width:9px;height:9px;background:var(--vm-os);transform:rotate(45deg) scale(1);transition:background-color .5s var(--vm-doux),transform .5s var(--vm-doux)}.vd-motion-epices .vm-slot.is-done .vm-dia{background:var(--vm-or)}.vd-motion-epices .vm-slot.is-now .vm-dia{background:var(--vm-bordeaux);transform:rotate(45deg) scale(1.5)}.vd-motion-epices .vm-lab{position:absolute;left:20px;top:0;font-family:var(--vm-serif);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--vm-encre-22);transition:color .5s var(--vm-doux)}.vd-motion-epices .vm-slot.is-done .vm-lab{color:var(--vm-encre-45)}.vd-motion-epices .vm-slot.is-now .vm-lab{color:var(--vm-bordeaux)}.vd-motion-epices .vm-block.is-on,.vd-motion-epices .vm-cap.is-on,.vd-motion-epices .vm-side.is-on,.vd-motion-epices .vm-n.is-on{transition-delay:.26s}.vd-motion-epices .vm-block.is-past,.vd-motion-epices .vm-cap.is-past,.vd-motion-epices .vm-side.is-past,.vd-motion-epices .vm-n.is-past{transition-duration:.34s;transition-delay:0s}.vd-motion-epices .vm-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid var(--vm-or-pale)}.vd-motion-epices .vm-replay{font-family:var(--vm-serif);background:transparent;color:var(--vm-bordeaux);border:1px solid var(--vm-or);border-radius:0;padding:11px 30px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;transition:background-color .28s var(--vm-doux),color .28s var(--vm-doux)}.vd-motion-epices .vm-replay:hover,.vd-motion-epices .vm-replay:focus-visible{background:var(--vm-bordeaux);color:var(--vm-creme);border-color:var(--vm-bordeaux)}.vd-motion-epices .vm-credits{margin:0;font-size:11.5px;line-height:1.6;color:var(--vm-encre-45);max-width:80ch}@media(max-width:899px){.vd-motion-epices .vm-wrap{padding:0 16px}.vd-motion-epices .vm-intro{margin-bottom:22px}.vd-motion-epices .vm-canvas{width:440px;height:790px;--vm-max:1.5}.vd-motion-epices .vm-logo{left:20px;top:12px;width:76px}.vd-motion-epices .vm-head-rule{left:108px;top:16px;height:24px}.vd-motion-epices .vm-lieu{left:122px;top:22px;font-size:9px;letter-spacing:.2em}.vd-motion-epices .vm-count{left:280px;top:16px;width:140px;height:20px;font-size:15px}.vd-motion-epices .vm-map{left:20px;top:50px;width:152px;height:320px}.vd-motion-epices .vm-carte{left:30px;top:78px;width:132px;height:261px}.vd-motion-epices .vm-nord{left:26px;top:58px;width:24px;font-size:8px}.vd-motion-epices .vm-nord svg{width:7px;height:10px;margin-bottom:2px}.vd-motion-epices .vm-dot{width:8px;height:8px}.vd-motion-epices .vm-halo{width:24px;height:24px}.vd-motion-epices .vm-rlab{font-size:8.5px;letter-spacing:.16em}.vd-motion-epices .vm-dot-sava{left:152px;top:118px}.vd-motion-epices .vm-halo-sava{left:144px;top:110px}.vd-motion-epices .vm-rlab-sava{left:58px;top:116px;width:88px}.vd-motion-epices .vm-dot-vgd{left:106px;top:292px}.vd-motion-epices .vm-halo-vgd{left:98px;top:284px}.vd-motion-epices .vm-rlab-vgd{left:4px;top:290px;width:96px}.vd-motion-epices .vm-pin{width:46px;height:46px;padding:2px}.vd-motion-epices .vm-pin img{left:2px;top:2px;width:40px;height:40px}.vd-motion-epices .vm-pin-sava{left:120px;top:136px}.vd-motion-epices .vm-pin-vgd{left:74px;top:314px}.vd-motion-epices .vm-card{left:186px;top:50px;width:234px;height:151px;padding:6px}.vd-motion-epices .vm-frame{top:6px;right:6px;bottom:6px;left:6px}.vd-motion-epices .vm-band{height:28px;line-height:28px;font-size:9px;letter-spacing:.18em;padding-left:12px}.vd-motion-epices .vm-caps{left:20px;top:382px;width:400px;height:22px}.vd-motion-epices .vm-cap{font-size:13px}.vd-motion-epices .vm-side{left:186px;top:216px;width:234px}.vd-motion-epices .vm-num{font-size:44px}.vd-motion-epices .vm-lozenge{margin:14px 0 12px}.vd-motion-epices .vm-badge{padding:10px 12px 12px}.vd-motion-epices .vm-reg{font-size:11.5px;letter-spacing:.18em}.vd-motion-epices .vm-sub{margin-top:5px;font-size:11px}.vd-motion-epices .vm-text{left:20px;top:414px;width:400px;height:160px}.vd-motion-epices .vm-titre{font-size:25px}.vd-motion-epices .vm-para{margin:12px 0 0;font-size:15.5px;line-height:1.55}.vd-motion-epices .vm-gl{font-size:8px;letter-spacing:.16em}.vd-motion-epices .vm-gl-a{left:20px;top:592px;width:340px}.vd-motion-epices .vm-gl-b{left:20px;top:608px;width:340px}.vd-motion-epices .vm-gdiv{left:72px;top:624px;height:26px}.vd-motion-epices .vm-slot{top:630px;width:46px;height:12px;left:calc(20px + var(--i) * 50px)}.vd-motion-epices .vm-dia{top:2px;width:7px;height:7px}.vd-motion-epices .vm-lab{display:none}.vd-motion-epices .vm-final{left:20px;top:668px;width:400px;padding:14px 16px 16px}.vd-motion-epices .vm-final p{font-size:16px;line-height:1.42}.vd-motion-epices .vm-final span{margin-top:8px;font-size:8.5px;letter-spacing:.2em}.vd-motion-epices .vm-controls{margin-top:20px;gap:14px}}@media(prefers-reduced-motion:reduce){.vd-motion-epices *{transition:none!important;animation:none!important}}.vd-motion-epices.vm-fige *{transition:none!important;animation:none!important}
/*# sourceMappingURL=/cdn/shop/t/27/assets/vd-motion-epices.css.map */