.index-filters{align-items:start;display:grid;font-size:2em;gap:2em;grid-template-columns:1fr min-content;margin-bottom:1em;width:100%}.index-filters .main{align-items:flex-start;display:flex;flex-direction:column;gap:.5em 1em;list-style-type:none;padding-left:0}.index-filters .all{justify-self:end}.idx-filter{transition:all .5s ease-in-out,font-size 0s}.idx-filter.active,.idx-filter:hover{color:var(--light-mono)}@media (min-width:700px){.index-filters{font-size:1.5em;grid-column:span 2}.index-filters .main{align-items:center;flex-direction:row;flex-wrap:wrap}}@media (min-width:1000px){.index-filters{font-size:2em}}.project-item{color:var(--white);grid-column-start:span 2;overflow:visible;padding:1.5em 0;position:relative;width:100%}.project-item-img{align-items:center;align-self:flex-start;background:var(--black-10);border-radius:20px;cursor:pointer;display:flex;filter:blur(0);flex-grow:1;height:68vw;justify-content:center;overflow:hidden;position:relative;transform:translateZ(0);transition:filter .5s ease-in-out;width:100%}.project-item-img .full{left:0;position:absolute;top:0;z-index:1}.project-item-img .vim-video{z-index:2}.project-item:hover .project-item-img{filter:blur(10px)}.project-item.upside-down .project-item-img{transform:translateZ(0) rotate(180deg)}.project-item-info{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:1em;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .5s ease-in-out;width:100%;z-index:2}.project-item:hover .project-item-info{opacity:1}.project-item-title{margin-bottom:.2em}.project-item-cats{align-items:center;display:flex;flex-wrap:wrap;gap:.3em;justify-content:center;list-style-type:none;padding-left:0}.project-item-cats li:not(:last-child):after{content:"—";margin-left:.3em}@media (min-width:700px){.project-item-img{height:66vw;max-height:calc(100svh - 3em)}.project-item.half{grid-column-start:span 1}.project-item.half .project-item-img{height:33vw}}.project-index{padding:2em 0}.project-index.simulator{background:var(--light-mono)}.project-idx-grid{display:grid;gap:0 1em;grid-template-columns:repeat(2,1fr);overflow:hidden}.project-index .sub-wrapper{--side-padding:1.1em}.project-idx-grid{transition:opacity .25s ease-in-out,transform .25s ease-in-out}.project-idx-grid.loading{opacity:0;transform:translateY(1em)}@media (min-width:700px){.project-index .sub-wrapper{--side-padding:1em}}@media (min-width:1000px){.project-index .sub-wrapper{--side-padding:.8em}.project-idx-grid{gap:0 .8em}}