.section-mockup-demo[data-v-ed0441f2]{--height:4000;height:var(--height);position:relative;z-index:1}.section-mockup-demo[data-v-ed0441f2] ::-moz-selection{background-color:#c6b1ff;color:#3e1375}.section-mockup-demo[data-v-ed0441f2] ::selection{background-color:#c6b1ff;color:#3e1375}.section-mockup-demo .canvas-wrap[data-v-ed0441f2]{align-items:center;display:flex;filter:grayscale(0);height:100vh;justify-content:center;position:sticky;top:0;transition:filter .3s;width:100%;z-index:10}.section-mockup-demo .canvas-wrap canvas[data-v-ed0441f2]{max-width:1000px;width:50%}.section-mockup-demo .canvas-wrap.start[data-v-ed0441f2]{filter:grayscale(1)}.section-mockup-demo .canvas-wrap .canvas-info[data-v-ed0441f2]{display:flex;flex-direction:column;overflow:hidden;transition:.3s;width:0}.section-mockup-demo .canvas-wrap .canvas-info[data-v-ed0441f2]>*{display:flex;flex-direction:column;padding:30px}.section-mockup-demo .canvas-wrap .canvas-info>* h2[data-v-ed0441f2]{font-size:2em}.section-mockup-demo .canvas-wrap .canvas-info>* h2>span[data-v-ed0441f2]{background-clip:text;-webkit-background-clip:text;color:#fff;font-family:var(--font-text);font-style:italic;font-weight:900;padding-right:.03em;-webkit-text-fill-color:transparent;background-image:linear-gradient(60deg,#7f7ef2,#f89dff 50%,#7f7ef2)}.section-mockup-demo .canvas-wrap .canvas-info>* .canvas-cta[data-v-ed0441f2]{background:linear-gradient(60deg,#7f7ef2,#f89dff 50%,#7f7ef2);border-radius:3px;display:flex;font-size:1.1em;margin-top:30px;padding:3px 20px;width:-moz-fit-content;width:fit-content;--font-color:#0a0a0a}.section-mockup-demo .canvas-wrap .canvas-info>* .canvas-cta h3[data-v-ed0441f2]{align-items:center;-moz-column-gap:2px;column-gap:2px;display:flex}.section-mockup-demo .canvas-wrap .canvas-info>* .canvas-cta h3 span[data-v-ed0441f2]{font-weight:700;letter-spacing:.01em}.section-mockup-demo .canvas-wrap .canvas-info>* p[data-v-ed0441f2]{margin-top:10px;white-space:pre-line;--font-color:#c8c8c8}.section-mockup-demo .canvas-wrap .canvas-info>* p strong[data-v-ed0441f2]{background-clip:text;-webkit-background-clip:text;color:#fff;font-weight:700;-webkit-text-fill-color:transparent;background-image:linear-gradient(60deg,#7f7ef2,#f89dff 50%,#7f7ef2)}.section-mockup-demo .canvas-wrap .canvas-info>* ul[data-v-ed0441f2]{margin-top:10px;--font-color:#c8c8c8}.section-mockup-demo .canvas-wrap .canvas-info>* ul strong[data-v-ed0441f2]{color:#fff;font-weight:400}.section-mockup-demo .canvas-wrap .canvas-info>* ul a[data-v-ed0441f2]{color:#bebeff}.section-mockup-demo .canvas-wrap .canvas-info>* ul li span[data-v-ed0441f2]:first-child{color:#646464;display:inline-block;padding-right:.2em;text-align:center;width:1.1em}.section-mockup-demo .canvas-wrap .canvas-info>* .list-metiers[data-v-ed0441f2]{margin-bottom:-6px;margin-top:10px;--font-color:#d2d2d2}.section-mockup-demo .canvas-wrap .canvas-info>* .list-metiers span[data-v-ed0441f2]{border:1px dashed #6e6e6e;border-radius:100px;display:inline-block;font-size:.9em;font-weight:300;margin-bottom:6px;margin-right:6px;padding:1px 10px}.section-mockup-demo .canvas-wrap .canvas-info>* .canvas-cta[data-v-ed0441f2],.section-mockup-demo .canvas-wrap .canvas-info>* .list-metiers span[data-v-ed0441f2],.section-mockup-demo .canvas-wrap .canvas-info>* h2[data-v-ed0441f2],.section-mockup-demo .canvas-wrap .canvas-info>* p[data-v-ed0441f2],.section-mockup-demo .canvas-wrap .canvas-info>* ul[data-v-ed0441f2]{filter:blur(10px);opacity:0;transition:.3s}.section-mockup-demo .canvas-wrap .canvas-info>* h2[data-v-ed0441f2]{transition-delay:.2s}.section-mockup-demo .canvas-wrap .canvas-info>* p[data-v-ed0441f2]{transition-delay:.5s}.section-mockup-demo .canvas-wrap .canvas-info>* ul[data-v-ed0441f2]{transition-delay:1s}.section-mockup-demo .canvas-wrap .canvas-info>* .list-metiers span[data-v-ed0441f2]{transition-delay:calc(1s + var(--index)*.2s)}.section-mockup-demo .canvas-wrap .canvas-info>* .canvas-cta[data-v-ed0441f2]{transition-delay:2s}.section-mockup-demo.openInfos .canvas-info>* .canvas-cta[data-v-ed0441f2],.section-mockup-demo.openInfos .canvas-info>* .list-metiers span[data-v-ed0441f2],.section-mockup-demo.openInfos .canvas-info>* h2[data-v-ed0441f2],.section-mockup-demo.openInfos .canvas-info>* p[data-v-ed0441f2],.section-mockup-demo.openInfos .canvas-info>* ul[data-v-ed0441f2]{filter:blur(0);opacity:1}.section-mockup-demo .canvas-wrap .canvas-info[data-v-ed0441f2]>*,.section-mockup-demo.openInfos .canvas-info[data-v-ed0441f2]{width:30vw}@media(max-width:1500px){.section-mockup-demo .canvas-wrap .canvas-info[data-v-ed0441f2]>*,.section-mockup-demo.openInfos .canvas-info[data-v-ed0441f2]{width:40vw}}@media(max-width:1060px){.section-mockup-demo .canvas-wrap[data-v-ed0441f2]{align-items:flex-start;flex-direction:column;height:auto}.section-mockup-demo .canvas-wrap canvas[data-v-ed0441f2]{margin:0 auto;max-width:500px;-o-object-fit:contain;object-fit:contain;padding-bottom:100px;padding-top:150px;width:100%}.section-mockup-demo .canvas-wrap .canvas-info[data-v-ed0441f2],.section-mockup-demo .canvas-wrap .canvas-info[data-v-ed0441f2]>*,.section-mockup-demo.openInfos .canvas-info[data-v-ed0441f2]{height:auto;width:100%}}