@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600&family=Playfair+Display:ital@1&display=swap";body .informations{max-width:1280px;width:100%;margin:0 auto 24px;display:flex;justify-content:space-between;align-items:flex-end}body .informations .content{display:flex;flex-direction:column;gap:4px;max-width:500px}body .informations .content .etiquette{font-size:12px;font-weight:300;border-radius:40px;padding:6px 12px;border:1px solid rgba(237,236,244,.52);width:fit-content}body .informations .content h2{font-weight:500;margin-bottom:12px}@media screen and (max-width: 1280px){body .informations{gap:64px}}@media screen and (max-width: 880px){body .informations{flex-direction:column}body .informations .content{width:100%;max-width:unset}body .informations .content h2{font-size:22px}}.header{height:50vh}.header .headbar{display:flex;justify-content:center;margin-bottom:40px}.header .headbar a:not(.hovered){cursor:default}.header .headbar .logo{display:flex;justify-content:center}.header .headbar .logo img{max-width:64px}@media screen and (max-width: 1280px){.header .headbar .logo img{max-width:56px}}@media screen and (max-width: 880px){.header .headbar .logo img{max-width:40px}}.header .headbar .burger{display:none}@media screen and (max-width: 880px){.header{height:fit-content;padding-top:80px}.header .headbar{align-items:center;position:fixed;width:100vw;top:24px;left:0;z-index:99}.header .headbar .logo{z-index:99}.header .headbar .burger{display:flex;cursor:pointer;flex:0 0 30px;height:21px;margin:0 auto;position:absolute;width:30px;right:24px;z-index:99}.header .headbar .burger.open div:first-child{transform:rotate(-45deg) translate(-14px,15px);width:100%}.header .headbar .burger.open div:nth-child(2){transform:rotate(45deg) translate(-1px,-14px)}.header .headbar .burger.open div:last-child{opacity:0;width:0}.header .headbar .burger div{background:#EDECF4;border-radius:9px;display:block;left:0;opacity:1;position:absolute;transition:.5s ease;transform-origin:left center}.header .headbar .burger div:first-child{top:0;height:1px;width:70%;left:30%}.header .headbar .burger div:nth-child(2){top:10px;height:1px;width:100%}.header .headbar .burger div:nth-child(3){top:20px;height:1px;width:50%;left:50%}.header .menu-burger{background:rgb(44,43,57);position:fixed;top:0;right:0;width:0;z-index:9;height:100vh;overflow:hidden;transition:all .5s ease}.header .menu-burger .container{width:100%;height:100%;padding:140px 24px 24px;box-sizing:border-box;position:relative}.header .menu-burger .links{display:flex;flex-direction:column;align-items:flex-end;gap:32px}.header .menu-burger .links>div{opacity:0;top:24px}.header .menu-burger .links>div:nth-child(1) a:before,.header .menu-burger .links>div:nth-child(1) span:before{content:"1."}.header .menu-burger .links>div:nth-child(2) a:before,.header .menu-burger .links>div:nth-child(2) span:before{content:"2."}.header .menu-burger .links>div:nth-child(3) a:before,.header .menu-burger .links>div:nth-child(3) span:before{content:"3.";display:inline-block;text-decoration:unset!important}.header .menu-burger .links>div:nth-child(3) a:after,.header .menu-burger .links>div:nth-child(3) span:after{content:"Bientôt";text-transform:uppercase;font-size:14px;color:#edecf485;font-weight:300;text-decoration:unset!important;position:absolute;width:max-content;bottom:-28px;right:0;padding:3px 6px;border:1px solid rgba(237,236,244,.52);border-radius:5px}.header .menu-burger .links>div a,.header .menu-burger .links>div span{font-size:36px;color:#edecf4;font-weight:500;position:relative}.header .menu-burger .links>div a:before,.header .menu-burger .links>div span:before{margin-right:6px;font-weight:600;color:#edecf485;font-size:24px;font-family:Playfair Display,serif}.header .menu-burger .links>div span{text-decoration:line-through}.header .menu-burger .info{position:fixed;bottom:32px;color:#edecf485;font-size:15px;font-weight:300;left:50%;transform:translate(-50%);width:max-content;opacity:0}}.Title{max-width:1280px;width:100%;margin:0 auto}.Title h1{font-size:90px;font-weight:500}.Title .subtitle{font-size:28px;font-weight:500;margin-top:16px}.Title .description{max-width:800px;font-weight:200;margin-top:8px}@media screen and (max-width: 880px){.Title img{max-width:90%}.Title .subtitle{font-size:26px}.Title h1{font-size:64px}.Title .description{max-width:100%}}nav{width:100%;border-top:1px solid rgba(177,177,177,.18);border-bottom:1px solid rgba(177,177,177,.18);display:flex;align-items:center;height:70px;margin-top:48px;position:absolute;top:43vh;left:0;transform:translateY(-50%);overflow:hidden;transition:all .5s ease;z-index:98}nav #navActive{transition:all .5s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-51%) scale(1.3);transform-origin:center;font-size:138px;font-weight:500;opacity:0;cursor:default;width:max-content}nav.hover{background-color:#2c2b39d9;height:120px}nav.hover #navActive{opacity:.07}nav .menu{max-width:1280px;width:100%;margin:0 auto;display:flex;gap:360px}nav .menu>*{overflow:hidden;font-size:18px;font-weight:300;position:relative;z-index:2}nav .menu>* a{text-decoration:none;color:#edecf4;white-space:nowrap}nav .menu>* a:not(.hovered){cursor:default}nav .menu>*:hover .hovered span.link{position:relative;top:-24px}nav .menu>*:hover .hovered span.linkHover{top:0}nav .menu>*:hover .hovered span.linkHover:before{margin-right:6px;font-weight:600;color:#edecf485;font-size:16px;position:relative;top:-1px}nav .menu>*:nth-child(1) span:before{content:"1."}nav .menu>*:nth-child(2) span:before{content:"2."}nav .menu>*:nth-child(3) span:before{content:"3.";display:inline-block;text-decoration:unset!important}nav .menu>* span{transition:all .5s ease}nav .menu>* span:before{margin-right:6px;font-weight:600;color:#edecf485;font-size:16px}nav .menu>* span.link{position:relative;top:0}nav .menu>* span.linkHover{top:24px;font-family:Playfair Display,serif;position:absolute;left:0}nav .menu>span{text-decoration:line-through;position:relative;cursor:default;overflow:initial;white-space:nowrap}nav .menu>span:after{content:"Bientôt";position:absolute;left:calc(100% + 8px);top:16px;opacity:0;font-size:13px;color:#2f2d3f;background:#EDECF4;border-radius:4px;padding:2px 4px 4px;font-weight:400;width:max-content;transition:all .2s ease}nav .menu>span:hover:after{top:1px;opacity:1}@media screen and (max-width: 1280px){nav{padding:0 64px;box-sizing:border-box}nav .menu{gap:240px}}@media screen and (max-width: 1000px){nav .menu{gap:unset;justify-content:space-around}}@media screen and (max-width: 880px){nav{display:none}}.transitionIn{background-color:#2c2b39;height:100%;width:100vw;position:fixed;bottom:0;left:0;z-index:98}.doubleSide{width:100%;display:flex;gap:64px}.doubleSide .leftSide{width:55%;display:flex;flex-direction:column;align-items:center;gap:40px}.doubleSide .rightSide{width:45%}.doubleSide .rightSide p{position:relative;top:25%;transition:all .3s ease}.image.rounded{border-radius:24px}.bio{max-width:1280px;width:100%;margin:150px auto 0;position:relative;z-index:1}.bio .information{font-weight:300;color:#edecf485;font-size:20px}.bio .content{margin:16px 0 32px}.socials{max-width:1280px;width:100%;margin:0 auto -200px;display:flex;gap:40px;align-items:flex-end;position:relative;top:-300px}.socials .access{width:45%;position:relative;top:-32px}.socials .access .title{display:flex;justify-content:center;align-items:center;position:relative}.socials .access .title p{font-size:14px;text-transform:uppercase;color:#edecf485;background:#2F2D3F;z-index:1;padding:0 16px}.socials .access .title .bar{height:1px;width:100%;position:absolute;background:linear-gradient(90deg,rgba(237,236,244,.2) 0%,rgba(237,236,244,.1) 100%)}.socials .access .links{display:flex;justify-content:center;gap:24px;margin-top:16px}.socials .access .links a{color:#edecf4;font-weight:400;text-decoration:none}.socials .illustration{width:55%;position:relative;border-radius:23px;overflow:hidden}.socials .illustration:after{content:"";background:linear-gradient(90deg,rgba(47,45,63,.93) 0%,rgba(47,45,63,.48) 100%);width:100%;height:100%;position:absolute;top:0;left:0}.socials .illustration img{display:block}@media screen and (max-width: 1280px){.doubleSide .rightSide p{top:10%}.socials{top:-220px}}@media screen and (max-width: 1150px){.socials{top:-180px}}@media screen and (max-width: 1000px){.doubleSide{flex-direction:column}.doubleSide .leftSide,.doubleSide .rightSide{width:100%}.socials{justify-content:center;top:unset;margin-top:56px;padding-bottom:64px}.socials .illustration{display:none}.socials .access{top:unset;width:100%}.socials .access .links{gap:48px}}@media screen and (max-width: 880px){.bio .content p{border-bottom:1px solid rgba(237,236,244,.2);padding:16px 0}.bio .content p:last-child{border-bottom:none}}@media screen and (max-width: 620px){.socials .access .links{gap:unset;justify-content:space-around}}span.light{color:#edecf4}span.highlight{color:#edecf4;position:relative}span.highlight:after{content:"";position:absolute;bottom:4px;background:linear-gradient(90deg,rgba(237,236,244,.2) 0%,rgba(237,236,244,.1) 100%);height:12px;width:100%;border-radius:2px;display:block;left:0}span.highlight.appear{animation:appearWord 1.2s ease-in-out forwards;animation-delay:.5s}span.highlight.appear:after{content:"";position:absolute;top:0;bottom:4px;left:0;width:100%;height:0%;background:#EDECF4;animation:barEffectBottom 1.2s ease-in-out forwards;animation-delay:.5s;border-radius:2px}@keyframes appearWord{0%{color:transparent}48%{color:transparent}55%{color:#edecf4}to{color:#edecf4}}@keyframes barEffectBottom{0%{bottom:unset;height:0%;top:0;opacity:1}48%{bottom:unset;height:calc(100% - 4px);top:0;opacity:1}65%{bottom:4px;top:unset;height:calc(100% - 4px);opacity:1}to{height:0%;top:unset;bottom:4px;height:12px;border-radius:2px;opacity:.25}}.image{width:100%}.image.rounded{border-radius:24px;transition:all .5s ease-out}.image.rounded.hover:hover{border-radius:400px}.France{width:36px;height:20px;background:#EDECF4;position:relative;display:inline-block;border-radius:30px;overflow:hidden;margin:0 3px}.France span{width:12px;position:absolute;height:100%}.France span:first-child{background:#de4242;left:0}.France span:last-child{background:#4264de;right:0}.introduction p{max-width:700px}#projects{max-width:1280px;width:100%;margin:140px auto 0;padding-bottom:130px}#projects .timeline{width:100%;display:flex;align-items:flex-end;margin-bottom:32px}#projects .timeline .date{font-size:20px;color:#edecf485;display:block;padding-right:16px}#projects .timeline .separator{height:1px;width:100%;background:rgba(237,236,244,.52);position:relative;bottom:5px}#projects .list{display:flex;flex-direction:column;gap:8px}#projects .list article{display:flex;justify-content:space-between;align-items:flex-end;width:100%;box-sizing:border-box;transition:all .35s ease;padding:12px 0;border-radius:24px;position:relative}#projects .list article:before{content:"";position:absolute;left:0;top:50%;opacity:0;transform:translateY(-50%);height:36px;width:36px;border-radius:10px;background-color:#2f2d3f;background-image:url(/assets/arrow-right-bd61b0c7.svg);background-repeat:no-repeat;background-position:center;background-size:50%;transition:all .35s ease}#projects .list article .title{font-size:48px;font-weight:500;color:#edecf4;transition:all .35s ease}#projects .list article .infos{color:#edecf485;display:flex;font-weight:300;transition:color .35s ease;position:relative;bottom:5px;width:50%}#projects .list article .infos .what,#projects .list article .infos .type{width:50%;text-align:right}#projects .list article:hover{padding-left:80px;padding-right:24px;background:#EDECF4}#projects .list article:hover .imgHover{display:block}#projects .list article:hover:before{left:24px;opacity:1}#projects .list article:hover .title,#projects .list article:hover .infos{color:#2f2d3f}#projects .list article:hover .infos{font-weight:400}@media screen and (max-width: 880px){#projects .list article:hover{padding-left:24px;padding-right:24px;background:#EDECF4}#projects .list article:hover .imgHover{display:none}#projects .list article:hover:before{opacity:0}}@media screen and (max-width: 800px){#projects .list article{flex-direction:column;align-items:flex-start;gap:8px}#projects .list article .title{font-size:40px}#projects .list article .infos{width:100%;gap:unset;justify-content:space-between}#projects .list article .infos .what,#projects .list article .infos .type{width:unset;text-align:left}#projects .list article .infos .what{display:none}}.infos{color:#edecf485;display:flex;font-weight:300;transition:color .35s ease;position:relative;bottom:5px;width:50%}.infos .what,.infos .type{width:50%;text-align:right}.projectInfos{display:flex;align-items:flex-end;gap:56px}.projectInfos>img{width:75%}.projectInfos aside{width:25%;display:flex;flex-direction:column;gap:56px;padding-bottom:16px}.projectInfos aside .box{display:flex;flex-direction:column;width:100%;gap:4px}.projectInfos aside .box .section{width:100%;display:flex;align-items:flex-end}.projectInfos aside .box .section span{font-weight:200;color:#edecf485;display:block;padding-right:16px}.projectInfos aside .box .section .separator{height:1px;width:100%;background:rgba(237,236,244,.3);position:relative;bottom:5px}.projectInfos aside .box p{color:#edecf4;font-weight:400;font-size:20px}.projectInfos aside .button{margin-top:24px}.projectInfos aside .button *{font-size:16px!important}.sentence{padding:128px 0;background:linear-gradient(90deg,#363448 0%,#323043 100%);display:flex;justify-content:center;margin:100px 0}.sentence h2{font-size:64px;color:#edecf452;font-weight:500}.sentence h2 span{color:transparent;position:relative}.sentence h2 span.appear{animation:appearSentence 1.2s ease-in-out forwards;animation-delay:.5s;display:inline-block}.sentence h2 span.appear:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;width:0%;background:white;animation:barEffect 1.2s ease-in-out forwards;animation-delay:.5s;border-radius:2px}@keyframes appearSentence{0%{color:transparent}48%{color:transparent}55%{color:#edecf4}to{color:#edecf4}}@keyframes barEffect{0%{left:0;width:0%;right:unset}48%{left:0;width:100%;right:unset}55%{left:unset;right:0;width:100%}to{width:0%;left:unset;right:0}}.otherLab{background:linear-gradient(90deg,#363448 0%,#323043 100%);margin:48px 0;padding:64px 0}.otherLab .content{max-width:1280px;width:100%;margin:0 auto}.otherLab .content h3{color:#edecf4;font-weight:400;font-size:22px;margin-bottom:24px}.otherLab .content .projects{display:flex;width:100%;border:1px solid rgba(237,236,244,.52);border-radius:24px;overflow:hidden}.otherLab .content .projects a{height:120px;width:33.3333333333%;text-decoration:none;color:#edecf485;font-size:24px;font-weight:400;transition:all .3s ease}.otherLab .content .projects a:hover{background:#EDECF4;color:#2f2d3f}.otherLab .content .projects a:first-child{border-right:1px solid rgba(237,236,244,.52)}.otherLab .content .projects a:last-child{border-left:1px solid rgba(237,236,244,.52)}.otherLab .content .projects a .nextLab{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.imagesList{max-width:1280px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:104px;padding-bottom:32px}.imagesList img{border-radius:50px}@media screen and (max-width: 1280px){.sentence{border-radius:24px;padding:112px 32px}.otherLab{border-radius:24px;padding:64px 48px}}@media screen and (max-width: 1050px){.projectInfos{flex-direction:column;gap:40px}.projectInfos aside{width:100%;gap:24px}.projectInfos aside .button{margin-top:16px}.projectInfos aside .button a{font-size:18px!important;width:100%;display:inline-block;text-align:center;padding:16px 32px}.sentence{padding:80px 48px}}@media screen and (max-width: 880px){.sentence{padding:60px 48px;margin:80px auto;box-sizing:border-box}.sentence h2{font-size:52px}.imagesList{gap:64px}.otherLab{padding:32px}.otherLab .content .projects{flex-direction:column}.otherLab .content .projects a{width:100%;height:100px}.otherLab .content .projects a:first-child{border-right:0}.otherLab .content .projects a:last-child{border-left:0}.otherLab .content .projects a:not(a:last-child){border-bottom:1px solid rgba(237,236,244,.52)}}.button.rounded *{border-radius:50px}.button *{padding:10px 20px;border-radius:50px;border:1px solid rgba(237,236,244,.52);box-sizing:border-box;font-size:13px;font-weight:300;width:fit-content;cursor:pointer;text-decoration:none;color:#edecf485;text-transform:uppercase;transition:all .3s ease}.button:hover *{background:rgba(237,236,244,.52);font-weight:400;border-color:transparent;transition:all .3s ease;color:#2f2d3f}@font-face{font-family:Forever Freedom;src:url(/assets/forever-freedom-regular-f60455b9.ttf) format("truetype")}@font-face{font-family:Forever Italic;src:url(/assets/forever-freedom-outline-italic-9099f3a4.ttf) format("truetype")}@font-face{font-family:Forever Freedom;src:url(forever-freedom-regular.otf) format("opentype"),url(forever-freedom-regular.ttf) format("truetype")}@font-face{font-family:Forever Italic;src:url(forever-freedom-outline-italic.otf) format("opentype"),url(forever-freedom-outline-italic.ttf) format("truetype")}body{margin:0;width:100vw;background:radial-gradient(circle at 30% 60vh,rgba(86,93,101,.337254902),transparent 50vh),radial-gradient(circle at 50% 50vh,rgba(18,37,104,.4392156863),transparent 50vh),#2f2d3f;overflow-x:hidden;font-family:Outfit,sans-serif;color:#edecf4}body.fullpage{overflow:hidden}body.fullpage #root{height:100vh;display:flex;flex-direction:column;width:100%;justify-content:space-between}body.noScroll{height:100vh!important;overflow:hidden!important}body #root{padding:24px 0 48px;box-sizing:border-box;position:relative}body p,body h1,body h2,body h3{margin:0}body p{font-weight:200;line-height:150%}body a{text-decoration:none}body #letter{opacity:.2;position:absolute;left:50%;top:-10vh;transform:translate(-50%);scale:1;z-index:-1}body .contentPage{max-width:1280px;width:100%;margin:112px auto 0}body p.paragraph{font-size:36px;color:#edecf485;font-weight:400}body .hoverProject{position:absolute;width:180px;height:320px;z-index:10;border-radius:100px;overflow:hidden}body .hoverProject img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 1280px){body #root{padding-left:64px;padding-right:64px}}@media screen and (max-width: 880px){body.fullpage{overflow-y:unset}body.fullpage #root{height:auto;min-height:100vh;justify-content:unset;gap:256px}body #root{padding-left:24px;padding-right:24px;overflow-x:hidden}body #letter{max-width:110vw;top:-35vh}body p.paragraph{font-size:32px}}