html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{border:none;margin:0;padding:0;width:auto;background:transparent;color:inherit;cursor:pointer}a{text-decoration:none;color:inherit}*,*:after,*:before{box-sizing:border-box}@font-face{font-family:Baunk;src:url(../../../assets/typo/Baunk.woff)}@font-face{font-family:Milky Walky;src:url(../../../static/assets/typo/MilkyWalky-Regular.woff)}body{font-family:Jura,sans-serif}.menu,button,h1,h2,h3,h4,h5{font-family:Baunk}h1,h2{font-size:3.8rem}h6{font-size:2rem}.jura{font-family:Jura,sans-serif}html{font-size:.8333333333vw}@media (max-width: 1024px){html{font-size:1.4159292035vw}}@media (max-width: 599px){html{font-size:2.1333333333vw}}html{overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;background-color:#f7f7f7}html::-webkit-scrollbar{display:none}body{background-color:#f7f7f7}canvas.webgl{position:fixed;top:0;left:0;outline:none;clip-path:inset(16svh 5% 10.5svh 5% round 5%);transition:all .8s ease}@media (max-width: 1024px){canvas.webgl{clip-path:inset(13vw 3svh 9vw 3svh round 5%)}}@media (max-width: 599px){canvas.webgl{clip-path:inset(13svh 3svh 9svh 3svh round 5%)}}.clip-path-none{clip-path:inset(0% 0% 0% 0% round 0%)!important;transition:all .8s ease}.clip-path-full{clip-path:inset(100% 100% 100% 100% round 0%)!important;transition:all .8s ease}.container{min-height:100vh;position:relative}b,.pink{color:#ff4373}section{padding-left:14vw;padding-right:14vw;margin-top:15svh;padding-top:3svh;padding-bottom:3svh}section p{font-size:1.5rem;line-height:2rem}header{position:fixed;top:0;left:0;z-index:10;width:100%;color:#00010e;padding-top:20px;padding-left:5%;padding-right:5%;display:flex;justify-content:space-between;align-items:center;font-size:1rem}header img{max-width:14.8rem}header img:nth-child(2){display:none}header .col:nth-child(2){text-align:center}header .col:nth-child(2) h2{font-size:2rem}@media (max-width: 599px){header .col:nth-child(2) h2{font-size:1rem}}header .col:nth-child(3){text-align:right}header .col:nth-child(3) p{margin-right:1.5rem}header button{font-size:1.1rem;width:11.1rem;height:4.6rem;border-radius:50%;background-color:#ff4373;color:#00010e;position:relative;margin-bottom:.5rem}header button:after{content:"";border-radius:50%;width:10.5rem;height:4.2rem;border:solid #00010e 2px;position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%)}.clip-path-none~.container header{color:#f7f7f7}.clip-path-none~.container header h2{display:none}.clip-path-none~.container header img:nth-child(1){display:none}.clip-path-none~.container header img:nth-child(2){display:block}footer{position:fixed;bottom:0;left:0;z-index:10;width:100%;display:flex;justify-content:space-between;align-items:end;padding:44px 44px 20px 5%;color:#00010e;font-size:1.2rem}footer .hamburger{z-index:10;position:relative;margin-right:4rem}@media (max-width: 599px){footer .hamburger{margin-right:0rem;margin-bottom:2rem}}footer .hamburger:hover .elipse1{transform:rotate(0) translate(-100%,42%);transition:transform .3s ease}footer .hamburger:hover .elipse2{transform:rotate(-40deg) translate(-130%,10%);transition:transform .3s ease .15s}footer .hamburger:hover .elipse3{transform:rotate(-90deg) translate(-87%,-26%);transition:transform .3s ease .3s}footer .hamburger:hover .elipse4{transform:rotate(-134deg) translate(-6%,-69%);transition:transform .3s ease .45s}footer .hamburger.is-active .elipse{transition:transform .3s ease;border:1px solid #ff4373}footer .hamburger.is-active .elipse1{transform:rotate(0) translate(-100%,42%);transition-delay:0}footer .hamburger.is-active .elipse2{transform:rotate(-40deg) translate(-130%,10%);transition-delay:5s}footer .hamburger.is-active .elipse3{transform:rotate(-90deg) translate(-87%,-26%);transition-delay:.3}footer .hamburger.is-active .elipse4{transform:rotate(-134deg) translate(-6%,-69%);transition-delay:.45}footer .hamburger p{font-family:Baunk;font-size:3rem}@media (max-width: 599px){footer .hamburger p{font-size:2rem}}footer .hamburger .elipse{width:4.1rem;height:10rem;border:1px solid #00010e;position:absolute;border-radius:50%;bottom:10%;left:70%;transform-origin:center;transform:rotate(-120deg) translate(-50%,-50%);transition:all .5s ease-in}@media (max-width: 599px){footer .hamburger .elipse{transform:rotate(-120deg) translate(-50%,-50%);width:7rem;height:16rem}}footer .hamburger .elipse2{bottom:-17%;left:62%}footer .hamburger .elipse3{bottom:-46%;left:53%}footer .hamburger .elipse4{bottom:40%;left:80%}footer nav{position:absolute;right:0;bottom:0%;display:none;width:100vw;height:100vh;justify-content:center;align-items:center;flex-direction:column;text-align:center;transition:.5s}footer nav.opacity-reverse{animation:opacityReverse .5s ease .25s forwards}footer nav.is-active{display:flex}footer nav.is-active li{position:relative;z-index:10;color:#fff;list-style:none;cursor:pointer;font-size:7rem;text-align:center;line-height:11rem;opacity:0;animation:opacityTransition .3s ease forwards}@media (max-width: 599px){footer nav.is-active li{font-size:4rem}}footer nav.is-active li:hover{color:#ff4373}footer nav.is-active li:nth-child(2){animation:opacityTransition .3s ease .5s forwards}footer nav.is-active li:nth-child(3){animation:opacityTransition .3s ease .75s forwards}.clip-path-none~.container footer{color:#f7f7f7}.explore-btn{position:relative;opacity:0;color:#fff;z-index:10;padding:1rem 3rem;background-color:#00010e;border:5px solid rgba(255,255,255,.7568627451);margin-top:5rem;box-shadow:0 0 10px #00010e;cursor:pointer;border-radius:50%}.explore-btn:hover{border:5px solid #ffffff;background-color:#fff;transition:.5s;color:#ff4373}.continue-button{padding:25px 60px;border:#f7f7f7 1px solid;margin-top:2rem;border-radius:69px;position:relative;font-size:1.4rem;cursor:pointer}.continue-button:hover:after,.continue-button:hover:before{transition:all ease .3s}.continue-button:hover:after{width:70%}.continue-button:hover:before{width:85%}.continue-button:after,.continue-button:before{content:"";position:absolute;top:0;left:50%;border:#f7f7f7 1px solid;height:100%;transform:translate(-50%);border-radius:69px;transition:all ease .3s;width:100%}.loading-bar{position:absolute;top:50%;left:50%;width:115%;height:1px;background:#00010e;transform:scaleX(0);transform-origin:top left;transition:transform .5s;will-change:transform}.loading-bar.ended{transform-origin:top right;transition:transform 1.5s ease-in-out}.loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;position:relative;opacity:1;overflow:hidden}.loader-container .logo{position:relative;max-width:9rem;z-index:10}.opacity{opacity:1}.container{display:none;opacity:0;z-index:10}section.about-container,is-active{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;min-height:100!important}section.about-container p,is-active p{font-size:2.6rem;margin-top:2rem;line-height:3.2rem}section.about-container .about-container-pourquoi,is-active .about-container-pourquoi{min-height:100svh}section.about-container .about-container-pourquoi h1,is-active .about-container-pourquoi h1{font-size:8rem}section.about-container .about-container-pourquoi p,is-active .about-container-pourquoi p{margin-left:auto;max-width:1000px}section.about-container .about-container-philosophie h2,is-active .about-container-philosophie h2{font-size:6.8rem}section.about-container .projects-button,is-active .projects-button{margin-top:10svh;margin-bottom:20svh;text-align:center}section.project-container,is-active{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;min-height:100vh!important}section.project-container h1,is-active h1{margin-top:10rem}.main-container{display:block}.display-none{animation:dispNone .5s ease forwards}@keyframes dispNone{0%{opacity:1}98%{opacity:0}to{display:none;opacity:0}}section.home-container,section.about-container,section.project-container{min-height:100svh;position:relative;z-index:1;color:#f7f7f7;display:none;opacity:0}section.home-container.is-active,section.about-container.is-active,section.project-container.is-active{display:block;animation:opacityTransition .3s ease 1.25s forwards}@keyframes opacityTransition{0%{opacity:0}to{opacity:1}}@keyframes opacityReverse{0%{opacity:1}to{opacity:0}}@media (max-width: 599px){.home-container{margin-left:0}}.home-container-section-baseline{display:flex;justify-content:center;align-items:center;flex-direction:column;height:80svh;text-align:center;padding-top:35svh;opacity:1}@media (max-width: 599px){.home-container-section-baseline{padding-bottom:0;align-items:center}}.home-container-section-baseline h1{text-align:center}.home-container-section-baseline h1 span{font-size:5.6rem}.home-container-section-baseline img{width:24.5rem}.home-container-interractive-experience{min-height:50svh;display:flex;flex-direction:column;justify-content:center;align-items:end;padding-right:10rem;margin-top:10svh}@media (max-width: 1024px){.home-container-interractive-experience{padding-right:0;align-items:center}}.home-container-interractive-experience .title-span-container .span-title{display:block;font-size:9rem;overflow:hidden}.home-container-interractive-experience .title-span-container .span-title .span-title-part{transform:translateY(100%)}@media (max-width: 599px){.home-container-interractive-experience .title-span-container .span-title{font-size:7rem}}.home-container-interractive-experience .title-span-container .span-title-letters-container{font-size:1.8rem;padding-left:.4rem;overflow:hidden;position:relative}.home-container-interractive-experience .title-span-container .span-title-letters-container .span-letter{opacity:1;display:inline-block;transform:translateY(500%)}@media (max-width: 599px){.home-container-interractive-experience .title-span-container .span-title-letters-container .span-letter{margin-right:0}}.home-container-interractive-experience-text{max-width:35.9rem;align-self:flex-start;justify-self:flex-end;margin-left:10rem;margin-top:10svh}@media (max-width: 1024px){.home-container-interractive-experience-text{margin-left:3rem}}@media (max-width: 599px){.home-container-interractive-experience-text{font-size:1.7rem}}.home-container-interractive-experience h6{margin-top:1.5rem}@media (max-width: 599px){.home-container-interractive-experience h6{margin-left:3rem}}.home-container-immersive-experience{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:10rem}