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