@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;600&display=swap";@font-face{font-family:molika;src:local("molika"),url(/assets/molika-210264fa.ttf);font-display:swap}*{box-sizing:border-box}html body{background-color:#e2d5c8;color:#0b090a;width:100vw;height:fit-content;max-width:1920px;margin:auto;font-display:swap}@media screen and (min-width: 1920px){html body{overflow-y:initial}}html body header{width:100%;height:fit-content;padding:2rem 4rem;display:flex;position:fixed;justify-content:right;z-index:999;top:0;left:0;right:0}@media screen and (max-width: 720px){html body header{position:fixed;top:0}}@media screen and (min-width: 720px) and (max-width: 1024px){html body header{position:fixed;top:0}}html body header .star-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 720px){html body header .star-icon{padding-top:0;position:initial;transform:translate(0);width:2.5rem}}@media screen and (min-width: 720px) and (max-width: 1024px){html body header .star-icon{width:3rem;padding-top:1rem}}@media screen and (max-width: 720px){html body header{padding:1rem 2rem;align-items:center;justify-content:space-between}}@media screen and (min-width: 720px) and (max-width: 1024px){html body header{padding:1rem 2rem}}html body header nav{width:fit-content;height:fit-content}html body header nav a{color:#0b090a;text-decoration:none;font-family:Raleway,Helvetica;display:inline-block;width:fit-content;height:fit-content}html body header nav a:hover{cursor:pointer}html body header nav a svg{width:auto;height:1.25rem}html body header nav a:first-child{margin-right:1.5rem}html body .loader{width:100vw;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;justify-content:center;align-items:center}html body .loader-white{background-color:#e2d5c8}html body .loader-white span{display:block;overflow:hidden;width:fit-content;height:fit-content}html body .loader-white span span{transform:translateY(100%);font-size:1.5rem}html body .loader-black{background-color:#0b090a}html body main{width:100%}html body main h1,html body main h2,html body main h3{font-weight:400}html body main h1{text-transform:uppercase}html body main p{font-weight:400;font-size:1rem;line-height:1.2rem;font-family:Raleway,Helvetica}html body main h2{font-family:molika,Helvetica;font-size:4rem;text-transform:uppercase}@media screen and (max-width: 720px){html body main h2{font-size:70px}}html body main h3{font-size:1rem;font-family:Raleway,Helvetica;margin-bottom:.3rem;text-transform:uppercase;font-weight:600}html body main a{font-size:30px;color:#0b090a;text-decoration:none}html body main section{padding:0 4rem}@media screen and (min-width: 720px) and (max-width: 1024px){html body main section{padding:0 2rem}}@media screen and (max-width: 720px){html body main section{padding:0 2rem}}html .hero-section{width:100%}html .hero-section .container-content{display:flex;gap:8rem;margin:10rem 0;align-items:end}@media screen and (min-width: 720px) and (max-width: 1024px){html .hero-section .container-content{flex-direction:column;gap:2rem}}@media screen and (max-width: 720px){html .hero-section .container-content{flex-direction:column;gap:2rem}}html .hero-section .container-content h1{font-size:8.5vw;text-align:left;font-family:molika,Helvetica;width:100%}html .hero-section .container-content h1 span{display:block;width:fit-content;height:fit-content;overflow:hidden}html .hero-section .container-content h1 span span{transform:translateY(100%)}@media screen and (max-width: 720px){html .hero-section .container-content h1{font-size:12vw;width:100%}}@media screen and (min-width: 720px) and (max-width: 1024px){html .hero-section .container-content h1{font-size:10.5vw;display:flex;flex-direction:column;width:100%}}html .hero-section .container-content p{width:30%;padding-bottom:1.3rem}@media screen and (min-width: 720px) and (max-width: 1024px){html .hero-section .container-content p{width:100%;padding-right:50%}}@media screen and (max-width: 720px){html .hero-section .container-content p{width:100%;padding-left:30%}}.section-project-background-container{background-color:#0b090a;position:relative;z-index:2}.section-project-background-container .projects-section{height:fit-content;width:100%;margin-top:5rem;position:relative;padding:4rem;color:#e2d5c8}@media screen and (max-width: 720px){.section-project-background-container .projects-section{margin:6rem 0 0;padding:4rem 2rem}}@media screen and (min-width: 720px) and (max-width: 1024px){.section-project-background-container .projects-section{margin:0;padding:4rem 2rem}}.section-project-background-container .projects-section ul{width:100%;height:fit-content;margin:7rem auto 0}@media screen and (max-width: 720px){.section-project-background-container .projects-section ul{display:flex;flex-direction:column;grid-gap:1rem}}.section-project-background-container .projects-section ul li.projects-section__item{width:100%;height:fit-content;margin-bottom:25rem}.section-project-background-container .projects-section ul li.projects-section__item:last-child{margin-bottom:6rem}@media screen and (min-width: 720px) and (max-width: 1024px){.section-project-background-container .projects-section ul li.projects-section__item{height:fit-content;margin-bottom:16rem}}@media screen and (max-width: 720px){.section-project-background-container .projects-section ul li.projects-section__item{height:fit-content;margin-bottom:8rem}}.section-project-background-container .projects-section ul li.projects-section__item .container-title{width:100%;height:fit-content;display:flex;align-items:center;margin-bottom:1.8rem}@media screen and (min-width: 720px) and (max-width: 1024px){.section-project-background-container .projects-section ul li.projects-section__item .container-title{margin-bottom:4rem}}@media screen and (max-width: 720px){.section-project-background-container .projects-section ul li.projects-section__item .container-title{margin-bottom:2rem}}.section-project-background-container .projects-section ul li.projects-section__item .container-title span{font-family:molika,Helvetica;font-size:6.25rem;width:10%;text-align:center}@media screen and (max-width: 720px){.section-project-background-container .projects-section ul li.projects-section__item .container-title span{margin-right:2rem}}.section-project-background-container .projects-section ul li.projects-section__item .container-title h2{width:30%}@media screen and (min-width: 720px) and (max-width: 1024px){.section-project-background-container .projects-section ul li.projects-section__item .container-title h2{width:40%}}@media screen and (max-width: 720px){.section-project-background-container .projects-section ul li.projects-section__item .container-title h2{width:100%}}.section-project-background-container .projects-section ul li.projects-section__item .container-project-content{height:60vh;width:100%;display:flex;gap:8rem}@media screen and (min-width: 720px) and (max-width: 1024px){.section-project-background-container .projects-section ul li.projects-section__item .container-project-content{height:fit-content;flex-direction:column-reverse;gap:2rem}}@media screen and (max-width: 720px){.section-project-background-container .projects-section ul li.projects-section__item .container-project-content{height:fit-content;flex-direction:column-reverse;gap:2rem}}.section-project-background-container .projects-section ul li.projects-section__item .container-project-content .projects-section__container-img{width:100%;height:100%}@media screen and (min-width: 720px) and (max-width: 1024px){.section-project-background-container .projects-section ul li.projects-section__item .container-project-content .projects-section__container-img{height:62vh}}@media screen and (max-width: 720px){.section-project-background-container .projects-section ul li.projects-section__item .container-project-content .projects-section__container-img{height:35vh}}.section-project-background-container .projects-section ul li.projects-section__item .container-project-content .projects-section__container-img img{visibility:hidden;width:80%;height:100%;object-fit:cover;float:right}@media screen and (max-width: 720px){.section-project-background-container .projects-section ul li.projects-section__item .container-project-content .projects-section__container-img img{visibility:visible;width:100%}}@media screen and (min-width: 720px) and (max-width: 1024px){.section-project-background-container .projects-section ul li.projects-section__item .container-project-content .projects-section__container-img img{visibility:visible;width:100%}}.section-project-background-container .projects-section ul li.projects-section__item .container-project-content .projects-section__container-img .view-project-infos{font-size:1rem;font-family:Raleway,Helvetica;padding-left:20%;margin-top:1rem;display:block;overflow:hidden;width:fit-content;height:fit-content;line-height:1.5rem}@media screen and (max-width: 720px){.section-project-background-container .projects-section ul li.projects-section__item .container-project-content .projects-section__container-img .view-project-infos{padding-left:0}}@media screen and (min-width: 720px) and (max-width: 1024px){.section-project-background-container .projects-section ul li.projects-section__item .container-project-content .projects-section__container-img .view-project-infos{padding-left:0}}.section-project-background-container .projects-section ul li.projects-section__item .container-project-content .projects-section__container-img .view-project-infos span{display:flex;display:block;transform:translateY(102%);color:#e2d5c8}.section-project-background-container .projects-section ul li.projects-section__item .container-project-content .projects-section__container-img .view-project-infos span svg{margin-left:.3rem}.section-project-background-container .projects-section ul li.projects-section__item .container-project-content .projects-section__item-infos{text-align:left;display:flex;flex-direction:column;width:30%}@media screen and (min-width: 720px) and (max-width: 1024px){.section-project-background-container .projects-section ul li.projects-section__item .container-project-content .projects-section__item-infos{height:fit-content;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem 8rem;width:100%;padding-left:10%;margin-bottom:4rem}}@media screen and (max-width: 720px){.section-project-background-container .projects-section ul li.projects-section__item .container-project-content .projects-section__item-infos{width:100%;padding-left:calc(2rem + 10%)}}.section-project-background-container .projects-section ul li.projects-section__item .container-project-content .projects-section__item-infos span{display:block;font-size:1rem;font-family:Raleway,Helvetica;margin-bottom:1.125rem;line-height:18px}.section-project-background-container .projects-section ul li.projects-section__item .container-project-content .projects-section__item-infos-infos-date{font-family:Raleway,Helvetica;opacity:.5;font-size:14px}.section-project-background-container .projects-section ul li.projects-section__item .container-project-content .projects-section__item-infos-infos-techno{margin-bottom:1.125rem;font-family:Raleway,Helvetica;opacity:.5;font-size:14px}.section-project-background-container .projects-section ul li.projects-section__item .container-project-content a{height:100%;width:100%;display:block}.section-project-background-container .projects-section__container-thumbnails{width:10rem;position:relative;float:right;bottom:210rem;display:flex;flex-direction:column}.section-project-background-container .projects-section__container-thumbnails span{display:block;margin:auto;width:6rem;height:4rem;background-color:transparent;border:1px solid #0b090a;position:absolute;top:0%;left:50%;transform:translate(-50%,-50%)}.section-project-background-container .projects-section__container-thumbnails img{width:5rem;height:3rem;object-fit:cover;margin:1rem auto}.section-project-background-container .projects-section__container-thumbnails img:hover{cursor:pointer}.section-project-background-container .projects-section__container-thumbnails img:last-child{margin-bottom:0}footer{background-color:#0b090a;width:100%;height:fit-content;padding:2rem 4rem!important;text-align:center;display:flex!important;color:#e2d5c8;font-family:Raleway,Helvetica!important;justify-content:space-between;z-index:99;position:relative}@media screen and (min-width: 720px) and (max-width: 1024px){footer{padding:2rem!important}}@media screen and (max-width: 720px){footer{padding:2rem!important;flex-direction:column-reverse}}footer span{font-size:.7rem}@media screen and (max-width: 720px){footer span{font-size:.6rem}}footer a{text-decoration:none;font-size:.9rem;color:#e2d5c8}footer a:hover{cursor:pointer}@media screen and (max-width: 720px){footer a{margin-bottom:1rem;font-size:.8rem}}canvas{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1}@media screen and (max-width: 720px){canvas{display:none!important}}@media screen and (min-width: 720px) and (max-width: 1024px){canvas{display:none!important}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:"";content:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}