.projects-counter-odometer{display:inline-flex;align-items:baseline;vertical-align:baseline;gap:0;height:1.2em;height:1lh}.projects-counter-odometer__viewport{display:inline-block;height:1.2em;height:1lh;overflow:hidden;vertical-align:baseline}.projects-counter-odometer__track{display:flex;flex-direction:column}.projects-counter-odometer__cell{flex-shrink:0;height:1.2em;height:1lh;line-height:1.2;line-height:1lh}.projects-list-wrapper{margin-top:auto;position:relative}.projects-list-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(100% + var(--offset-x));background:linear-gradient(to bottom,#0000,#000);opacity:0;animation:fade-in 1s ease forwards 1s}.projects-list-item{width:calc(100% - var(--offset-x) * 2);display:flex;align-items:flex-end;gap:var(--grid-gap);position:absolute;bottom:0}.projects-list-item.is-hidden{transition:visibility 0s ease 1.2s;visibility:hidden}.projects-list-item.is-hidden .clip-container{--clip-container-delay: 0s}.projects-list-item.is-hidden .clip-container:nth-child(1) .clip-container__el.is-visible{transition-delay:0s}.projects-list-item.is-hidden .clip-container:nth-child(2) .clip-container__el.is-visible{transition-delay:0s}.projects-list-item.is-hidden .clip-container:nth-child(3) .clip-container__el.is-visible{transition-delay:0s}.projects-list-item.is-hidden .clip-container:nth-child(4) .clip-container__el.is-visible{transition-delay:0s}.projects-list-item.is-hidden .clip-container:nth-child(5) .clip-container__el.is-visible{transition-delay:0s}.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: .08s}.projects-list-item__info-button-wrapper{display:none;margin-left:auto;flex-shrink:0}@media screen and (max-width: 767px),(max-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:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:42px;width:100%;min-height:42px;height:100%}.projects-list-item__info{display:contents}@media screen and (max-width: 767px),(max-width: 900px) and (orientation: landscape){.projects-list-item__info{--transition-duration: 1s;--transition-delay: .24s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding-top:40px;z-index:5;display:flex;flex-direction:column;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}.projects-list-item__info:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;transition:transform calc(var(--transition-duration) - var(--transition-delay)) cubic-bezier(.65,0,.35,1) var(--transition-delay);transform:scaleY(0);transform-origin:50% 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{transform:scaleY(1);transition-delay:0s}.projects-list-item__info.is-visible .clip-container__el{transform:none}}.projects-list-item__info-inner{display:contents}@media screen and (max-width: 767px),(max-width: 900px) and (orientation: landscape){.projects-list-item__info-inner{scrollbar-width:none}.projects-list-item__info-inner::-webkit-scrollbar{width:0px;height:0px;display:none}.projects-list-item__info-inner{flex:1;display:flex;flex-direction:column;overflow-y:auto;gap:24px;padding:var(--offset-x)}}@media screen and (max-width: 900px) and (orientation: landscape){.projects-list-item__info-inner{flex-direction:row;flex-wrap:wrap}}.projects-list-item__info-close-wrapper{display:none}@media screen and (max-width: 767px),(max-width: 900px) and (orientation: landscape){.projects-list-item__info-close-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;top:var(--offset-x);left:50%;transform:translate(-50%);z-index:1}}.projects-list-item__info-close{position:relative}.projects-list-item__info-close:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:42px;width:100%;min-height:42px;height:100%}.project-item{display:flex;flex-direction:column;align-items:flex-start;gap:10px}@media screen and (max-width: 767px),(max-width: 900px) and (orientation: landscape){.project-item{position:relative}}@media screen and (max-width: 900px) and (orientation: landscape){.project-item{flex:0 0 calc(33.3333333333% - 16px)}}.project-item__label{opacity:.6}.project-item__list{display:flex;flex-direction:column;gap:6px;position:relative;text-wrap:balance}.projects-list-item__name{width:calc(var(--grid-column-width) * 3 + var(--grid-gap) * 2);flex-shrink:0}@media screen and (max-width: 767px),(max-width: 900px) and (orientation: landscape){.projects-list-item__name{width:max-content;max-width:100%;flex-shrink:1}}.project-link{display:inline-flex;align-items:flex-end;gap:.5em;padding-right:40px}.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 (max-width: 767px),(max-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 (max-width: 767px),(max-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 (max-width: 1199px){.projects-list-item__recognitions{width:calc(var(--grid-column-width) * 4 + var(--grid-gap) * 3);flex-shrink:0}}@media screen and (max-width: 767px),(max-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 (max-width: 767px),(max-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);flex-shrink:0;margin-left:auto;text-align:right;align-items:flex-end}@media screen and (max-width: 1199px){.projects-list-item__year{display:none}}@media screen and (max-width: 767px),(max-width: 900px) and (orientation: landscape){.projects-list-item__year{display:flex;width:100%;margin-left:0;align-items:flex-start}.projects-list-item__year .clip-container{--clip-container-delay: .48s}}.projects-list-item__button{position:absolute;z-index:1;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)}