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}@font-face{font-family:Josefin Sans;src:url(./JosefinSans-VariableFont_wght--WQnNTTe.woff2) format("woff2-variations");font-weight:100 700;font-style:normal;font-display:swap}.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 (max-width: 1023px){button{font-size:14px;padding:3.5px 10px 2.5px}}:root{--column-count: 4;--gutter: 16px;--grid-margin: 15px}@media (min-width: 768px){:root{--column-count: 6;--gutter: 20px;--grid-margin: 30px}}@media (min-width: 1024px){:root{--column-count: 8;--gutter: 24px;--grid-margin: 60px}}#preloader{position:fixed;width:100%;height:100%;top:0;left:0;padding:0;margin:0;z-index:10;display:flex;align-items:center;justify-content:center}#preloader .preloader__counter{position:relative;z-index:1;font-size:1.5rem;font-variant-numeric:tabular-nums;letter-spacing:.05em;font-family:monospace;color:#fff}#preloader .preloader__bg{position:absolute;width:100%;height:100%;top:0;left:0;padding:0;margin:0;z-index:0;background:#181a1f;transform-origin:bottom center}.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}.matter{position:absolute}#physics-render-wrapper canvas{transform:rotateX(180deg);width:100%!important;height:100%!important}body{--text: calc((16px) * var(--h-demult, 1))}@media (min-width: 640px) and (max-width: 1199px){body{--text: calc((.3571428571vw + 13.7142857143px) * var(--h-demult, 1))}}@media (min-width: 1200px) and (max-width: 1599px){body{--text: calc((.5vw + 12px) * var(--h-demult, 1))}}@media (min-width: 1600px){body{--text: calc((20px) * var(--h-demult, 1))}}body{--title: calc((32px) * var(--h-demult, 1))}@media (min-width: 640px) and (max-width: 1199px){body{--title: calc((4.2857142857vw + 4.5714285714px) * var(--h-demult, 1))}}@media (min-width: 1200px) and (max-width: 1599px){body{--title: calc((6vw - 16px) * var(--h-demult, 1))}}@media (min-width: 1600px){body{--title: calc((80px) * var(--h-demult, 1))}}body{overflow:hidden;position:absolute;width:100%;top:0;left:0;font-size:var(--text)}.tp-dfwv{width:276px!important;z-index:5}canvas{position:fixed;width:100%;height:100%;top:0;left:0;z-index:0}.background{width:100%;height:100%;position:fixed}.touch-gui{position:fixed;bottom:5px;left:5px;z-index:5;display:none}@media screen and ((hover: none) and (pointer: coarse)){.touch-gui{display:block}}.wrapper{position:relative;z-index:1;width:100%;min-height:calc(var(--vh, 1vh) * 100);overflow:hidden;scroll-behavior:auto;overflow-y:scroll;overscroll-behavior-y:none;height:100svh;pointer-events:all;scrollbar-width:none;-ms-overflow-style:none}.wrapper::-webkit-scrollbar{display:none}.content-scroll{position:relative;min-height:calc(var(--vh, 1vh) * 100);width:100%;overscroll-behavior-y:contain;z-index:30}:root{--space-bottom: 30px;--space-inline: 20px;--space-line: 5px}*{margin:0;padding:0}.content-scroll{display:grid;grid-template-columns:repeat(var(--column-count),minmax(0,1fr));grid-template-rows:auto 1fr auto;gap:var(--gutter);padding:var(--grid-margin);box-sizing:border-box}main{display:contents}header{grid-area:1/1/2/6}.infos{grid-area:2/1/3/6;align-self:center;font-size:30px;font-variation-settings:"wght" 400}footer{grid-area:3/1/4/6;display:flex;gap:var(--space-inline)}.project{grid-area:1/6/-1/-1;display:flex;flex-direction:column;gap:calc(var(--space-bottom) * 2);text-align:end}.description{display:flex;flex-direction:column;gap:var(--space-line)}p,h1,h2,h3,.project__name,.project__specs,.footer__element{font-family:Josefin Sans,sans-serif}a{color:#000;text-decoration:none}.js-letter{display:inline-block;letter-spacing:4}.js-animateText{cursor:pointer;font-variation-settings:"wght" 700}.js-animateText--invert{font-variation-settings:"wght" 200}h2{font-size:24px}.project__section{display:flex;flex-direction:column;gap:calc(var(--space-bottom) / 2)}.project__list{display:flex;flex-direction:column;gap:calc(var(--space-bottom) / 1.5)}.project__link{display:inline-flex;flex-direction:column;gap:.5em}.project__name{font-size:20px;font-variation-settings:"wght" 400}.project__specs{font-size:18px;font-variation-settings:"wght" 300}@media (max-width: 1439px){:root{--space-bottom: 15px}.infos{font-size:24px}h2{font-size:20px}.project__name{font-size:18px}.project__specs{font-size:16px}}@media (max-width: 1023px){.content-scroll{grid-template-rows:none;align-content:start;row-gap:var(--grid-margin)}header,.infos,footer,.project{grid-area:auto/1/auto/-1}.project{display:grid;grid-template-columns:subgrid;text-align:start}.project__section{grid-column:span 2}}@media (max-width: 767px){.project{display:flex}.infos{font-size:20px}h2{font-size:18px}.project__name{font-size:16px}.project__specs{font-size:14px}}@media (max-width: 559px){.infos{font-size:16px}h2{font-size:14px}.project__name,.project__specs{font-size:12px}}