@charset "UTF-8";::-webkit-scrollbar{display:none}body{background-color:#000;color:#fff;line-height:1.4;margin:0;padding:0;text-transform:uppercase;font-family:helvetica}button{background:none;border:none;cursor:pointer;padding:0}@font-face{font-family:helvetica;src:url(../assets/fonts/helvetica/HelveticaNeue-Light.otf)}@font-face{font-family:helvetica thin;src:url(../assets/fonts/helvetica/HelveticaNeue-Thin.otf)}@font-face{font-family:BPdots;src:url(../assets/fonts/bp/BPdotsLight.eot);src:url(../assets/fonts/bp/BPdotsLight.eot?#iefix) format("embedded-opentype"),url(../assets/fonts/bp/BPdotsLight.woff) format("woff"),url(../assets/fonts/bp/BPdotsLight.ttf) format("truetype");font-style:normal;font-weight:100;text-rendering:optimizeLegibility}ul{list-style:none;margin:0;padding:0}h1,h2{transform:scale(.94);animation:scale 2s forwards cubic-bezier(.5,1,.89,1)}h1 span,h2 span{display:inline-block;opacity:0;filter:blur(4px)}h1 span:nth-child(1),h2 span:nth-child(1){animation:fade-in .8s .1s forwards cubic-bezier(.11,0,.5,0)}h1 span:nth-child(2),h2 span:nth-child(2){animation:fade-in .8s .2s forwards cubic-bezier(.11,0,.5,0)}h1 span:nth-child(3),h2 span:nth-child(3){animation:fade-in .8s .3s forwards cubic-bezier(.11,0,.5,0)}@keyframes scale{to{transform:scale(1)}}@keyframes fade-in{to{opacity:1;filter:blur(0)}}.navHeader[data-v-ee8dcde2]{display:none}nav[data-v-ee8dcde2]{color:#fff;font-size:12px;position:fixed;display:flex;justify-content:space-between;width:fill-available;width:-webkit-fill-available;width:-moz-available;z-index:9;padding:48px 16px 16px}@media (min-width: 1000px){nav[data-v-ee8dcde2]{padding:50px}}nav .logo-container[data-v-ee8dcde2]{z-index:999}nav .logo-container p[data-v-ee8dcde2]{font-family:BPdots;font-size:16px;margin:0;line-height:1}nav .burger-container[data-v-ee8dcde2]{display:none;flex-direction:column;justify-content:center;cursor:pointer;z-index:12;transition:transform .3s ease}nav .burger-container .burger[data-v-ee8dcde2]{height:.5px;width:30px;background-color:#fff;margin:4px 0;transition:transform .3s ease,opacity .3s ease}nav .burger-container.is-active .burger-1[data-v-ee8dcde2]{transform:rotate(45deg) translateY(6px)}nav .burger-container.is-active .burger-2[data-v-ee8dcde2]{transform:rotate(-45deg) translateY(-6px)}@media (max-width: 1000px){nav .burger-container[data-v-ee8dcde2]{display:flex}}nav .menu[data-v-ee8dcde2]{display:none;flex-direction:column;gap:10px}@media (min-width: 1000px){nav .menu[data-v-ee8dcde2]{gap:40px;flex-direction:row;display:flex}}nav .menu-mobile[data-v-ee8dcde2]{display:flex;position:fixed;top:0;left:0;background-color:#000;width:100%;z-index:10;height:100vh;transition:.5s;transition-delay:.5s;overflow:hidden;flex-direction:column;padding-top:100px;font-family:BPdots}nav .menu-mobile.show[data-v-ee8dcde2]{transform:translateY(0)}.link-txt[data-v-ee8dcde2]{align-items:center;text-decoration:none;display:inline-flex;cursor:pointer;color:#fff;font-size:50px;padding:16px;position:relative;overflow:hidden;width:100%}@media (min-width: 1000px){.link-txt[data-v-ee8dcde2]{font-size:12px;border-bottom:0;padding:0}}.random-text[data-v-ee8dcde2]{line-height:1}.dropdown[data-v-ee8dcde2]{position:relative;display:inline-block;width:100%}.dropbtn[data-v-ee8dcde2]{cursor:pointer;text-transform:uppercase;font-family:BPdots;font-size:50px}@media (min-width: 1000px){.dropbtn[data-v-ee8dcde2]{font-size:12px;font-family:helvetica}}.dropdown-content .dropdown-item[data-v-ee8dcde2]{color:#fff;padding:5px 16px;text-decoration:none;display:block;transition:opacity .3s ease}@media (min-width: 1000px){.dropdown-content .dropdown-item[data-v-ee8dcde2]{padding:5px 0}}.dropdown-content[data-v-ee8dcde2]{display:none;position:absolute;top:100%;left:0;min-width:160px;z-index:10;padding-bottom:15px}@media (max-width: 1000px){.dropdown-content[data-v-ee8dcde2]{display:flex;flex-direction:column;gap:1rem;position:relative}}.show[data-v-ee8dcde2]{display:block;padding-top:1rem}.menu footer[data-v-ee8dcde2]{display:none}@media (max-width: 1000px){.menu--el[data-v-ee8dcde2]{margin:0;overflow:hidden;line-height:1;border-bottom:1px solid rgba(255,255,255,.2)}}footer[data-v-6c485495]{position:absolute;display:flex;gap:30px;flex-direction:column;align-items:center;border-top-left-radius:50px;border-top-right-radius:50px;padding-bottom:30px;font-size:12px}@media (min-width: 1000px){footer[data-v-6c485495]{position:fixed;bottom:0;left:0;flex-direction:row-reverse;justify-content:space-between;display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"vol sign soc";width:fill-available;width:-webkit-fill-available;width:-moz-available;margin:0 50px}}footer .logo-container[data-v-6c485495]{padding-top:30px}footer .logo-container img[data-v-6c485495]{mix-blend-mode:screen}footer .player[data-v-6c485495]{grid-area:vol;display:inline-block}footer .player button[data-v-6c485495]{display:block}footer .socials[data-v-6c485495]{grid-area:soc}footer .socials__list[data-v-6c485495]{justify-content:end;display:flex;flex-direction:row;gap:50px}footer .signature[data-v-6c485495]{grid-area:sign}footer .signature p[data-v-6c485495]{margin:0;text-align:center}@media (min-width: 1000px){footer .signature[data-v-6c485495]{display:flex;justify-content:center}}.link-txt[data-v-6c485495]{align-items:center;text-decoration:none;display:inline-flex;cursor:pointer;color:#fff}.link-txt:hover .cursor[data-v-6c485495]{width:100px}.link-txt .link-part2[data-v-6c485495]{display:none}@media (min-width: 1000px){.mask[data-v-6c485495]{position:relative;padding:0;height:12px;overflow:hidden}.link-container[data-v-6c485495]{transition:transform .3s ease}.part[data-v-6c485495]{display:block!important;line-height:12px;transition:transform .3s ease}.link-part1[data-v-6c485495]{transform-origin:right center}.link-part2[data-v-6c485495]{display:block;transform-origin:left center;transform:rotate(20deg)}.link-txt:hover .link-container[data-v-6c485495]{transform:translateY(-12px)}.link-txt:hover .link-part1[data-v-6c485495]{transform:rotate(20deg)}.link-txt:hover .link-part2[data-v-6c485495]{transform:rotate(0)}}.title--h1{font-size:1rem;margin:0;font-weight:100}.title--h2{font-size:1rem;font-family:helvetica}a{color:#fff;text-decoration:none}#app{position:relative}ul{list-style:none;padding:0;margin:0}.link-txt{align-items:center;text-decoration:none;display:inline-flex;cursor:pointer;color:#fff}@media (min-width: 1000px){.link-txt:hover .cursor{width:100px}}.link-txt .link-part2{display:none}@media (min-width: 1000px){.mask{position:relative;padding:0;height:12px;overflow:hidden}.link-container{transition:transform .3s ease}.part{display:block!important;line-height:12px;transition:transform .3s ease}.link-part1{transform-origin:right center}.link-part2{display:block;transform-origin:left center;transform:rotate(20deg)}.link-txt:hover .link-container{transform:translateY(-12px)}.link-txt:hover .link-part1{transform:rotate(20deg)}.link-txt:hover .link-part2{transform:rotate(0)}}.project-card[data-v-b16e2889]{cursor:pointer;position:relative}.project-card img[data-v-b16e2889]{width:100%;height:100%;filter:brightness(.7);transition:.2s ease-in-out;object-fit:cover}.project-card h3[data-v-b16e2889]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (min-width: 1000px){.project-card h3[data-v-b16e2889]{opacity:0;transition:.2s ease-in-out}}@media (min-width: 1000px){.project-card:hover h3[data-v-b16e2889]{opacity:1}}.app[data-v-57f676c2]{position:relative}.introduction[data-v-57f676c2]{position:fixed;width:100%;height:100vh;display:flex;text-align:center;justify-content:center;align-items:center;transition:filter .5s ease}.introduction .intro-container[data-v-57f676c2]{display:flex;flex-direction:column;gap:25px}.introduction .intro-container p[data-v-57f676c2]{margin:0;font-family:BPdots}.spacer[data-v-57f676c2]{height:100vh}@media (max-width: 1000px){.spacer[data-v-57f676c2]{display:none}}.projects[data-v-57f676c2]{display:none;flex-direction:column;align-items:center;padding:200px 0;margin:100px 0;position:relative;width:100%;height:300vh}.project[data-v-57f676c2]{height:500px;display:flex;justify-content:center;align-items:center;font-size:2rem;width:500px;position:absolute}.project[data-v-57f676c2]:first-of-type{top:0;left:100px}.project[data-v-57f676c2]:nth-of-type(2){top:20%;right:100px}.project[data-v-57f676c2]:nth-of-type(3){top:40%;left:100px}.project[data-v-57f676c2]:nth-of-type(4){top:60%;right:100px}.project[data-v-57f676c2]:nth-of-type(5){top:80%;left:100px}.project[data-v-57f676c2]:last-of-type{bottom:0;right:100px}@media screen and (max-width: 1024px){.introduction[data-v-57f676c2]{position:relative;height:100vh;filter:none;transform:none}.projects[data-v-57f676c2]{padding:50px 0;height:auto}.project[data-v-57f676c2]{position:static;width:100%;max-width:90%;height:auto;margin-bottom:30px}}@media screen and (max-width: 768px){.projects[data-v-57f676c2]{padding:20px 0}.project[data-v-57f676c2]{font-size:1.5rem;max-width:100%}}.about[data-v-02f4cf59]{padding:300px 16px;display:flex;flex-direction:column;gap:80px}@media (min-width: 1000px){.about[data-v-02f4cf59]{padding:300px 50px 0;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"resume skills";align-content:center}}.about .resume[data-v-02f4cf59]{grid-area:resume}.about .resume p[data-v-02f4cf59]{max-width:70ch;font-family:helvetica thin}.about .contact p[data-v-02f4cf59]{font-family:BPdots}.about .contact ul[data-v-02f4cf59]{display:flex;flex-direction:row;gap:10px}.about .contact ul li a[data-v-02f4cf59]{font-family:BPdots;border:.5px solid white;padding:6px 10px 3px;font-size:14px}.about .skills[data-v-02f4cf59]{grid-area:skills;display:flex;flex-direction:column;gap:50px}@media (min-width: 1000px){.about .skills[data-v-02f4cf59]{flex-direction:row}}.about .skills ul[data-v-02f4cf59]{display:flex;flex-wrap:wrap;gap:5px;max-width:500px}.about .skills ul li[data-v-02f4cf59]{padding:6px 10px 3px;border:.5px solid white;text-align:center;font-size:1rem;white-space:nowrap;font-size:14px;line-height:1;font-family:BPdots,Arial,sans-serif;font-weight:100}.fe{padding-top:300px}.fe h1{padding:16px}@media (min-width: 1000px){.fe h1{padding:25px 50px}}.fe .projects-grid{display:flex;flex-direction:column}@media (min-width: 1000px){.fe .projects-grid{display:grid;gap:0;grid-template-columns:repeat(3,1fr)}}.gd{padding-top:300px}.gd h1{padding:16px}@media (min-width: 1000px){.gd h1{padding:25px 50px}}.gd .projects-grid{display:flex;flex-direction:column}@media (min-width: 1000px){.gd .projects-grid{display:grid;gap:0;grid-template-columns:repeat(3,1fr)}}.uxui{padding-top:300px}.uxui h1{padding:16px}@media (min-width: 1000px){.uxui h1{padding:25px 50px}}.uxui .projects-grid{display:flex;flex-direction:column}@media (min-width: 1000px){.uxui .projects-grid{display:grid;gap:0;grid-template-columns:repeat(3,1fr)}}@media (min-width: 1000px){.project-link[data-v-728fcdc7]{transition:.2s ease-in-out}.project-link:hover svg[data-v-728fcdc7]{transform:rotate(45deg);transition:.2s ease-in-out}}.project-details img[data-v-728fcdc7]{width:100%}.project-details .bg-img[data-v-728fcdc7]{position:relative;height:100vh}.project-details .bg-img img[data-v-728fcdc7]{width:100%;height:100vh;object-fit:cover;filter:blur(4px)}.project-details .bg-img video[data-v-728fcdc7]{width:100%;height:100%;object-fit:cover}.project-details .infos-container[data-v-728fcdc7]{position:fixed;padding:16px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:-webkit-fill-available;width:fill-available;top:40%;left:0}@media (min-width: 1000px){.project-details .infos-container[data-v-728fcdc7]{padding:50px}}.project-details .description[data-v-728fcdc7]{font-family:BPdots}.project-details .images-container[data-v-728fcdc7]{display:flex;flex-direction:column}.project-details .images-container .image img[data-v-728fcdc7]{width:100%;height:100%;object-fit:cover}@media (min-width: 1000px){.project-details .images-container[data-v-728fcdc7]{display:grid;gap:0;grid-template-columns:repeat(3,1fr)}}