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