.filter::-webkit-scrollbar{display:none}.filter{-ms-overflow-style:none;scrollbar-width:none;margin-top:calc(var(--spacer-block) * -1);font-size:var(--fs-m);letter-spacing:-.0075em;grid-column:3/-1}.filter-item{--clr-current:var(--clr-txt-gray);color:var(--clr-current);cursor:pointer;display:inline-block}.filter-btn{color:inherit;line-height:inherit;text-transform:inherit;cursor:inherit;margin:0;padding:0}.filter-item[data-active=true]{--clr-current:var(--clr-txt);color:var(--clr-current)}.checkbox{border:1px solid var(--clr-current);width:.75em;height:.75em;margin-right:.175em;display:inline-block;position:relative}.filter-item .line{background-color:#0000;transition:transform 50ms ease-out;position:absolute;transform:rotate(45deg)}.checkbox .line-1{inset-block:0;width:1px;left:calc(50% - .5px)}.checkbox .line-2{inset-inline:0;height:1px;top:calc(50% - .5px)}@media (hover:hover) and (pointer:fine){.filter-item[data-active=true]:first-child:hover{cursor:default;--clr-current:var(--clr-txt);color:var(--clr-current)}.filter-item:hover .line{background-color:var(--clr-current)}.filter-item:hover{--clr-current:var(--clr-hover);color:var(--clr-current)}.filter-item[data-active=true]:not(:first-child):hover,.filter-item[data-active=true]:not(:first-child):hover .line,.filter-item[data-focus=true]{--clr-current:var(--clr-hover)}.filter-item[data-active=true]:not(:first-child):hover .line-1{inset-block:var(--spacer-block);opacity:0;transform:rotate(90deg)}.filter-item[data-active=true]:not(:first-child):hover .line-2{inset-inline:var(--spacer-block);transform:rotate(0)}}.filter-item[data-active=true] .line,.filter-item[data-focus=true] .line{background-color:var(--clr-current)}.filter-item[data-focus=true]{color:var(--clr-hover)}.filter-item:not(:last-child) .filter-btn:after{content:",";margin-right:.3em}.project{grid-column:span 2;align-self:start;margin-bottom:2em}.image-wrapper{transition:transform .15s ease-out;overflow:hidden}.project{transition:opacity 75ms ease-out}.project[data-active=false][data-focus=false]{opacity:.1;cursor:default}.project[data-active=false][data-focus=true],.project[data-active=true]{opacity:1}@media (hover:hover) and (pointer:fine){.project[data-focus=true]{opacity:1;color:var(--clr-hover)}.project[data-focus=true] .project-image,.project:hover .project-image{transition:transform 30ms ease-in;transform:scale(1.033)}}.project:last-of-type{margin-bottom:3em}.project:hover .project-year,.project:hover .project-title{color:var(--clr-hover)}.project-infos{padding-top:var(--spacer-block);grid-template-columns:auto 1fr;gap:1em;display:grid}.project-year,.project-title{font-family:var(--ff-mono);font-feature-settings:"ss04" 1;font-size:var(--fs-s);letter-spacing:.005em;text-wrap:pretty;font-weight:400}@media screen and (width<=640px){header{margin-right:calc(var(--spacer-inline) * -1)}.lang{padding-bottom:1.5rem;padding-top:var(--spacer-inline);padding-right:var(--spacer-block);position:fixed;top:0;right:0}.filter{scroll-snap-type:x mandatory;padding:.5em var(--spacer-inline) .125em 0;font-size:var(--fs-l);flex-flow:row;grid-column:1/-1;margin-top:0;display:flex;overflow:scroll hidden}.filter-item{scroll-snap-align:start;flex-shrink:0}.project{margin-bottom:1.5em}.project[data-focus=true]{color:var(--clr-txt);animation:.2s ease-in-out filter}.project[data-active=false][data-focus=false]{order:1}@keyframes filter{0%{transform:scale(0)}to{transform:scale(1)}}}@media screen and (height<=520px){.filter{scroll-snap-type:x mandatory;flex-flow:row;padding-top:.6em;padding-bottom:.125em;overflow:scroll hidden}.filter-item{scroll-snap-align:start;flex-shrink:0}}