@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";.Hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.Hero .head{display:flex;align-items:center;justify-content:center;gap:50px;padding:50px;margin-top:50px}.Hero .head .me{display:flex;align-items:center;position:relative;margin-right:50px}.Hero .head .me .labels{display:block;-webkit-user-select:none;user-select:none}.Hero .head .me .labels .label{display:flex;position:absolute;padding:8px 16px;background:#d9d9d9b3;border:#ECECEC solid 1px;border-radius:6px;width:fit-content;transition:background .2s ease}.Hero .head .me .labels .label.graphisme{left:-20%;top:20%}.Hero .head .me .labels .label.audiovisuel{top:12%;right:-20%}.Hero .head .me .labels .label.dev{bottom:5%;right:-15%}.Hero .head .me .labels .label span{font-size:1.1rem;font-weight:900;background:-moz-linear-gradient(50deg,rgb(161,108,208) 0%,rgb(132,49,204) 100%);background:-webkit-linear-gradient(50deg,rgb(161,108,208) 0%,rgb(132,49,204) 100%);background:linear-gradient(50deg,#a16cd0,#8431cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.Hero .head .me .labels .label:hover{background:#7e7e7eb3;cursor:pointer}.Hero .head .me .labels .label:hover span{background:-moz-linear-gradient(50deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%);background:-webkit-linear-gradient(50deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%);background:linear-gradient(50deg,#fff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.Hero .head .me img{width:300px}.Hero .head .presentation{max-width:600px;width:50vw;display:flex;flex-direction:column;gap:20px}.Hero .head .presentation .title{font-size:1.8rem}.Hero .head .presentation .title h1{background:-moz-linear-gradient(50deg,rgb(246,243,243) 0%,rgb(198,176,217) 100%);background:-webkit-linear-gradient(50deg,rgb(246,243,243) 0%,rgb(198,176,217) 100%);background:linear-gradient(50deg,#f6f3f3,#c6b0d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.Hero .head .presentation .title h1 span.name{background:-moz-linear-gradient(50deg,rgb(161,108,208) 0%,rgb(132,49,204) 100%);background:-webkit-linear-gradient(50deg,rgb(161,108,208) 0%,rgb(132,49,204) 100%);background:linear-gradient(50deg,#a16cd0,#8431cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.Hero .head .presentation h3{font-size:1.3rem;font-weight:600}.Hero .head .presentation h3 span{background:-moz-linear-gradient(50deg,rgb(161,108,208) 0%,rgb(132,49,204) 100%);background:-webkit-linear-gradient(50deg,rgb(161,108,208) 0%,rgb(132,49,204) 100%);background:linear-gradient(50deg,#a16cd0,#8431cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.Hero svg{position:absolute;bottom:50%;z-index:-1}@media screen and (max-width: 1040px){.Hero svg{transform:translateY(-50%)}.Hero .head{flex-direction:column}.Hero .head .me{margin-right:0}.Hero .head .presentation h1{text-align:center;font-size:min(10vw,2rem)}}@media screen and (max-width: 550px){.Hero svg{transform:translateY(-75%)}.Hero .head .me .labels .label.graphisme{left:-10%;top:20%}.Hero .head .me .labels .label.audiovisuel{top:12%;right:-20%}.Hero .head .me .labels .label.dev{bottom:5%;right:-15%}.Hero .head .me img{width:300px}}@media screen and (max-width: 691px){.Hero .head .presentation{width:calc(100vw - 50px)}}@media screen and (max-width: 450px){.Hero svg{transform:translateY(-50%)}.Hero .head .me .labels .label.graphisme{left:-10%;top:20%}.Hero .head .me .labels .label.audiovisuel{top:5%;right:-15%}.Hero .head .me .labels .label.dev{bottom:5%;right:-5%}.Hero .head .me img{width:60vw}}@media screen and (max-width: 360px){.Hero .head .me .labels .label span{font-size:.9rem}.Hero .head .me .labels .label.graphisme{left:-10%;top:10%}.Hero .head .me .labels .label.audiovisuel{top:5%;right:-15%}.Hero .head .me .labels .label.dev{bottom:5%;right:-5%}.Hero .head .me img{width:60vw}}.DiscoverMe{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.DiscoverMe .content{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;justify-content:center;align-items:center}.DiscoverMe .content a,.DiscoverMe a{color:#fff;text-decoration:none}.DiscoverMe a .cta-projects{border:1px solid #693B93;background:#2c1250;padding:5px 8px;font-size:1.2rem;font-weight:700;border-radius:4px;width:fit-content;transition:background,border .2s ease}.DiscoverMe a .cta-projects:hover{border:1px solid #8d54b6;background:#220e3f;cursor:pointer}@media screen and (max-width: 1150px){.DiscoverMe .content{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 770px){.DiscoverMe .content{grid-template-columns:repeat(1,1fr)}}.Subtitle{display:flex;justify-content:center;align-items:center}.Subtitle span{font-size:1.5rem;font-weight:700;padding:4px 10px;background:-moz-linear-gradient(50deg,rgb(161,108,208) 0%,rgb(132,49,204) 100%);background:-webkit-linear-gradient(50deg,rgb(161,108,208) 0%,rgb(132,49,204) 100%);background:linear-gradient(50deg,#a16cd0,#8431cc);border-radius:4px}.Tile{position:relative;transition:all cubic-bezier(.03,.98,.52,.99) 0s}.Tile .wrapper{position:relative;display:flex;gap:10px;flex-direction:column;-webkit-user-select:none;user-select:none;justify-content:center;width:350px;border-radius:15px;border-top:#4F228D 2.5px solid;padding:15px;transition:opacity .2s ease-in-out}.Tile .wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(106deg,#130428 4.77%,#251043 20.53%,#38126d 34.42%,#261045 47.79%,#190634 58.3%);border-radius:15px;z-index:-1;transition:opacity .2s ease-in-out}.Tile .wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(103deg,#130428 26.77%,#251043 43.84%,#38126d 58.88%,#261045 73.35%,#190634 84.73%);border-radius:15px;z-index:-1;opacity:0;transition:opacity .2s ease-in-out}.Tile .wrapper:hover:before{opacity:0}.Tile .wrapper:hover:after{opacity:1}.Tile .wrapper:hover .wrapper-cover .cover{transform:scale(1.1)}.Tile .wrapper:hover{cursor:pointer}.Tile .wrapper .wrapper-cover{width:100%;height:200px;overflow:hidden;border-radius:4px}.Tile .wrapper .wrapper-cover .cover{width:100%;height:200px;background-size:cover;background-position:top;border-radius:4px;transition:transform .2s ease}.Tile .wrapper .title{display:flex;justify-content:center;align-items:center}.Tile .wrapper .title span{font-size:1.3rem;font-weight:700}.Tile .wrapper .description{display:flex;align-items:center;text-align:center}.TakeContact{display:flex;align-items:center;justify-content:center}.TakeContact .wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:50px;background:linear-gradient(106deg,#130428 4.77%,#251043 20.53%,#261045 47.79%,#190634 58.3%);padding:30px;width:1000px;border-radius:10px}.TakeContact .wrapper .content{display:flex;align-items:center;justify-content:center;gap:20px}.TakeContact .wrapper .content span{font-size:1.2rem;font-weight:700;flex:2}.TakeContact .wrapper .content a{color:#fff;text-decoration:none}.TakeContact .wrapper .content a .cta-contact{border:1px solid #693B93;background:#2c1250;padding:5px 8px;font-size:1.2rem;font-weight:700;border-radius:4px;width:fit-content;transition:background,border .2s ease}.TakeContact .wrapper .content a .cta-contact:hover{border:1px solid #8d54b6;background:#220e3f;cursor:pointer}@media screen and (max-width: 1060px){.TakeContact .wrapper{width:80vw}}@media screen and (max-width: 875px){.TakeContact .wrapper{width:80vw}.TakeContact .wrapper .title{text-align:center}.TakeContact .wrapper .content{flex-direction:column}}.HeroBis{position:relative;overflow:hidden;height:200px;display:flex;justify-content:center;align-items:center}.HeroBis span{font-size:2.5rem;font-weight:900;text-transform:uppercase;z-index:1;background:linear-gradient(50deg,#f6f3f3,#c6b0d9);background:-webkit-linear-gradient(50deg,rgb(246,243,243) 0%,rgb(198,176,217) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.HeroBis svg{position:absolute;bottom:0}.ProjectList{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px}.ProjectList .picker-nav .row{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.ProjectList .picker-nav .row .tabs{position:relative;display:inline-flex;margin:1rem auto;padding:.25rem;border-radius:100px;background-color:#ffffff26}.ProjectList .picker-nav .row .tabs:hover{background-color:#fff3}.ProjectList .picker-nav .row .tabs input[type=radio]{position:absolute;opacity:0}.ProjectList .picker-nav .row .tabs .tab{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;margin:0;padding:.75rem 1.5rem;border-radius:100px;font-size:1rem;font-weight:700;line-height:1;text-transform:uppercase;cursor:pointer;letter-spacing:.1em;color:#fff;transition:all .15s ease-in;white-space:nowrap}.ProjectList .picker-nav .row .tabs .tab:hover{color:#f0f0f0;background-color:#ffffff1a}.ProjectList .picker-nav .row .tabs input[type=radio]:not(:checked)+label.tab{color:#fff}.ProjectList .picker-nav .row .tabs .tab-active-bg{position:absolute;z-index:1;height:2.5rem;border-radius:100px;background-color:#2c1250;transition:.25s ease-out}.ProjectList .project-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;color:#fff}.ProjectList a{color:#fff;text-decoration:none}.ProjectList a .project{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.ProjectList a .project .wrapper-cover{width:400px;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:linear-gradient(106deg,#130428 4.77%,#251043 20.53%,#38126d 34.42%,#261045 47.79%,#190634 58.3%)}.ProjectList a .project .wrapper-cover .cover{width:400px;aspect-ratio:16/9;background-size:cover;background-position:top;border-radius:8px;overflow:hidden;transition:transform .2s ease}.ProjectList a .project span.name{font-size:1.2rem;font-weight:700;transition:color .2s ease}.ProjectList a:hover .project .wrapper-cover .cover,.ProjectList a:focus .project .wrapper-cover .cover{transform:scale(1.05)}.ProjectList a:hover .project span.name,.ProjectList a:focus .project span.name{color:#989898}@media screen and (max-width: 1310px){.ProjectList .project-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 900px){.ProjectList .project-container{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 470px){.ProjectList .project-container .project .wrapper-cover,.ProjectList .project-container .project .wrapper-cover .cover{width:80vw;min-width:216px;background-position:center}}.project-not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px}.project-not-found .gif img{width:350px;border-radius:10px}.project-not-found .content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.project-not-found .content .text{display:flex;align-items:center;flex-direction:column;justify-content:center}.project-not-found .content .text .title{display:flex;flex-direction:column;justify-content:center;align-items:center}.project-not-found .content .text .title span.title{font-size:3rem;font-weight:900}.project-not-found .content .text .title span{font-size:1.4rem;font-weight:650}.project-not-found .content a{color:#fff;text-decoration:none}.project-not-found .content a .cta{border:1px solid #693B93;background:#2c1250;padding:5px 8px;font-size:1.2rem;font-weight:700;border-radius:4px;width:fit-content;transition:background,border .2s ease}.project-not-found .content a .cta:hover{border:1px solid #8d54b6;background:#220e3f;cursor:pointer}.back-to-projects{display:flex;justify-content:center;align-items:center}.project-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:50px}.project-container .top{display:flex;align-items:flex-start;justify-content:center;gap:40px}.project-container .top img{width:450px;border-radius:8px}.project-container .top .text{display:flex;justify-content:center;flex-direction:column;width:500px;gap:15px}.project-container .top .text h2{font-size:2rem}.project-container .top .text p{font-size:1.1rem}.project-container .top .text p a{color:#9d58ea;position:relative;text-decoration:none}.project-container .top .text p a:after{content:"";background:#8d54b6;z-index:-1;position:absolute;bottom:0;left:0;width:100%;height:2px;border-radius:4px;transition:height .2s ease}.project-container .top .text p a:hover:after{height:3px}.project-container .image-gallery{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.project-container .image-gallery .title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.project-container .image-gallery .title span{display:flex;align-items:center;gap:5px;font-size:1.8rem;font-weight:800}.project-container .image-gallery .title .tips{display:flex;align-items:center;justify-content:center;background:#8d54b6;border-radius:20px;padding:8px 12px}.project-container .image-gallery .title .tips span{font-size:1rem}.project-container .image-gallery .pics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}.project-container .image-gallery .pics a{color:#fff;text-decoration:none;transition:transform .2s ease}.project-container .image-gallery .pics a img{width:400px;border-radius:8px}.project-container .image-gallery .pics a:hover{transform:scale(1.02)}.project-container .video{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.project-container .video .title span{font-size:1.8rem;font-weight:800}.project-container .video .youtube-player iframe{width:600px;aspect-ratio:16/9;border-radius:8px}@media screen and (max-width: 1160px){.project-container .top .text{width:30vw;min-width:200px}}@media screen and (max-width: 1160px){.project-container .top{flex-direction:column}.project-container .top .text{width:80vw}}@media screen and (max-width: 512px){.project-container .top img{min-width:200px;width:80vw}}@media screen and (max-width: 1293px){.project-container .image-gallery .pics{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 860px){.project-container .image-gallery .pics{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 690px){.project-container .video .youtube-player iframe{min-width:250px;width:80vw}}@media screen and (max-width: 518px){.project-container .image-gallery .title .tips{border-radius:8px}.project-container .image-gallery .title .tips span{text-align:center;width:75vw}.project-container .image-gallery .pics a img{min-width:250px;width:80vw}}.ContactForm{display:flex;flex-direction:column;gap:20px}.ContactForm form{display:flex;flex-direction:column;gap:10px;font-size:1.1rem}.ContactForm form .contact-top{display:flex;gap:20px;font-size:1.1rem}.ContactForm form .contact-top div{display:flex;flex-direction:column;font-weight:600;gap:5px}.ContactForm form input{background:#433856;height:40px;width:300px;font-size:1.05rem;border-radius:4px;border:1px transparent solid;font-family:Plus Jakarta Sans,sans-serif;outline:none;padding:0 5px;color:#fff;transition:border .2s ease}.ContactForm form input:hover{border:1px #7127BA solid}.ContactForm form textarea{background:#433856;height:80px;font-family:Plus Jakarta Sans,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;border-radius:4px;border:1px transparent solid;outline:none;padding:5px;color:#fff;transition:border .2s ease;resize:vertical;font-size:1rem}.ContactForm form textarea:hover{border:1px #7127BA solid}.ContactForm form button{height:40px;width:200px;font-size:1.1rem;font-weight:700;color:#fff;background:#7127ba;outline:none;border:1px transparent solid;border-radius:4px;display:flex;justify-content:center;align-items:center;gap:5px;transition:all .2s ease;font-family:Plus Jakarta Sans,sans-serif;margin-top:20px}.ContactForm form button:hover{cursor:pointer;border:1px #9d58ea solid;background:#943ef1}.error-message{display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 8px;background:#9d272cb3;border-radius:4px}.error-message i{font-size:1.2rem}.success-message{display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 8px;background:#279d43b3;border-radius:4px}.success-message i{font-size:1.2rem}@media screen and (max-width: 730px){.ContactForm{gap:20px}.ContactForm .contact-top{flex-direction:column}}.contact{margin-top:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px}.contact span{font-size:1.2rem;font-weight:650}@media screen and (max-width: 700px){.contact span{padding:0 50px;text-align:center}}.error-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px}.error-page .gif img{width:350px;border-radius:10px}.error-page .content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.error-page .content .text{display:flex;align-items:center;flex-direction:column;justify-content:center}.error-page .content .text .title{display:flex;flex-direction:column;justify-content:center;align-items:center}.error-page .content .text .title span.title{font-size:3rem;font-weight:900}.error-page .content .text .title span{font-size:1.4rem;font-weight:650}.error-page .content a{color:#fff;text-decoration:none}.error-page .content a .cta{border:1px solid #693B93;background:#2c1250;padding:5px 8px;font-size:1.2rem;font-weight:700;border-radius:4px;width:fit-content;transition:background,border .2s ease}.error-page .content a .cta:hover{border:1px solid #8d54b6;background:#220e3f;cursor:pointer}header{background:#1a0b2e;height:100px;display:flex;justify-content:center;align-items:center;padding:0 50px;flex-shrink:0}header div{flex:1}header .mobile-menu{display:none}header .logo{display:flex;align-items:center;justify-content:center}header .logo img{height:60px;aspect-ratio:1}header .navlinks{display:flex;gap:10px}header .navlinks a{padding:5px 10px;border-radius:4px;text-decoration:none;text-transform:uppercase;font-weight:700;color:#fff;transition:background .2s ease}header .navlinks a:hover{background:#7127ba}@media screen and (max-width: 1375px){header .blank{flex:0}header .logo,header .navlinks{flex:1}}@media screen and (max-width: 960px){header .logo{flex:1}header .navlinks{flex:1;justify-content:flex-end}}@media screen and (max-width: 950px){header .logo{flex:none;justify-content:flex-start}header .navlinks{flex:1;justify-content:flex-end}}@media screen and (max-width: 640px){header{padding:5px 0;gap:5px;flex-direction:column;height:150px}header div{display:none}header .logo,header .navlinks{display:flex;flex:none}}@media screen and (max-width: 460px){header{display:flex;flex-direction:row;justify-content:space-between;padding:0 50px;height:100px}header .navlinks{position:absolute;right:0;top:100px;background:#1a0b2ef2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:0px;height:calc(100vh - 100px);transition:all .3s ease-in-out;overflow:hidden;flex-direction:column;justify-content:center;align-items:center;z-index:2}header .navlinks.active{width:100vw}header .navlinks a{background:#251c31;border-radius:8px}header .logo{flex:1}header .mobile-menu{flex:1;display:flex;justify-content:flex-end}header .mobile-menu i{font-size:1.8rem}header .mobile-menu i:hover{cursor:pointer}}footer{display:flex;align-items:center;background:#1a0b2e;margin-top:50px;padding:20px 50px;flex-shrink:0}footer .left{display:flex;gap:10px;flex:1}footer .left .logo img{width:60px;aspect-ratio:1}footer .left .copy{display:flex;flex-direction:column;justify-content:center;gap:5px}footer .left .copy span{font-size:16px}footer .left .copy span.second{font-size:12px}footer .socials{display:flex;justify-content:flex-end;flex:1;gap:10px}footer .socials a{text-decoration:none}footer .socials a i{align-items:center;background:#943ef1;color:#fff;border-radius:50%;display:flex;font-size:24px;justify-content:center;padding:8px;transition:background .2s ease}footer .socials a i:hover{cursor:pointer;background:#7127ba}@media screen and (max-width: 605px){footer{flex-direction:column;gap:20px}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Plus Jakarta Sans,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark}html,body{height:100%}#root{display:flex;flex-direction:column;height:100%}body{background:#251c31;color:#fff;scroll-behavior:smooth}.main-comp{display:flex;flex-direction:column;gap:50px;flex:1 0 auto}