.projects-counter-odometer{vertical-align:baseline;align-items:baseline;gap:0;height:1lh;display:inline-flex}.projects-counter-odometer__viewport{vertical-align:baseline;height:1lh;display:inline-block;overflow:hidden}.projects-counter-odometer__track{flex-direction:column;display:flex}.projects-counter-odometer__cell{flex-shrink:0;height:1lh;line-height:1lh}.projects-list-wrapper{margin-top:auto;position:relative}.projects-list-wrapper:before{content:"";width:100%;height:calc(100% + var(--offset-x));opacity:0;background:linear-gradient(#0000,#000);animation:1s 1s forwards fade-in;position:absolute;top:0;left:0}@media screen and (width<=767px),(width<=900px) and (orientation:landscape){.projects-list-wrapper:before{background:0 0}}.projects-list-item{width:calc(100% - var(--offset-x) * 2);align-items:flex-end;gap:var(--grid-gap);display:flex;position:absolute;bottom:0}.projects-list-item.is-hidden{visibility:hidden;transition:visibility 0s 1.2s}.projects-list-item.is-hidden .clip-container{--clip-container-delay:0s}.projects-list-item.is-hidden .clip-container:first-child .clip-container__el.is-visible,.projects-list-item.is-hidden .clip-container:nth-child(2) .clip-container__el.is-visible,.projects-list-item.is-hidden .clip-container:nth-child(3) .clip-container__el.is-visible,.projects-list-item.is-hidden .clip-container:nth-child(4) .clip-container__el.is-visible,.projects-list-item.is-hidden .clip-container:nth-child(5) .clip-container__el.is-visible,.projects-list-item.is-hidden .clip-container:nth-child(6) .clip-container__el.is-visible{transition-delay:0s}.projects-list-item.is-hidden .clip-container__el{transform:translateY(105%)}.projects-list-item .clip-container{--clip-container-delay:80ms}.projects-list-item__info-button-wrapper{flex-shrink:0;margin-left:auto;display:none}@media screen and (width<=767px),(width<=900px) and (orientation:landscape){.projects-list-item__info-button-wrapper{display:inline-flex}}.projects-list-item__info-button{position:relative}.projects-list-item__info-button:before{content:"";width:100%;min-width:42px;height:100%;min-height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.projects-list-item__info{display:contents}@media screen and (width<=767px),(width<=900px) and (orientation:landscape){.projects-list-item__info{--transition-duration:1s;--transition-delay:.24s;z-index:5;width:max-content;max-width:calc(100% - var(--offset-x) * 2);max-height:calc(100vh - var(--offset-x) * 2);visibility:hidden;transition:visibility var(--transition-duration)var(--transition-delay) ease;flex-direction:column;padding-top:40px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.projects-list-item__info:before{content:"";width:100%;height:100%;transition:transform calc(var(--transition-duration) - var(--transition-delay)) cubic-bezier(.65, 0, .35, 1) var(--transition-delay);transform-origin:50% 0;background-color:#000;position:absolute;top:0;left:0;transform:scaleY(0)}.projects-list-item__info .clip-container__el{transform:translateY(105%)}.projects-list-item__info:not(.is-visible) .clip-container__el.is-visible{transition-delay:0s}.projects-list-item__info.is-visible{--transition-delay:0s;visibility:visible}.projects-list-item__info.is-visible:before{transition-delay:0s;transform:scaleY(1)}.projects-list-item__info.is-visible .clip-container__el{transform:none}}@media screen and (width<=420px){.projects-list-item__info{width:100%}}.projects-list-item__info-inner{display:contents}@media screen and (width<=767px),(width<=900px) and (orientation:landscape){.projects-list-item__info-inner{scrollbar-width:none}.projects-list-item__info-inner::-webkit-scrollbar{width:0;height:0;display:none}.projects-list-item__info-inner{padding:var(--offset-x);flex-direction:column;flex:1;gap:24px;display:flex;overflow-y:auto}}@media screen and (width<=900px) and (orientation:landscape){.projects-list-item__info-inner{flex-flow:wrap}}.projects-list-item__info-close-wrapper{display:none}@media screen and (width<=767px),(width<=900px) and (orientation:landscape){.projects-list-item__info-close-wrapper{top:var(--offset-x);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}}.projects-list-item__info-close{position:relative}.projects-list-item__info-close:before{content:"";width:100%;min-width:42px;height:100%;min-height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-item{flex-direction:column;align-items:flex-start;gap:10px;display:flex}@media screen and (width<=767px),(width<=900px) and (orientation:landscape){.project-item{position:relative}}@media screen and (width<=900px) and (orientation:landscape){.project-item{flex:0 0 calc(33.3333% - 16px)}}.project-item__label{opacity:.6}.project-item__list{text-wrap:balance;flex-direction:column;gap:6px;display:flex;position:relative}.projects-list-item__name{width:calc(var(--grid-column-width) * 3 + var(--grid-gap) * 2);flex-shrink:0}@media screen and (width<=767px),(width<=900px) and (orientation:landscape){.projects-list-item__name{flex-shrink:1;width:max-content;max-width:100%}}.project-link{align-items:flex-end;gap:.5em;padding-right:40px;display:inline-flex}.project-link__name{text-box:trim-both cap alphabetic;text-wrap:balance}.project-link__icon{--size:1.05em;margin-bottom:-.15em}.projects-list-item__role{width:calc(var(--grid-column-width) * 2 + var(--grid-gap) * 1);flex-shrink:0}@media screen and (width<=767px),(width<=900px) and (orientation:landscape){.projects-list-item__role{width:100%}.projects-list-item__role .clip-container{--clip-container-delay:.16s}}.projects-list-item__collaborators{width:calc(var(--grid-column-width) * 3 + var(--grid-gap) * 2);flex-shrink:0}@media screen and (width<=767px),(width<=900px) and (orientation:landscape){.projects-list-item__collaborators{width:100%}.projects-list-item__collaborators .clip-container{--clip-container-delay:.24s}}.projects-list-item__recognitions{width:calc(var(--grid-column-width) * 3 + var(--grid-gap) * 2);flex-shrink:0}@media screen and (width<=1199px){.projects-list-item__recognitions{width:calc(var(--grid-column-width) * 4 + var(--grid-gap) * 3);flex-shrink:0}}@media screen and (width<=767px),(width<=900px) and (orientation:landscape){.projects-list-item__recognitions{width:100%}.projects-list-item__recognitions .clip-container{--clip-container-delay:.32s}}.projects-list-item__technologies{display:none}@media screen and (width<=767px),(width<=900px) and (orientation:landscape){.projects-list-item__technologies{display:flex}.projects-list-item__technologies .clip-container{--clip-container-delay:.4s}}.projects-list-item__year{width:calc(var(--grid-column-width) * 1 + var(--grid-gap) * 0);text-align:right;flex-shrink:0;align-items:flex-end;margin-left:auto}@media screen and (width<=1199px){.projects-list-item__year{display:none}}@media screen and (width<=767px),(width<=900px) and (orientation:landscape){.projects-list-item__year{align-items:flex-start;width:100%;margin-left:0;display:flex}.projects-list-item__year .clip-container{--clip-container-delay:.48s}}.projects-list-item__button{z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.projects-list-item__button--prev{left:var(--offset-x)}.projects-list-item__button--prev .projects-list-item__button-icon{transform:rotate(-90deg)}.projects-list-item__button--next{right:var(--offset-x)}.projects-list-item__button--next .projects-list-item__button-icon{transform:rotate(90deg)}