@charset "UTF-8";.competenceTitle{font-style:normal;font-weight:900;line-height:normal;text-transform:uppercase}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Bricolage Grotesque,sans-serif;font-display:swap}html{height:100%;overflow:hidden}body{width:100%;height:100%;overflow-x:hidden;background-color:#0a0a0a;color:#fafafa;position:relative}#app{width:100%;position:relative}#container{width:300vw;height:100dvh;display:flex;flex-direction:row;transition:transform 1s ease-in-out;overflow:auto}section{width:100vw;display:flex;justify-content:center;align-items:center;height:100dvh;overflow:auto}nav{position:fixed;bottom:0;transform:translate(-50%);background-color:#000000b3;padding:10px 20px;z-index:1000;transition:left 1s ease-in-out;width:100vw;height:200px;background:linear-gradient(180deg,#0f0f1000,#0f0f10 70%);pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:end}nav.navProjects{left:50vw}nav ul{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #262626;border-radius:40px;list-style:none;width:clamp(320px,80vw,450px);padding:0 12px}nav ul li{cursor:pointer;font-weight:400;pointer-events:auto;transition:all .3s;color:#737373;padding:16px 40px;position:relative}@media (width < 1024px){nav ul li{padding:16px}}nav ul li.active,nav ul li:hover{color:#fafafa}nav ul li.active:before,nav ul li:hover:before{background-color:#fafafa}nav ul li:before{content:"";position:absolute;bottom:4px;left:50%;width:4px;height:4px;background-color:#fafafa00;border-radius:2px}#aboutCircle{position:absolute;top:50dvh;width:250px;height:250px;border-radius:50%;transform:translate(-50%,-50%);z-index:100;border:1px solid #fafafa}#aboutCircle{left:100vw}#projectsCircle{position:fixed;background-color:transparent;border:1px solid #fafafa;z-index:1000;left:0}#projectsNav{display:none}.category{position:fixed;font-size:16px;z-index:1000}#category0{color:#fafafa}.orange{color:#44bc76}.pageHeader{position:absolute;top:200px;left:50vw;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:32px;transition:all .8s ease-in-out;opacity:0;scale:.8;overflow:hidden}.pageHeader h3{font-size:96px;font-weight:800!important;color:#fafafa!important;padding-left:4px}.pageHeader .headerInnerDiv{display:flex;flex-direction:row;align-items:start;justify-content:start;gap:24px;padding-left:4px}.pageHeader .headerInnerDiv .headerLine{height:4px;min-width:48px;border-radius:2px;background-color:#d4d4d4;margin-top:8px}.pageHeader .headerInnerDiv p{font-size:16px;font-weight:400;color:#d4d4d4;line-height:170%;max-width:25vw}.pageHeader.active{left:19.5vw;opacity:1;scale:1}.pageHeader#projectsHeader{left:190vw;scale:.6}.pageHeader#projectsHeader.active{left:19.5vw;scale:1}.pageHeader#homeHeader{left:70vw;scale:.6;z-index:10}.pageHeader#homeHeader h1{-webkit-text-stroke:12px #0a0a0a;paint-order:stroke fill;font-size:16px;font-weight:400;color:#d4d4d4;line-height:170%}@media (width < 1024px){.pageHeader#homeHeader h1{-webkit-text-stroke:6px #0a0a0a}}.pageHeader#homeHeader p{-webkit-text-stroke:12px #0a0a0a;paint-order:stroke fill}@media (width < 1024px){.pageHeader#homeHeader p{-webkit-text-stroke:6px #0a0a0a}}.pageHeader#homeHeader h3{-webkit-text-stroke:8px #0a0a0a;paint-order:stroke fill}.pageHeader#homeHeader.active{left:19.5vw;scale:1}#aboutHeader{flex-direction:row;align-items:start;justify-content:start}#aboutHeader .headerDiv{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:32px}#aboutHeader img{width:20vw}@media (width < 1024px){#aboutHeader{flex-direction:column;align-items:center}#aboutHeader img{width:40vw}.pageHeader,.pageHeader.active{flex-direction:column;align-items:start;top:50px;left:10%!important;width:80%}.pageHeader h3,.pageHeader.active h3{font-size:64px}.pageHeader .headerInnerDiv,.pageHeader.active .headerInnerDiv{width:100%}.pageHeader .headerInnerDiv p,.pageHeader.active .headerInnerDiv p{width:100%;max-width:none}.pageHeader .headerInnerDiv .headerLine,.pageHeader.active .headerInnerDiv .headerLine{min-width:32px}}.mobileHomeContainer{margin-top:50dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:64px;z-index:10}.mobileHomeContainer a{text-decoration:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px}.mobileHomeContainer a svg{width:36px!important;height:36px!important;fill:#0a0a0a!important}.mobileHomeContainer a svg circle{stroke:#fafafa!important}.mobileHomeContainer a svg path{fill:#fafafa!important}.mobileHomeContainer button span,.mobileHomeContainer a span{font-size:16px;color:#fafafa}.mobileHomeContainer button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;background-color:unset;border-radius:10px;border:1px solid #737373;padding:12px;background-color:#0a0a0a;transition:all .1s}.mobileHomeContainer button:active{background-color:#171717}.mobileHomeContainer button svg{fill:#fafafa}#aboutPage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:start}#aboutPage h3{font-weight:600;text-transform:uppercase;color:#d4d4d4;z-index:10}#aboutPage #aboutPageContainer{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:start;position:relative}#aboutPage #aboutPageContainer #about-intro{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:24px;position:relative;height:100dvh;opacity:0}#aboutPage #aboutPageContainer #about-intro h3{width:80%;margin-left:10%}#aboutPage #aboutPageContainer #about-intro #aboutIntroContainer{width:80%;margin-left:10%;display:flex;flex-direction:column-reverse;align-items:start;justify-content:center;gap:80px}@media (width >= 768px){#aboutPage #aboutPageContainer #about-intro #aboutIntroContainer{flex-direction:row;gap:8%}#aboutPage #aboutPageContainer #about-intro #aboutIntroContainer img{width:24%!important}}#aboutPage #aboutPageContainer #about-intro #aboutIntroContainer img{width:100%}#aboutPage #aboutPageContainer #about-intro #aboutIntroContainer p{font-weight:800;line-height:170%;z-index:10}#aboutPage #aboutPageContainer #about-aboutMe{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:24px;height:100dvh;position:relative}@media (width < 1024px){#aboutPage #aboutPageContainer #about-aboutMe h3,#aboutPage #aboutPageContainer #about-aboutMe p{width:80%!important}}#aboutPage #aboutPageContainer #about-aboutMe h3{width:65%;margin-left:10%}#aboutPage #aboutPageContainer #about-aboutMe p{font-weight:800;line-height:170%;width:65%;margin-left:10%;z-index:10}#aboutPage #aboutPageContainer #about-aboutMe video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;z-index:0}#aboutPage #aboutPageContainer #about-aboutMe .overlay{width:100%;height:100%;background-color:#0a0a0acc;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#aboutPage #about-competences{display:flex;flex-direction:column;align-items:start;justify-content:center;width:100%;margin-top:80px}#aboutPage #about-competences h3{width:65%;margin-left:10%}@media (width < 1024px){#aboutPage #about-competences h3{width:80%!important}}#aboutPage #about-competences .competence{display:flex;flex-direction:column;align-items:start;justify-content:center;width:100%;border-bottom:solid 1px #737373;transition:all .2s;transition:height .1s;background-color:#0a0a0a}#aboutPage #about-competences .competence:hover{background-color:#44bc76;cursor:pointer}#aboutPage #about-competences .competence:hover .competenceHero h2{color:#0a0a0a}#aboutPage #about-competences .competence .competenceHero .btn:before{content:"+";font-size:42px;font-weight:100;transition:content .3s ease-in-out}#aboutPage #about-competences .competence.active .competenceHero .btn:before{content:"−"}#aboutPage #about-competences .competence .competenceHero{width:65%;margin-left:10%;display:flex;align-items:center;justify-content:space-between;padding:24px 0}@media (width < 1024px){#aboutPage #about-competences .competence .competenceHero{width:80%!important}}#aboutPage #about-competences .competence .competenceHero h2{color:#fafafa;line-height:100%}#aboutPage #about-competences .competence .competenceContent{width:65%;margin-left:10%;display:flex;flex-direction:column;align-items:start;justify-content:center;transition:all .3s}@media (width < 1024px){#aboutPage #about-competences .competence .competenceContent{width:80%!important}}#aboutPage #about-competences .competence .competenceContent p{opacity:0;scale:.4;width:50%;height:0;transition:all .2s;line-height:170%}@media (width < 1024px){#aboutPage #about-competences .competence .competenceContent p{width:100%}}#aboutPage #about-competences .competence .competenceContent .btn{display:none;font-size:0px;padding:0;margin:0;transition:all .4s;opacity:0;scale:.4}#aboutPage #about-competences #frontEnd{border-top:1px solid #737373;margin-top:24px}#aboutPage #about-competences .competence.active:hover{background-color:#0a0a0a}#aboutPage #about-competences .competence.active .competenceHero h2{color:#44bc76}#aboutPage #about-competences .competence.active .competenceContent{width:80%;display:flex;flex-direction:column;align-items:start;justify-content:center}#aboutPage #about-competences .competence.active .competenceContent p{scale:1;opacity:1;transition:all .2s;height:auto;padding:24px 0}#aboutPage #about-competences .competence.active .competenceContent .btn{margin:24px 0;font-size:16px;position:relative;overflow:hidden;display:flex;gap:8px;align-items:center;justify-content:center;padding:12px 24px;border-radius:16px;background-color:#171717;cursor:pointer;opacity:1;scale:1;transition:all .2s}#aboutPage #about-competences .competence.active .competenceContent .btn button{background-color:unset;border:none;color:#fafafa}#aboutPage #about-competences .competence.active .competenceContent .btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:#44bc76;border-radius:50%;transform:translate(-50%,-50%) scale(0);z-index:0;transition:transform .6s ease-out,width .6s ease-out,height .6s ease-out}#aboutPage #about-competences .competence.active .competenceContent .btn span,#aboutPage #about-competences .competence.active .competenceContent .btn svg{position:relative;z-index:1}#aboutPage #about-competences .competence.active .competenceContent .btn:hover:before{width:300%;height:300%;transform:translate(-50%,-50%) scale(1)}#aboutPage #about-competences .competence.active .competenceContent .btn:before{content:"";position:absolute;border-radius:50%;background-color:#44bc76;width:0;height:0;top:var(--ripple-y, 50%);left:var(--ripple-x, 50%);transform:translate(-50%,-50%) scale(0);transition:transform .2s ease-in,width .2s ease-in,height .2s ease-in}#aboutPage #about-competences .competence.active .competenceContent .btn.hovered:before{width:var(--ripple-size, 0);height:var(--ripple-size, 0)}#aboutPage #about-usage{min-height:70dvh;width:100%;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:48px}@media (width < 1024px){#aboutPage #about-usage h3{margin-top:80px}#aboutPage #about-usage .wip{margin-bottom:80px}}#aboutPage #about-usage h3,#aboutPage #about-usage .wiu,#aboutPage #about-usage .wip{width:65%;margin-left:10%}@media (width < 1024px){#aboutPage #about-usage h3,#aboutPage #about-usage .wiu,#aboutPage #about-usage .wip{width:80%}}#aboutPage #about-usage .wip,#aboutPage #about-usage .wiu{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:24px}#aboutPage #about-usage .wip h4,#aboutPage #about-usage .wiu h4{font-size:32px}#aboutPage #about-usage .wip .wipLogos,#aboutPage #about-usage .wip .wiuLogos,#aboutPage #about-usage .wiu .wipLogos,#aboutPage #about-usage .wiu .wiuLogos{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:24px}#aboutPage #about-usage .wip .wipLogos h5,#aboutPage #about-usage .wip .wiuLogos h5,#aboutPage #about-usage .wiu .wipLogos h5,#aboutPage #about-usage .wiu .wiuLogos h5{font-size:20px}#aboutPage #about-usage .wip .wipLogos div,#aboutPage #about-usage .wip .wiuLogos div,#aboutPage #about-usage .wiu .wipLogos div,#aboutPage #about-usage .wiu .wiuLogos div{display:flex;flex-direction:row;align-items:center;justify-content:start;flex-wrap:wrap;gap:24px;width:100%}#aboutPage #about-usage .wip .wipLogos div img,#aboutPage #about-usage .wip .wiuLogos div img,#aboutPage #about-usage .wiu .wipLogos div img,#aboutPage #about-usage .wiu .wiuLogos div img{width:50px;height:auto}#aboutPage #about-formation{position:relative;overflow:hidden;width:100%;height:100dvh;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:24px}#aboutPage #about-formation h3,#aboutPage #about-formation p{width:65%;margin-left:10%}@media (width < 1024px){#aboutPage #about-formation h3,#aboutPage #about-formation p{width:80%}}#aboutPage #about-formation p{font-weight:600;color:#fafafa;line-height:170%}#aboutPage #about-formation .btn{margin:24px 0 24px 10%;font-size:16px;position:relative;overflow:hidden;display:flex;gap:8px;align-items:center;justify-content:center;padding:12px 24px;border-radius:16px;background-color:#0a0a0ae6;border:1px solid #44BC76;cursor:pointer;opacity:1;scale:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease;color:#fafafa;text-decoration:none}#aboutPage #about-formation .btn:hover{border:1px solid #44BC76}#aboutPage #about-formation .btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:#44bc76;border-radius:50%;transform:translate(-50%,-50%) scale(0);z-index:0;transition:transform .6s ease-out,width .6s ease-out,height .6s ease-out}#aboutPage #about-formation .btn svg{transform:rotate(90deg);width:16px}#aboutPage #about-formation .btn span,#aboutPage #about-formation .btn svg{position:relative;z-index:1}#aboutPage #about-formation .btn:hover:before{width:300%;height:300%;transform:translate(-50%,-50%) scale(1)}#aboutPage #about-formation .btn:before{content:"";position:absolute;border-radius:50%;background-color:#44bc76;width:0;height:0;top:var(--ripple-y, 50%);left:var(--ripple-x, 50%);transform:translate(-50%,-50%) scale(0);transition:transform .2s ease-in,width .2s ease-in,height .2s ease-in}#aboutPage #about-formation .btn.hovered:before{width:var(--ripple-size, 0);height:var(--ripple-size, 0)}#aboutPage #about-formation #formationBackground{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;object-fit:cover}#aboutPage #about-formation .videoOverlay{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;background-color:#0a0a0ae6}#aboutPage #about-contact{width:65%;margin-left:10%;align-self:start;display:flex;flex-direction:column;gap:24px;align-items:start;justify-content:center;margin-bottom:200px;margin-top:80px}@media (width < 1024px){#aboutPage #about-contact{margin-bottom:150px}}#aboutPage #about-contact #contactContainer{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:24px;width:100%}@media (width > 768px){#aboutPage #about-contact #contactContainer{flex-direction:row;justify-content:start;gap:14%}#aboutPage #about-contact #contactContainer #contactIntro,#aboutPage #about-contact #contactContainer #contactInfos{height:100%;justify-content:end!important;gap:100px!important}#aboutPage #about-contact #contactContainer #contactInfo{min-height:70px}#aboutPage #about-contact #contactContainer #contactIntro,#aboutPage #about-contact #contactContainer #contactInfos,#aboutPage #about-contact #contactContainer #QR{width:24%!important}}#aboutPage #about-contact #contactContainer #contactIntro{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:24px}#aboutPage #about-contact #contactContainer #contactIntro div{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:12px}#aboutPage #about-contact #contactContainer #contactIntro div span{color:#fafafa;font-size:24px;font-weight:700}#aboutPage #about-contact #contactContainer #contactIntro #contactLogos{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:24px}#aboutPage #about-contact #contactContainer #contactIntro #contactLogos .logo{border:1px solid #737373;border-radius:16px;transition:all .3s ease}#aboutPage #about-contact #contactContainer #contactIntro #contactLogos .logo svg{height:32px;width:32px;margin:16px}#aboutPage #about-contact #contactContainer #contactIntro #contactLogos .logo svg path{fill:#737373;transition:all .3s ease}#aboutPage #about-contact #contactContainer #contactIntro #contactLogos .logo:hover{border:1px solid #fafafa}#aboutPage #about-contact #contactContainer #contactIntro #contactLogos .logo:hover svg path{fill:#fafafa}#aboutPage #about-contact #contactContainer #contactInfos{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:24px}#aboutPage #about-contact #contactContainer #contactInfos .contactInfo{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:8px}#aboutPage #about-contact #contactContainer #contactInfos .contactInfo .contactInfoTitle{font-weight:400;color:#d4d4d4}#aboutPage #about-contact #contactContainer #contactInfos .contactInfo a{text-decoration:none}#aboutPage #about-contact #contactContainer #contactInfos .contactInfo span{font-weight:600;position:relative;color:#fafafa}#aboutPage #about-contact #contactContainer #contactInfos .contactInfo span:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#44bc76;transform:translateY(2px)}#aboutPage #about-contact #contactContainer #QR{width:50%}#aboutPage #about-contact #contactContainer #QR img{width:100%}#containerProjects{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:start;scroll-behavior:smooth;font-family:Bricolage Grotesque;position:relative;overflow:auto}@media (width < 1024px){#containerProjects #section-Archives{width:100%!important;position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}#containerProjects #section-Archives .mobileArchives{width:90%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:24px!important}#containerProjects #section-Archives .mobileArchives .mobileArchivesContainer{position:relative}#containerProjects #section-Archives .mobileArchives img{width:100%!important}}#containerProjects #projectsPage{display:flex;flex-direction:column;align-items:center;justify-content:start;width:100%;overflow:unset;height:unset}#containerProjects #projectsPage #section-Intro{width:80%;min-height:60dvh;display:flex;flex-direction:column;align-self:start;justify-content:center;gap:24px;padding-left:10%;opacity:0;margin-left:10%}#containerProjects #projectsPage #section-Intro h2{color:#fafafa;font-size:64px;font-weight:800}#containerProjects #projectsPage #section-Intro p{color:#a3a3a3;font-size:14px;font-weight:500}#containerProjects #projectsPage #section-Intro .hLine{height:1px;width:50%;background-color:#737373}#containerProjects #projectsPage #projectsContainer{display:flex;flex-direction:row;align-items:end;justify-content:end;width:50vw;margin-left:50vw;margin-right:10vw}@media (width < 1024px){#containerProjects #projectsPage #projectsContainer{width:90%!important;margin-left:10%!important;margin-right:none}}#containerProjects #projectsPage #projectsContainer #projectsList{width:100%;display:flex;flex-direction:column;align-items:start;justify-content:center;border:1px solid #737373}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer{width:100%}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer{width:100%;display:flex;justify-content:center;align-items:center;height:30dvh}@media (width < 1024px){#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer{height:20dvh}}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer:hover .projectDesc{background-color:#44bc76;color:#fafafa!important}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer:hover .projectDesc .projectNumber{color:#404040!important}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer:hover .projectDesc .desc p{color:#fafafa!important}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer.pair{flex-direction:row}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer.pair .projectDesc{border-right:1px solid #737373;height:100%}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer.impair{flex-direction:row-reverse}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer.impair .projectImg{border-right:1px solid #737373;height:100%}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc,#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectImg{width:50%;height:100%}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc{display:flex;flex-direction:row;justify-content:space-between;align-items:end;padding:20px;position:relative;overflow:hidden;cursor:pointer;opacity:1;scale:1;transition:all .2s}@media (width < 1024px){#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc{padding:10px!important}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc .desc{max-width:65%!important}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc .desc h3{font-size:16px!important}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc .desc p{font-size:14px!important}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc .projectNumber{font-size:32px!important;line-height:100%!important}}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:#44bc76;border-radius:50%;transform:translate(-50%,-50%) scale(0);z-index:0;transition:transform .2s ease-out,width .2s ease-out,height .2s ease-out}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc:hover:before{width:300%;height:300%;transform:translate(-50%,-50%) scale(1.3)}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc:before{content:"";position:absolute;border-radius:50%;background-color:#44bc76;width:0;height:0;top:var(--ripple-y, 50%);left:var(--ripple-x, 50%);transform:translate(-50%,-50%) scale(0);transition:transform .2s ease-in,width .2s ease-in,height .2s ease-in}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc.hovered:before{width:var(--ripple-size, 0);height:var(--ripple-size, 0)}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc:hover .desc h3,#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc:hover .desc p,#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc:hover .projectNumber{color:#fafafa;transition:all .2s}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc .desc{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:8px;z-index:10}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc .desc h3{color:#fafafa;font-size:20px;font-weight:600;transition:all .2s}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc .desc p{color:#a3a3a3;font-size:14px;font-weight:400;transition:all .2s}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectDesc .projectNumber{font-size:64px;font-weight:700;color:#404040;line-height:54px;z-index:10}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectImg{position:relative;overflow:hidden;background-color:#fafafa}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectImg img{width:100%;height:100%;object-fit:cover}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectImg .projectImgOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#44bc7600;transition:all .3s ease}#containerProjects #projectsPage #projectsContainer #projectsList .categoryContainer .projectContainer .projectImg .projectImgOverlay.active{background-color:#44bc7666}.modal-overlay.closing{animation:hideModal 1s forwards;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-overlay.closing .modal-content{animation:fadeOutContent .3s ease forwards}@keyframes hideModal{0%{top:0;width:100vw;height:100dvh;border-radius:0;background-color:#17171700;border:none}25%{top:0;width:100vw;height:100dvh;border-radius:0;background-color:#171717;border:none}50%{top:calc(50dvh - 5vw);width:10vw;height:10vw;border-radius:50%;background-color:#171717;border:1px solid #fafafa}75%{top:calc(50dvh - 5vw);width:10vw;height:10vw}to{top:100dvh;width:10vw;height:10vw;border-radius:50%;background-color:#171717;border:1px solid #fafafa;display:none}}@keyframes fadeOutContent{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(.2)}}@media (width < 1024px){.modal-overlay .modal-content{width:100%!important;height:100%!important;padding:24px!important;border-radius:0!important}.modal-overlay .modal-content .modal-project{flex-direction:column!important;gap:24px!important}.modal-overlay .modal-content .modal-project .left{width:100%!important;gap:24px!important}.modal-overlay .modal-content .modal-project .left h3{font-size:24px!important}.modal-overlay .modal-content .modal-project .carousel{width:100%!important}}.modal-overlay{position:fixed;width:10vw;height:10vw;left:250vw;transform:translate(-50%);z-index:100000;display:none;animation:showModal 1s forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#171717;border:1px solid #fafafa}.modal-overlay.open{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:showModal 1s forwards}@keyframes showModal{0%{top:100dvh;width:10vw;height:10vw;border-radius:50%;background-color:#171717;border:1px solid #fafafa}25%{top:calc(50dvh - 5vw);width:10vw;height:10vw}50%{top:calc(50dvh - 5vw);border-radius:50%;width:10vw;height:10vw;background-color:#171717;border:1px solid #fafafa}75%{top:0;width:100vw;height:100dvh;border-radius:0;background-color:#17171700;border:none}to{top:0;width:100vw;height:100dvh;border-radius:0;background-color:#17171700;border:none}}.modal-overlay .modal-content{display:flex;flex-direction:column;align-items:end;justify-content:start;width:80%;height:80%;opacity:0;transform:scale(.6);animation:fadeInContent .6s ease .5s forwards;background-color:#171717;border:1px solid #525252;padding:40px;border-radius:24px}.modal-overlay .modal-content .modal-project{width:100%;height:90%;display:flex;flex-direction:row;align-items:start;justify-content:space-between}.modal-overlay .modal-content .modal-project .left,.modal-overlay .modal-content .modal-project .carousel,.modal-overlay .modal-content .modal-project .carousel-wrapper,.modal-overlay .modal-content .modal-project .carousel-content{height:100%}.modal-overlay .modal-content .modal-project .left{width:30%;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:40px}.modal-overlay .modal-content .modal-project .left h3{font-weight:700;font-size:32px;color:#fafafa}.modal-overlay .modal-content .modal-project .left #visitMate{text-decoration:none;background-color:#fafafa00;border:1px solid #737373;color:#fafafa;transition:all .3s ease;border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer!important}.modal-overlay .modal-content .modal-project .left #visitMate:hover{background-color:#fafafa;border:1px solid #fafafa;color:#0a0a0a}.modal-overlay .modal-content .modal-project .left div{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:8px;width:100%}.modal-overlay .modal-content .modal-project .left div h4{font-weight:600;font-size:20px;color:#fafafa}.modal-overlay .modal-content .modal-project .left div p{font-weight:400;font-size:16px;color:#d4d4d4}.modal-overlay .modal-content .modal-project .left div .tools{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:start;flex-wrap:wrap;gap:24px}@media (width < 768px){.modal-overlay .modal-content .modal-project .left div .tools{gap:12px}}.modal-overlay .modal-content .modal-project .left div .tools img{height:40px;width:auto;object-fit:contain}@media (width < 768px){.modal-overlay .modal-content .modal-project .left div .tools img{height:35px}}.modal-overlay .modal-content .close-button{background-color:unset;border:none;cursor:pointer;color:#fafafa;font-size:24px;font-weight:700;transition:all .3s}.modal-overlay .modal-content .close-button svg path{stroke:#fafafa}@keyframes fadeInContent{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.carousel{position:relative;width:65%;overflow:hidden}.carousel-wrapper{display:flex;flex-direction:row;transition:transform .5s ease;width:100%}.carousel-content{display:flex;transition:transform .5s ease;width:100%}.carousel-content img{flex-shrink:0;width:100%;height:auto;object-fit:contain;cursor:pointer}.arrow{text-shadow:0 0 25px #0a0a0a;position:absolute;top:50%;transform:translateY(-50%);border:none;color:#fafafa;font-size:2rem;cursor:pointer;z-index:2;padding:10px;background:none}.arrow-left{left:10px}.arrow-right{right:10px}.dots{display:flex;justify-content:center;gap:5px;margin-top:10px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.dot{width:10px;height:10px;background:#fafafa;border-radius:50%;cursor:pointer;opacity:.5;transition:opacity .3s;box-shadow:0 0 5px #0a0a0a}.dot.active{opacity:1}.lightbox{position:fixed;width:100vw;height:100dvh;top:0;left:200vw;z-index:100000;background-color:#0a0a0ae6}.lightbox .lightbox-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox .lightbox-content img{max-height:90dvh;max-width:95vw}.lightbox .lightbox-content button{position:absolute;top:24px;right:24px;background-color:unset;border:none;cursor:pointer;color:#fafafa;font-size:24px;font-weight:700;transition:all .3s}.lightbox .lightbox-content button svg path{stroke:#fafafa}#animSphere{position:absolute;left:-50%;top:0;z-index:40;border-radius:50%}.animSphere{position:absolute;left:0;top:0;border-radius:50%;z-index:1200;mix-blend-mode:screen;transition:all .3s;pointer-events:none}.first-circle,.second-circle{cursor:pointer}#firstCircle,#secondCircle,span.radialNav{position:absolute}.first-point-text{z-index:10000}.point-text.position-hidden,.first-point-text.position-hidden,.second-point-text.position-hidden{display:none}.point-text,.first-point-text,.second-point-text{font-size:9px;color:#0a0a0a;font-weight:300;display:block;background-color:unset;border:none;transition:all .3s;z-index:100000!important}.point-text:hover,.first-point-text:hover,.second-point-text:hover{color:#44bc76!important;cursor:pointer!important}.point-text.position--1,.point-text.position-11,.first-point-text.position--1,.first-point-text.position-11,.second-point-text.position--1,.second-point-text.position-11{font-size:9px;color:#171717;font-weight:300}.point-text.position-0,.point-text.position-10,.first-point-text.first-position-0,.first-point-text.first-position-10,.second-point-text.second-position-0,.second-point-text.second-position-10{font-size:10px;color:#262626;font-weight:300}.point-text.position-1,.point-text.position-9,.first-point-text.first-position-1,.first-point-text.first-position-9,.second-point-text.second-position-1,.second-point-text.second-position-9{font-size:11px;color:#404040;font-weight:350}.point-text.position-2,.point-text.position-8,.first-point-text.first-position-2,.first-point-text.first-position-8,.second-point-text.second-position-2,.second-point-text.second-position-8{font-size:12px;color:#525252;font-weight:400}.point-text.position-3,.point-text.position-7,.first-point-text.first-position-3,.first-point-text.first-position-7,.second-point-text.second-position-3,.second-point-text.second-position-7{font-size:13px;color:#525252;font-weight:450}.point-text.position-4,.point-text.position-6,.first-point-text.first-position-4,.first-point-text.first-position-6,.second-point-text.second-position-4,.second-point-text.second-position-6{font-size:14px;color:#737373;font-weight:550}.point-text.position-5,.first-point-text.first-position-5,.second-point-text.second-position-5{font-size:20px;color:#fafafa;font-weight:700}.first-circleScroll,.second-circleScroll,.circleScroll{border:1px solid #404040;background-color:#0a0a0acc}#homePage{width:100vw;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}#homePage video{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1;object-fit:cover}#homePage .third-circle-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;transition:all 1s}@media (width < 1024px){#homePage .third-circle-container{display:none!important}}#homePage .third-circle-container.active{width:40vw;height:40vw;max-height:90dvh;max-width:90dvh}#homePage .third-circle-container .third-circle{width:100%;height:100%;border:1px solid #fafafa;border-radius:50%}#homePage .third-circle-container .circle-button{position:absolute;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;text-decoration:none;color:#fafafa}@media (width < 1024px){#homePage .third-circle-container .circle-button{position:relative!important;left:unset!important;top:unset!important;transform:none!important}}#homePage .third-circle-container .circle-button.btn-1{left:calc(85.35% + 75px);top:calc(14.65% - 25px);transform:translateY(100%);background-color:unset;color:#fafafa;border:1px solid #737373;border-radius:12px;padding:12px;width:max-content}#homePage .third-circle-container .circle-button.btn-1 svg{fill:#fafafa}#homePage .third-circle-container .circle-button.btn-1:hover{border:1px solid #fafafa}#homePage .third-circle-container .circle-button.btn-2{left:calc(85.35% + 75px);top:calc(85.35% - 25px);color:#fafafa;width:max-content}#homePage .third-circle-container .circle-button.btn-2 svg{transition:all .3s ease}#homePage .third-circle-container .circle-button.btn-2 svg circle{stroke:#737373;transition:all .3s ease}#homePage .third-circle-container .circle-button.btn-2 svg path{fill:#737373;transition:all .3s ease}#homePage .third-circle-container .circle-button.btn-2:hover svg circle{stroke:#fafafa}#homePage .third-circle-container .circle-button.btn-2:hover svg path{fill:#fafafa}.scrollDown{position:absolute;bottom:10dvh;display:flex;flex-direction:column;align-items:center;gap:12px;left:50vw;transform:translate(-50%)}.scrollDown svg{animation:bounce 1.5s infinite;width:40px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}#cvModale{z-index:10000;position:fixed;top:0;left:0;width:100vw;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0a0a0acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#cvModale .cvModaleContent{position:relative;display:flex;flex-direction:column;align-items:start;justify-content:center;background-color:#262626;color:#fafafa;padding:40px;border-radius:24px;border:1px solid #737373;gap:8px}#cvModale .cvModaleContent h3{font-size:32px;color:#fafafa;margin-bottom:8px}#cvModale .cvModaleContent .close-button{position:absolute;right:16px;top:16px;background-color:unset;border:none;cursor:pointer}#cvModale .cvModaleContent .close-button svg{stroke:#fafafa}#cvModale .cvModaleContent p{color:#d4d4d4;font-size:16px}#cvModale .cvModaleContent p a{text-decoration:none;color:#fafafa;position:relative;transition:all .3s}#cvModale .cvModaleContent p a:hover{color:#44bc76}#cvModale .cvModaleContent p a:hover:before{height:2px;bottom:-1px}#cvModale .cvModaleContent p a:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#44bc76;transition:all .3s}.page-container[data-v-c16b8d3b]{touch-action:pan-y pinch-zoom;overscroll-behavior:contain;will-change:transform}.page-container.grabbing[data-v-c16b8d3b]{cursor:grabbing;-webkit-user-select:none;user-select:none}.scroll-y[data-v-c16b8d3b]{touch-action:pan-y}.first-circle-container[data-v-c16b8d3b]{will-change:transform;backface-visibility:hidden;transform:translateZ(0);position:fixed;top:50%;transform:translateY(-50%);z-index:20;transition:all .3s}.first-circle[data-v-c16b8d3b]{position:absolute;top:0;left:0;transform-origin:center;width:100%;height:100%;border-radius:50%;transition:all .3s;z-index:100}.first-circle[data-v-c16b8d3b]:before{content:"";top:1px;bottom:1px;left:1px;right:1px;position:absolute;background-color:#0a0a0a;border-radius:50%}.first-circleScroll[data-v-c16b8d3b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;width:100%;height:100%;border-radius:50%;z-index:40;transition:all .3s}.first-point[data-v-c16b8d3b]{position:absolute;transform-origin:center;text-align:center;white-space:nowrap;transition:all .3s ease;z-index:100}.first-point-text[data-v-c16b8d3b]{position:absolute;white-space:nowrap;right:0;top:-200%;transition:all .3s ease-in-out;z-index:100}.arc[data-v-c16b8d3b]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;z-index:50;box-shadow:0 0 4px #fafafa;transition:all .3s;pointer-events:none}svg.arc path[data-v-c16b8d3b]{transition:all .3s}.arc.blur path[data-v-c16b8d3b]{filter:blur(2.5px);z-index:1000}.second-circle-container[data-v-c16b8d3b]{will-change:transform;backface-visibility:hidden;transform:translateZ(0);position:fixed;top:50%;transform:translateY(-50%);z-index:20;transition:all .3s}.second-circle[data-v-c16b8d3b]{position:absolute;top:0;left:0;transform-origin:center;width:100%;height:100%;border-radius:50%;z-index:20;transition:all .3s}.second-circle[data-v-c16b8d3b]:before{content:"";top:1px;bottom:1px;left:1px;right:1px;position:absolute;background-color:#0a0a0a;z-index:20;border-radius:50%}.second-circleScroll[data-v-c16b8d3b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;width:100%;height:100%;border-radius:50%;z-index:1;transition:all .3s}.second-point[data-v-c16b8d3b]{position:absolute;transform-origin:center;text-align:center;white-space:nowrap;transition:all .3s ease}.second-point-text[data-v-c16b8d3b]{position:absolute;white-space:nowrap;left:0;top:-200%;transition:all .3s ease-in-out;z-index:30}#section-Archives[data-v-c16b8d3b]{margin:120px 0;min-height:100vh;width:75vw;align-self:end;box-sizing:border-box}.masonry-grid[data-v-c16b8d3b]{display:block;margin:0 auto;width:auto}.grid-item[data-v-c16b8d3b]{position:relative;width:100%;max-width:30%;margin-bottom:10px;overflow:hidden}.grid-item img[data-v-c16b8d3b]{width:100%;height:auto;display:block;border-radius:0;transition:transform .3s ease}.archivesOverlay[data-v-c16b8d3b]{position:absolute;bottom:0;left:0;right:0;background:#44bc76e5;color:#fff;padding:24px;opacity:0;transition:opacity .3s ease;width:100%;height:100%;display:flex;flex-direction:column;align-items:start;justify-content:end;cursor:pointer}.archivesOverlay span[data-v-c16b8d3b]{font-size:20px}.grid-item:hover .archivesOverlay[data-v-c16b8d3b]{opacity:1}