.filter-buttons{margin-left:auto;text-align:right}.filter-buttons button{border:1px solid #000!important;margin-bottom:var(--gapM)}@media screen and (max-width:800px){.filter-buttons{margin-left:0;text-align:left}}.menu-icon{position:relative;height:2.4rem;cursor:pointer}.menu-icon.label{padding:var(--gapS);object-fit:contain}.menu-svg{width:100%;height:100%}.menu-svg line{stroke:var(--color2);stroke-width:var(--iconThickness);stroke-miterlimit:10}@media screen and (max-width:800px){.menu-icon{width:calc(2.4rem * 3);height:calc(2.8rem * 2);margin:var(--gapS);position:absolute;top:calc(var(--gapL) - .05rem);right:var(--gapL)}.menu-svg line{stroke-width:25}.menu-icon.label{padding:var(--gapM)}}.menu-icon.open{background-color:var(--color2)}.menu-icon.open .menu-svg line{stroke:var(--color1)}@media screen and (hover:hover){.menu-icon:hover .menu-svg line{stroke:var(--color1)}}.menu{position:fixed;top:0;pointer-events:none;padding:var(--gapM);width:100%;width:calc(100% - var(--gapM) * 2);margin:var(--gapM);transition:opacity .5s ease}.fadeOut{opacity:0}.menu .info{border:none;display:flex;justify-content:space-between}.menu .info>div{flex:0 1 auto}.menu .info .right{display:flex}.buttons-and-filter{margin-right:calc(var(--gapM) - var(--gapXS));display:flex;justify-content:space-between}@media screen and (max-width:800px){.buttons-and-filter{margin-top:var(--gapL);margin-left:var(--gapL);margin-right:var(--gapL)}}.buttons-and-filter .label{margin-bottom:var(--gapM)}.menu-buttons{display:flex;align-items:flex-start}.label,.menu button{pointer-events:auto;font-size:var(--fontSizeS);text-transform:uppercase;background-color:transparent;color:var(--color2);outline:none;border:none;border-radius:var(--borderRadiusS);padding:var(--gapXS) var(--gapS);margin-right:var(--gapM);transition:background-color .5s ease,color .5s ease}.menu button{cursor:pointer}@media screen and (max-width:800px){.menu .label,.menu button{font-size:var(--fontSizeM)}.name{margin-right:0}.menu .info{font-size:var(--fontSizeM);flex-direction:column}#label--design-and-dev{width:100%}}.menu button:last-of-type{margin-right:0}.menu button.active{background-color:#000;color:#fff}@media screen and (hover:hover){.menu button:hover{background-color:#000;color:#fff}}.name{width:auto}.menu a{color:inherit;text-decoration:none}.tab__cover-image{position:relative;max-height:50vw;overflow:hidden;border-top:var(--borderWidth) solid #000;border-bottom:var(--borderWidth) solid #000}.tab__cover-image.half{height:50vh}.tab__cover-image img{width:100%;height:100%;object-fit:cover}.description-container{display:flex;flex-wrap:wrap}.description-container>div{flex:1 0 50%}.description-container>div:nth-of-type(2){margin-left:var(--gapL);flex:1 0 calc(50% - var(--gapL))}@media screen and (max-width:600px){.description-container>div{flex:1 0 100%}.description-container>div:nth-of-type(2){margin-left:0}}.tab{background-color:var(--color1);color:var(--color2);border-radius:var(--borderRadiusM);box-shadow:var(--boxShadow)}.description,.further-description,.info,.links{padding:0 var(--gapS) var(--gapS) var(--gapS)}.further-description,.info,.links{font-size:var(--fontSizeS)}.description,.further-description,.info,.text{border-top:var(--borderWidth) solid #000}.description{font-size:var(--fontSizeM)}.info{padding:var(--gapS) calc(var(--gapS) + var(--gapXS));font-size:var(--fontSizeS)}@media screen and (max-width:600px){.info.empty{display:none}}.surtitle-container,.tags{text-transform:uppercase;font-size:var(--fontSizeS)}.subtitle-container{display:flex;align-items:flex-start;flex-wrap:wrap}.subtitle-container>div:first-of-type{flex:0 0 50%}.subtitle-container>div{flex:1 0 25%}.subtitle-container--right-side{display:flex;justify-content:space-between}@media screen and (max-width:600px){.subtitle-container>div,.subtitle-container>div:first-of-type{flex:1 0 100%}.subtitle-container>div>div{padding-left:var(--gapS)}.subtitle-container.small .links{flex:1 0 50%}.links+.subtitle-container--right-side{flex:1 1 auto;text-align:right}}.tags{text-align:right;margin-left:auto}.surtitle-container{display:flex;padding:var(--gapXS) var(--gapS);cursor:pointer}.surtitle-container--link{text-decoration:none}.surtitle-container div{flex:0 1 25%}.surtitle-container .tags{flex:0 1 auto;padding-left:var(--gapL)}.surtitle-container .title{flex:1 0 50%}.surtitle-container div:last-of-type{text-align:right}.title-container .title{font-size:var(--fontSizeXL);line-height:1;padding:var(--gapS)}.tech-stack{font-size:var(--fontSizeS);padding-left:var(--gapM)}.tech-stack .label{color:#000!important;background-color:#fff!important;border:1px solid #000}table,td,tr{font-size:var(--fontSizeS);border-spacing:0;vertical-align:top}@media screen and (hover:hover){tr:hover{background-color:var(--color3)}}table{width:100%}td:first-of-type{width:10%}td:nth-of-type(2),td:nth-of-type(3),td:nth-of-type(4){width:20%}td{padding:var(--gapXS);border-top:1px solid #000}td.hidden{visibility:hidden}.about h3{border-top:var(--borderWidth) solid #000;width:14.25%;font-size:var(--fontSizeM);padding:var(--gapS)}.about .info,.about .links,.about .tech-stack{padding-left:0;padding-bottom:0}@media screen and (max-width:800px){.about .description,.about h3{font-size:var(--fontSizeL)}.about h3:first-of-type{margin-top:calc(var(--gapXL) * 3)}.about .info{padding:var(--gapS) var(--gapXS)}.about .links,.about .tech-stack{padding:0 var(--gapXS)!important}}.about .subtitle-container{flex-direction:column}.blocks{display:flex;flex-wrap:wrap;border-bottom:var(--borderWidth) solid #000}.blocks .block{flex:0 0 50%;height:50vw;object-fit:cover;position:relative}@media screen and (max-width:600px){.blocks .block{flex:1 0 100%;height:100vw}.background-color+.background-color,.background-color:first-child{display:none}}img,video{height:100%;width:100%;padding:0;margin:0;display:inline-block}video{height:100.5%;width:100.5%}.vimeo-container{width:50vw;height:50vw;position:relative;display:flex;justify-content:center;align-items:center;padding:5px;box-sizing:border-box;border:0}.vimeo-embed{width:100%;height:75%;border-radius:var(--gapS);object-fit:contain}.text{font-size:var(--fontSizeS);padding:var(--gapXS) var(--gapS)}.blocks .text:first-child{padding-top:0}.text.right{margin-left:calc(50% + var(--gapL))}.text.left{margin-right:50%}@media screen and (max-width:800px){.text,.text.left,.text.right{margin:auto;font-size:var(--fontSizeM)}}.links a{display:inline-block;transition:background-color .5s ease,color .5s ease;text-transform:uppercase;text-decoration:none}.links a:hover{background-color:var(--color1);color:var(--color2)}figcaption{position:absolute;padding:var(--gapXS);font-size:var(--fontSizeS);width:100%;background-color:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);bottom:0;left:0}main{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}.tabs{padding-top:25vh;margin-top:auto}.tabs.overflowHidden{overflow:hidden}@media screen and (max-width:500px){.tabs{padding-top:35vh}}.tab{overflow:hidden}.tab--overlay{bottom:0;height:25%;background:var(--overlayGradient)}.project-link,.tab--overlay{position:absolute;width:100%;z-index:1}.project-link{top:0;left:0;height:100%}