:root{--black:#1A1A1A;--red:#D40B00;--white:white;--light-grey:#FAFAFA;--grey:#585858}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Mona Sans,sans-serif;font-size:1rem;background-color:var(--white);max-width:90rem;margin:auto}h1,h2,h3,h4,h5,h6{margin:0}.h1{font-size:4.5rem;font-weight:400;line-height:5rem}@media(max-width:768px){.h1{font-size:48px;line-height:56px}}.h2{font-size:3.5rem;font-weight:400}@media(max-width:768px){.h2{font-size:40px;line-height:56px}}.h3{font-size:1.25rem;font-weight:400}p{font-size:1rem;margin:0;color:var(--grey)}a{text-decoration:none;color:inherit}ul{margin:0;padding:0}#about{scroll-margin-top:25rem}@media(max-width:768px){#about{scroll-margin-top:1.25rem}}#projets{scroll-margin-top:3.125rem}#contact{scroll-margin-top:0}@media(max-width:768px){#contact{scroll-margin-top:6.875rem}}section{padding:5rem 4.5rem}@media(max-width:900px){section{padding:5rem 2rem}}@media(max-width:768px){section{padding:3rem 16px}}#project-list,.mobile-spacing{padding-top:0}@media(max-width:768px){.mobile-spacing{padding-top:5rem}}@font-face{font-family:Mona Sans;src:url(/_next/static/media/Mona-sans.3048a929.ttf) format("truetype");font-weight:100 1000;font-style:normal}.header{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:2rem 6rem;display:flex;position:fixed;top:0;margin:auto;max-width:90rem;z-index:99}@media(max-width:768px){.header{display:none}}@media(max-width:375px){.header{padding:16px 0}}.header .wrapper{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between;margin:0 auto}@media(max-width:768px){.header .wrapper{justify-content:center}}.header .wrapper .logoLink{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:8px 16px;border-radius:16px;background-color:hsla(0,0%,100%,.5)}.header .wrapper .navList{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}@media(max-width:768px){.header .wrapper .navList{display:none}}.header .wrapper .navList .navItem{display:flex;align-items:center;padding:.5rem 1.5rem;background-color:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:6.25rem}.header .wrapper .navList .navItem .navLink{font-size:1.125rem;color:var(--black);transition:color .2s linear;font-weight:500}.header .wrapper .navList .navItem .navLink:hover{color:var(--red)}.footer{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--black);border-radius:1.5rem 1.5rem 0 0;padding:3rem;margin:5rem 0 0}@media(max-width:768px){.footer{display:none}}.footer .container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.footer .container .links{width:100%;gap:1rem}.footer .container .links,.footer .container .links a{display:flex;flex-direction:row;align-items:center;justify-content:center}.footer .container .links a{color:var(--white);transform:scale(1);transition:transform .2s ease,color .2s ease}.footer .container .links a:hover{transform:scale(1.05);color:var(--red)}.btn-primary,.footer .container span{color:var(--white)}.btn-primary{background-color:var(--black);padding:.5rem 1.5rem;border-radius:6.25rem;transition:background-color .2s linear,color .2s linear;font-size:1rem;position:relative;overflow:hidden;text-align:center}@media(max-width:768px){.btn-primary{width:100%}}.btn-primary span{position:relative;z-index:2;text-align:center}.btn-primary .circle{position:absolute;width:1.25rem;height:1.25rem;bottom:-2.5rem;left:-2.5rem;background-color:var(--red);border-radius:6.25rem;transform-origin:left bottom;z-index:1}.btn-primary:hover .circle{animation:bigcircle .6s ease forwards}.btn-primary:not(:hover) .circle{animation:smallcircle .6s ease forwards}.btn-secondary{background-color:rgba(0,0,0,0);color:var(--black);border:1px solid var(--black);padding:.5rem 1.5rem;border-radius:6.25rem;position:relative;overflow:hidden;transition:color .6s ease;text-align:center}@media(max-width:768px){.btn-secondary{width:100%}}.btn-secondary span{position:relative;z-index:2;text-align:center}.btn-secondary .circle{position:absolute;width:1.25rem;height:1.25rem;bottom:-2.5rem;left:-2.5rem;background-color:var(--black);border-radius:6.25rem;transform-origin:left bottom;z-index:1}.btn-secondary:hover{color:var(--white)}.btn-secondary:hover .circle{animation:bigcircle .6s ease forwards}.btn-secondary:not(:hover) .circle{animation:smallcircle .6s ease forwards}.navbar-container{position:fixed;padding:0 16px;bottom:8px;left:0;right:0;z-index:9999;display:none;max-width:440px;margin:0 auto}@media(max-width:768px){.navbar-container{display:flex}}.navbar-mobile{display:flex;justify-content:space-around;align-items:center;background-color:var(--black);padding:8px 16px;gap:16px;width:100%;border-radius:100px}.navbar-mobile .mobile-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1 0}.navbar-mobile .mobile-button span,.navbar-mobile .mobile-button svg{color:var(--white)}.navbar-mobile .mobile-button span{font-size:12px}.project-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 24px);gap:1.5rem}.project-card:hover .mask .project-image{transform:scale(1.05)}.project-card:hover .mask .arrow-up-container{opacity:1}.project-card .mask{width:100%;height:28.125rem;border-radius:1.5rem;overflow:hidden;position:relative}@media(max-width:768px){.project-card .mask{height:250px}}.project-card .mask .project-image{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .3s ease}.project-card .mask .arrow-up-container{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:.5rem;background-color:var(--black);border-radius:.75rem;right:1rem;top:1rem;opacity:0;transition:opacity .3s ease}.project-card .mask .arrow-up-container svg{transform:rotate(45deg);color:var(--white)}@media(max-width:768px){.project-card .mask .arrow-up-container{display:none}}.project-card .project-info-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem;width:100%}.project-card .project-info-container .project-title{font-size:2rem;font-weight:400;width:100%}.project-card .project-info-container .project-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-clamp:3}.hero{display:flex;flex-direction:row;align-items:center;justify-content:center;height:80vh;margin:6.5rem 0}@media(max-width:768px){.hero{margin:0;height:100vh;padding:1rem 16px}}.hero .container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;background-color:var(--light-grey);padding:0 6rem;width:100%;height:54.5rem;margin:4.5rem 0;position:relative;overflow:hidden;border-radius:1.5rem}@media(max-width:768px){.hero .container{padding:40px;height:auto;margin:0}}@media(max-width:480px){.hero .container{padding:20px}}.hero .container .hero-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:40.625rem;gap:2rem}@media(max-width:1370px){.hero .container .hero-content{width:54%}}@media(max-width:1260px){.hero .container .hero-content{width:100%}}.hero .container .hero-content .btn-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}@media(max-width:768px){.hero .container .hero-content .btn-container{flex-direction:column;justify-content:center;width:100%}}.hero .container .down-button-container{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:.5rem;background-color:var(--black);border-radius:.5rem;left:50%;transform:translateX(-50%);bottom:1.5rem;cursor:pointer}@media(max-width:768px){.hero .container .down-button-container{display:none}}.hero .container .down-button-container svg{transform:rotate(180deg);color:var(--white)}.hero .profile-picture{position:absolute;right:0;bottom:-7.5rem;width:37.5rem;height:auto}@media(max-width:1260px){.hero .profile-picture{display:none}}.about{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:8.5rem}@media(max-width:1260px){.about{gap:80px}}@media(max-width:768px){.about{gap:40px}}@media(max-width:900px){.about{flex-direction:column;align-items:flex-start;justify-content:center}}.about .left-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:25.9375rem;gap:2rem}@media(max-width:900px){.about .left-container{width:100%}}.about .right-container{width:46.5625rem;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:1.5rem;grid-row-gap:1.5rem}@media(max-width:900px){.about .right-container{width:100%}}@media(max-width:768px){.about .right-container{grid-template-columns:repeat(1,1fr)}}.about .right-container .about-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:.5rem;padding:1.5rem;background-color:var(--light-grey);border-radius:1.5rem;width:100%}.about .right-container .about-content .about-title{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;gap:.5rem}.about .right-container .about-content .about-title .title{font-size:1.25rem;font-weight:500}.projects{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--white);gap:2rem}.projects .top-container{justify-content:space-between;width:100%}.contact,.projects .top-container{display:flex;flex-direction:row;align-items:center}.contact{justify-content:center}@media(max-width:480px){.contact{padding:48px 24px 120px}}.contact .container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5.5rem 0;gap:2.5rem;background-color:var(--light-grey);border-radius:1.5rem;width:100%}@media(max-width:768px){.contact .container{padding:48px 24px}}.contact .container h2,.contact .container p{text-align:center}.contact .container p{width:36.125rem}@media(max-width:768px){.contact .container p{width:100%}}.projects-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 4.5rem;margin:11.5rem 0 10rem;gap:5rem}.projects-page .hero-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;width:100%;grid-gap:1.5rem;gap:1.5rem}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:1.5rem;grid-row-gap:3rem;width:100%}@media(max-width:768px){.project-grid{grid-template-columns:repeat(1,1fr)}}#project-page{margin-top:7.5rem}@media(max-width:768px){#project-page{margin-top:56px}}#project-page .hero-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;padding:5rem 4.5rem}@media(max-width:768px){#project-page .hero-container{grid-template-columns:repeat(1,1fr);padding:0 16px 32px}}#project-page .hero-container .hero-content{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;width:100%;grid-gap:1.5rem;gap:1.5rem}@media(max-width:768px){#project-page .hero-container .hero-content{grid-template-columns:repeat(1,1fr)}}#project-page .project-picture{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;padding:0 5rem 4.5rem}@media(max-width:768px){#project-page .project-picture{padding:0 16px 32px}}#project-page .project-picture .project-image{width:100%;height:auto;border-radius:2rem}@media(max-width:768px){#project-page .project-picture .project-image{border-radius:24px}}.context{display:grid;align-items:flex-start;grid-template-columns:repeat(12,1fr);grid-template-rows:1fr}@media(max-width:768px){.context{grid-template-columns:repeat(1,1fr);gap:40px}}.context .context-text-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;flex-shrink:0;grid-column:span 6}@media(max-width:768px){.context .context-text-container{grid-column:span 1}}.context .context-text-container h2,.context .context-text-container p{width:100%}.context .context-numbers-container{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column:8/span 5}@media(max-width:768px){.context .context-numbers-container{grid-column:span 1}}.context .context-numbers-container .context-numbers{display:flex;padding:1.5rem;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem;flex:1 0;border-radius:1.5rem;background:var(--light-grey)}.context .context-numbers-container .context-numbers .number{color:var(--black);font-size:4rem;font-weight:400}@media(max-width:768px){.context .context-numbers-container .context-numbers .number{font-size:40px}}.context .context-numbers-container .context-numbers .number-text{color:var(--grey);font-size:1.5rem;font-weight:400}@media(max-width:768px){.context .context-numbers-container .context-numbers .number-text{font-size:16px}}.goal{display:flex;flex-direction:row;align-items:center;gap:1.5rem}@media(max-width:1024px){.goal{flex-direction:column}}.goal .goal-text{display:flex;padding:4.5rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:2rem;border-radius:1.5rem;background:var(--light-grey);flex:2 0}@media(max-width:768px){.goal .goal-text{width:100%;padding:24px}}.goal .goal-text .goal-container{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}.goal .goal-text .goal-container .goal-type{display:flex;width:100%;align-items:center;gap:2rem}.goal .goal-text .goal-container .goal-type .number-container{display:flex;padding:1rem;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border-radius:1.5rem;background:var(--white)}.goal .goal-text .goal-container .goal-type .number-container .number{font-size:2.5rem;width:3.5rem;height:auto;text-align:center}.goal .goal-text .goal-container .goal-type .number-container p{width:100%}.goal .goal-image{border-radius:1.5rem;max-height:28.5rem;object-fit:cover}@media(max-width:1024px){.goal .goal-image{max-height:none;width:100%;height:auto}}.research{gap:2rem}.research,.research .all-research-steps{display:flex;flex-direction:column;align-items:flex-start}.research .all-research-steps{gap:1.5rem;width:100%}.research .all-research-steps .steps-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-gap:1.5rem;gap:1.5rem}@media(max-width:768px){.research .all-research-steps .steps-container{grid-template-columns:repeat(1,1fr)}}.research .all-research-steps .steps-container .step-container{display:flex;width:100%;padding:1.5rem;flex-direction:column;align-items:flex-start;align-self:stretch;gap:.5rem;border-radius:1.5rem;background:var(--light-grey)}.research .all-research-steps .steps-container .step-container .step-title-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;gap:.5rem}.research .all-research-steps .steps-container .step-container .step-title-container .step-title{font-size:2rem;font-weight:400}.research .all-research-steps .steps-container .step-container ul{margin-left:1.5rem}.research .all-research-steps .steps-container .step-container ul li{color:var(--grey)}.ui{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.ui .ui-mockup-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2.5rem;width:100%}.ui .ui-mockup-container .top-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2.5rem;width:100%}@media(max-width:768px){.ui .ui-mockup-container .top-container{flex-direction:column}}.ui .ui-mockup-container .top-container .ui-mockup-left{width:100%;height:100%;object-fit:cover;border-radius:1.5rem;flex:1 0;max-height:526px;box-shadow:0 4px 16px 0 rgba(0,0,0,.05)}@media(max-width:768px){.ui .ui-mockup-container .top-container .ui-mockup-left{height:400px}}.ui .ui-mockup-container .top-container .ui-mockup-right{width:100%;height:100%;object-fit:cover;border-radius:1.5rem;flex:2 0;max-height:526px;box-shadow:0 4px 16px 0 rgba(0,0,0,.05)}@media(max-width:768px){.ui .ui-mockup-container .top-container .ui-mockup-right{height:400px}}.ui .ui-mockup-container .ui-mockup-full{width:100%;height:auto;object-fit:cover;border-radius:1.5rem}.result{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.result .h2,.result p{text-align:center;width:43.75rem}@media(max-width:768px){.result .h2,.result p{width:100%}}.result .btn-container{display:flex;align-items:center;justify-content:center;gap:2rem}@media(max-width:768px){.result .btn-container{flex-direction:column-reverse;gap:16px}}.back-next{width:100%}@media(max-width:768px){.back-next{padding-bottom:88px}}.back-next .btn-container{display:flex;align-items:center;justify-content:space-between;gap:2rem}@media(max-width:768px){.back-next .btn-container{flex-direction:column-reverse;gap:16px}}.notfound-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;gap:40px;padding:0 24px}@keyframes bigcircle{0%{width:20px;height:20px}to{width:400px;height:400px}}@keyframes smallcircle{0%{width:400px;height:400px}to{width:20px;height:20px}}