@import"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body{background-color:#f5f5f5;font-family:Roboto,sans-serif;font-size:16px;color:#333;margin:0;padding:0}:root{--primary-color: #000;--secondary-color: #fff;--third-color: #604bd5;--fourth-color: #080135;--primary-font: "Work sans", sans-serif;--scroll-bar-width: 10px;--max-content-width: 1200px;--header-height: 45px;--height-with-header: calc(100vh - var(--header-height))}#root{display:flex;flex-direction:column;min-height:100vh;margin:0;padding:0;overflow:hidden;align-items:center;background:url(/assets/background-5deb8253.svg);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;box-sizing:border-box;top:0;left:0;z-index:100}html{scroll-behavior:smooth}*{font-family:var(--primary-font);-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.page-container{width:100%;max-width:var(--max-content-width);padding:0 20px;box-sizing:border-box}::-webkit-scrollbar{width:var(--scroll-bar-width);background:linear-gradient(0deg,#090029 0%,#0b0044 100%)}::-webkit-scrollbar-thumb{background:var(--third-color);border-radius:10px}.header{width:100%;max-width:var(--max-content-width);margin:0 auto;height:var(--header-height);color:var(--secondary-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box;position:fixed;top:0;left:50%;transform:translate(-50%);z-index:100}.header:before{content:"";position:absolute;top:0;left:20px;right:20px;width:calc(100% - 40px);height:100%;border-bottom:solid 1px rgba(255,255,255,.1);z-index:-1;box-sizing:border-box}.header:after{content:"";position:absolute;top:0;width:calc(100vw - var(--scroll-bar-width));height:200%;left:50%;transform:translate(-50%);z-index:-2;backdrop-filter:blur(10px);mask-image:linear-gradient(to top,transparent,black);-webkit-mask-image:linear-gradient(to top,transparent 0%,black 50%)}.header .logo{height:40%;cursor:pointer;transition:all .3s ease}.header .logo:hover{opacity:.7}.header .first-part,.header .second-part{display:flex;align-items:center;height:100%;gap:20px}.header .burger{display:none;cursor:pointer;color:#fff;transition:all .3s ease}.header .menu{display:flex;align-items:center;height:100%;flex-direction:row;gap:20px}.header .menu .menu-item{text-decoration:none;color:var(--secondary-color);font-weight:300;transition:all .3s ease;font-size:15px;font-family:var(--secondary-font)}.header .menu .menu-item:hover{opacity:.7}@media screen and (max-width: 768px){.header .menu{gap:0;position:absolute;top:100%;left:0;flex-direction:column;align-items:stretch;height:100vh;background:#080135;width:100%;visibility:hidden;opacity:0;transition:all .3s ease}.header .menu .menu-item{margin:0 20px;font-size:13px;padding:10px 0;border-bottom:solid 1px rgba(255,255,255,.1);box-sizing:border-box}.header .menu.active{opacity:1;visibility:visible}.header .burger{display:block}}.button{cursor:pointer;color:var(--button-color);position:relative;padding:5px 15px;font-size:15px;font-family:var(--secondary-font);border-radius:100px;transition:all .3s ease;box-sizing:border-box;background:transparent;border:none}.button.fill{color:#fff}.button.fill{background-color:var(--button-color)}.button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s ease;border:solid 1px var(--button-color);box-sizing:border-box;border-radius:100px;opacity:.1}.button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s ease;background-color:var(--button-color);box-sizing:border-box;border-radius:100px;opacity:.1}.button:hover:after{opacity:.2}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.home-first-part{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;margin-top:var(--header-height);max-width:var(--max-content-width);height:var(--height-with-header);box-sizing:border-box;color:var(--secondary-color);gap:40px}.name{color:var(--third-color)}.title-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:var(--max-content-width);box-sizing:border-box;text-align:center;color:var(--secondary-color);gap:40px;flex:1}.title h1{font-size:7.1vmin;font-weight:900;text-transform:uppercase;margin:0;padding:0;font-family:var(--secondary-font);text-align:left;line-height:1}.title{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.home-first-part .card{flex:1}.title h2{font-size:3.5vmin;font-weight:900;text-transform:uppercase;margin:0;padding:0;font-family:var(--secondary-font);text-align:left;line-height:1}@media screen and (max-width: 900px){.title h1{font-size:50px;text-align:center}.title h2{font-size:25px;text-align:center}.home-first-part{flex-direction:column}.home-first-part .card,.title,.title-container{flex:none}}.card{color:#e6e8ff;position:relative;padding:20px;border-radius:10px;box-sizing:border-box;background-color:#ffffff1a;border:solid 1px rgba(255,255,255,.1);box-shadow:0 0 10px #ffffff1a;text-align:left;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(4px);gap:20px}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,var(--third-color) 0%,transparent 150%);opacity:.1;z-index:1;border-radius:10px;transition:all .3s ease}.card:hover{box-shadow:0 0 10px #fff3}.card h1{font-size:25px;font-weight:600;color:#fff;font-family:Mitr,sans-serif;margin:0;padding:0;text-transform:uppercase}.card p{font-size:20px;margin:0;padding:0}.timeline{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:50px;position:relative;width:100%;max-width:calc(var(--max-content-width) / 1.5)}.timeline-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:100px;position:relative;width:100%;padding:150px 0}.timeline:before{content:"";position:absolute;top:0;left:5%;transform:translate(-50%);width:3px;height:100%;background:linear-gradient(to top,transparent 50%,rgba(255,255,255,.5) 50%);background-size:100% 10px;background-repeat:repeat;-webkit-mask-image:linear-gradient(to top,transparent 0%,black 100px,black calc(100% - 100px),transparent 100%);mask-image:linear-gradient(to top,transparent 0%,black 100px,black calc(100% - 100px),transparent 100%)}.timeline .timeline-item:after{content:"";position:absolute;top:50%;transform:translate(-50%,-50%);left:5%;width:15px;height:15px;border-radius:50%;background:var(--fourth-color);border:3px solid rgba(255,255,255,.5)}.timeline .timeline-item:before{content:"";position:absolute;top:50%;transform:translateY(-50%);height:1px;width:10%;left:5%;background:rgba(255,255,255,.5)}.timeline-item{padding-left:15%;box-sizing:border-box;position:relative}.timeline-item-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px;position:relative;width:100%;max-width:calc(var(--max-content-width) / 2);margin:50px 0}.timeline-item-infos{display:flex;flex-direction:column;gap:5px;position:relative}.timeline .logo{width:100px}.timeline-item-content time{font-size:.8rem;font-weight:500}.timeline-item-content .tag{font-size:.8rem;color:#fff;background:rgba(255,255,255,.1);padding:5px 10px;border-radius:100px;border:1px solid rgba(255,255,255,.1);box-sizing:border-box;display:inline-block}.tags{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px}.timeline-item-content-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;position:relative}.titre{font-size:1.2rem;font-weight:600;color:#fff;text-align:left}.timeline-item-content p{font-size:.9rem;font-weight:400;line-height:1.5}.timeline-header{font-size:50px;font-weight:600;color:#fff;text-transform:capitalize}@media (max-width: 768px){.timeline .logo{width:75px;margin:auto}.timeline-item-content{flex-direction:column;align-items:flex-start;justify-content:center}}.split{max-width:var(--max-content-width);width:100%;height:20px;position:relative;display:flex;align-items:center;gap:5px;justify-content:center}.split-line:after{content:"";position:absolute;display:block;width:100%;height:100%;top:0;background:url(/assets/separation-d0b1900b.svg);background-size:300%;background-repeat:no-repeat;background-position:center;filter:blur(10px)}.split-line:before{content:"";position:absolute;display:block;width:100%;height:100%;top:0;background:url(/assets/separation-d0b1900b.svg);background-size:300%;background-repeat:no-repeat;background-position:center;opacity:.3}.split-line{flex:1;height:100%;position:relative}.split img{height:100%;opacity:.5;position:relative}@media screen and (max-width: 768px){.split{height:10px}.split-line:after{content:"";position:absolute;display:block;width:100%;height:100%;top:0;background:url(/assets/separation-d0b1900b.svg);background-size:500%;background-repeat:no-repeat;background-position:center;filter:blur(10px)}.split-line:before{content:"";position:absolute;display:block;width:100%;height:100%;top:0;background:url(/assets/separation-d0b1900b.svg);background-size:500%;background-repeat:no-repeat;background-position:center;opacity:.7}.split-line{flex:1;height:100%;position:relative}}.works{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:100px;position:relative;width:100%;padding:150px 0}.works-title{font-size:50px;font-weight:600;color:#fff;text-transform:capitalize}.works-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:20px}.span-2{grid-column:span 2}.span-1{grid-column:span 1}.span-3{grid-column:span 3}.works-content-item{border:solid 1px rgba(255,255,255,.2);border-radius:20px;position:relative;overflow:hidden;height:500px;z-index:1;cursor:pointer;box-sizing:border-box;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.3s ease-in-out;background:rgba(0,0,0,0);padding:0 10%}.works-content-item-title,.works-content-item-description{z-index:2;color:#fff;opacity:0;transition:.3s ease-in-out}.works-content-item-title{font-size:30px;font-weight:600;text-transform:capitalize}.works-content-item-description{font-size:20px;font-weight:400}.works-content-item-img{position:absolute;z-index:0;opacity:.7;object-fit:cover;top:0;width:100%;height:100%;transform:scale(1);transition:.3s ease-in-out}.works-content-item:hover .works-content-item-img{transform:scale(1.1);filter:blur(8px)}.works-content-item:hover .works-content-item-title,.works-content-item:hover .works-content-item-description{opacity:1}.works-content-item:hover{box-shadow:#fff3 0 0 20px}@media screen and (max-width: 768px){.works-content{display:flex;flex-direction:column;width:100%;gap:20px}.works-content-item{height:250px;padding:0 10px}.works-content-item-title{font-size:20px;font-weight:600;text-transform:uppercase;opacity:1;text-shadow:black 0 0 20px}.works-content-item-title h2{margin:0}.works-content-item-description{display:none}.works-content-item-description p{height:100%;text-overflow:ellipsis}.works-content-item:hover .works-content-item-img{transform:scale(1.1);filter:none}}.contact{padding:150px 0;display:flex;flex-direction:column;align-items:center;width:100%;gap:100px}.contact-title{font-size:50px;font-weight:600;color:#fff;text-transform:capitalize}.contact form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;gap:20px}input,textarea{resize:none;outline:none;width:100%;color:#fff;backdrop-filter:blur(4px);border-radius:10px;transition:all .3s ease;box-sizing:border-box;font-size:18px;background-color:#ffffff1a;border:solid 1px rgba(255,255,255,.1);box-shadow:0 0 10px #ffffff1a}textarea{padding:20px;height:200px}input{padding:10px 20px;border-radius:100px}input:focus,textarea:focus{box-shadow:0 0 10px #fff3}.footer{width:100%;border-top:solid 1px rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;padding:100px 0 20px;box-sizing:border-box}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:50px;width:100%;max-width:var(--max-content-width);padding:0 20px;box-sizing:border-box}.footer-content img{height:40px;cursor:pointer;transition:all .3s ease}.footer-content img:hover{opacity:.7}.footer-content a{text-decoration:none;color:var(--secondary-color);font-weight:300;transition:all .3s ease;font-size:20px;font-family:var(--secondary-font)}.footer-content a:hover{opacity:.7}.footer-content-top,.footer-content-bottom{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:50px}.footer-content-bottom{max-width:500px;width:100%;gap:0px;margin:0 auto}.footer-content-bottom .icon{cursor:pointer;transition:all .3s ease;opacity:.5}.footer-content-bottom .icons{display:flex;flex:1;justify-content:center;align-items:center;flex-direction:row;gap:20px}.footer-content-bottom a{text-decoration:none;color:var(--secondary-color);font-weight:300;flex:1;transition:all .3s ease;font-size:15px;font-family:var(--secondary-font);opacity:.5;text-align:center;border:none!important}.footer-content-bottom a:hover{opacity:.7}.footer-content-bottom .spacer{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.5)}.footer-content-bottom .icon:hover{opacity:.7}@media screen and (max-width: 768px){.footer-content{justify-content:space-evenly;gap:50px;align-items:stretch}.footer{padding:50px 20px 10px}.footer a{border-top:solid 1px rgba(255,255,255,.1);width:50%;text-align:center;padding:10px 0}.footer img{margin:0 0 20px}.footer-content-top{flex-direction:column;align-items:center;gap:0px}}.MentionsLegales{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;margin:100px 50px 0;min-height:100vh}