@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100..700";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,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.f-body{font-family:var(--font-body)}.f-spectral{font-family:var(--font-spectral)}.color-white{color:#fff}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:50%}.uppercase{text-transform:uppercase}.bold{font-weight:700}.fw-normal{font-weight:400}.black{font-weight:900}.text-center{text-align:center}.text-white{color:#fff}.block{display:block}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.align-center{align-self:center}.align-end{align-self:flex-end}.mx-auto{margin:0 auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.z-index{z-index:1}.o-hidden{overflow:hidden}.br-20{border-radius:20px}.br-18{border-radius:18px}.fit-cover{object-fit:cover}.pt-none{pointer-events:none!important}button{margin:0 auto;text-transform:uppercase;font-size:22px;font-family:sans-serif;border-radius:15px;padding:7px 20px 5px;border:none;outline:none;cursor:pointer;color:#000;text-decoration:none}@media screen and (max-width: 1024px){button{font-size:14px;padding:3.5px 10px 2.5px}}.loading{background-color:#000;width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;transition:transform 1s ease-in-out;transform:translateY(0)}.loading .counter{font-size:30px;font-family:sans-serif;color:#fff;align-self:center;text-align:center;margin:0 auto;transition:opacity .5s ease-in-out;opacity:1;font-variant-numeric:tabular-nums}@media screen and (max-width: 1024px){.loading .counter{font-size:14px}}.loading .progress{width:calc(100% - 20px);height:5px;background-color:#000;position:absolute;align-self:end;border-radius:5px;left:0;right:0;margin:0 auto;bottom:20px}.loading .progress span{position:absolute;transform:scaleX(0);transition:opacity 1s ease-in-out;background-color:#fff;right:0;transform-origin:top left;width:100%;height:100%;opacity:1}.finishPanel{background-color:transparent;width:100%;height:100svh;position:fixed;z-index:16;display:flex;justify-content:center;display:none;opacity:0}.finishPanel:before{position:absolute;width:100%;height:100%;content:"";top:0;left:0;z-index:-1;background-color:#000c}.finishPanel .container{display:flex;justify-content:center;flex-direction:column;align-self:center}.finishPanel .container p{color:#fff;font-size:30px;text-align:center;font-family:sans-serif}.finishPanel .container .button-container{display:flex;margin-top:20px}.panel-mobile{background-color:transparent;width:100%;height:100svh;position:fixed;z-index:16;justify-content:center;display:none;opacity:1}.panel-mobile:before{position:absolute;width:100%;height:100%;content:"";top:0;left:0;z-index:-1;background-color:#000c}.panel-mobile .button-container{align-self:center;justify-content:space-around}.panel-mobile .button-container button{margin:0 5px}:root{--column: 75px;--space-bottom: 30px}*{margin:0;padding:0}body{position:relative;overflow-x:hidden}main{display:flex;height:100%;min-height:100vh;padding:0 var(--column)}.project{display:flex;flex-direction:column;width:40%;align-self:center;justify-content:space-between;padding:var(--column) 0;padding-left:calc(var(--column) / 2)}header{position:absolute;top:var(--column);left:var(--column)}footer{position:absolute;bottom:var(--column);left:var(--column);display:flex}.infos{display:flex;flex-direction:column;width:60%;justify-content:center;font-size:30px;font-variation-settings:"wght" 400}.awards{margin-top:80px;font-size:14px}.awards-title{text-align:start}.awards p{margin:5px 0}.awards-el{margin-top:20px}.description p{margin-bottom:5px}.description p:last-of-type{margin-bottom:0}p,h1,h2,h3,.work__name,.labo__name,.random__name,.work__specs,.labo__specs,.random__specs,.footer__element{font-family:Josefin Sans,sans-serif}a{color:#000;text-decoration:none}.js-animateText span{font-variation-settings:"wght" 700;transition:.5s font-variation-settings ease-in-out}.js-animateText--invert span{font-variation-settings:"wght" 200;transition:.5s font-variation-settings ease-in-out}.center{font-variation-settings:"wght" 100!important}.closeFirst{font-variation-settings:"wght" 300!important}.closeSecond{font-variation-settings:"wght" 500!important}.js-animateText--invert span.center{font-variation-settings:"wght" 700!important}.js-animateText--invert span.closeFirst{font-variation-settings:"wght" 500!important}.js-animateText--invert span.closeSecond{font-variation-settings:"wght" 300!important}.footer__element{margin-right:20px}.footer__element:last-of-type{margin-right:0}h2{font-size:24px;margin-bottom:var(--space-bottom);text-align:end}.project__element{display:inline-flex;flex-direction:column}.work,.labo{margin-bottom:calc(var(--space-bottom) * 2)}.work__element,.labo__element,.random__element{font-size:22px;margin-bottom:calc(var(--space-bottom) / 2);text-align:end}.work__name,.labo__name,.random__name{font-size:20px;font-variation-settings:"wght" 400;text-align:end}.work__specs,.labo__specs,.random__element{font-size:18px;font-variation-settings:"wght" 300;text-align:end}.app{height:100%;width:100vw;position:fixed;z-index:-1;top:0;left:0}@media screen and (max-width: 1440px){:root{--column: 40px;--space-bottom: 15px}.infos{font-size:24px;width:70%}.awards{font-size:12px}.project{width:30%}h2{font-size:20px}.work__name,.labo__name,.random__element{font-size:18px}.work__specs,.labo__specs,.random__specs{font-size:16px}}@media screen and (max-width: 1024px){main{flex-direction:column}.infos{width:100%}.project{width:100%;flex-direction:row;justify-content:space-around;padding-left:0}h2,.work__name,.labo__name,.random__element,.work__specs,.labo__specs,.random__specs,.work__element,.labo__element{text-align:initial}header{position:relative;left:initial;top:initial;padding-top:var(--column);padding-left:var(--column);padding-bottom:var(--column)}footer{position:relative;bottom:initial;left:inherit;padding-left:var(--column);padding-bottom:var(--column)}}@media screen and (max-width: 768px){main,.project{flex-direction:column}.infos{font-size:20px}.awards{font-size:10px}h2{font-size:18px}.work__name,.labo__name,.random__element{font-size:16px}.work__specs,.labo__specs,.random__specs{font-size:14px}}@media screen and (max-width: 560px){:root{--column: 20px}.infos{font-size:16px}h2{font-size:14px}.work__name,.labo__name,.random__element,.work__specs,.labo__specs,.random__specs{font-size:12px}.project{flex-direction:column;justify-content:space-between}}