.work{background-color:var(--background);color:var(--foreground);padding:1.5rem;display:flex}.work-sidebar{flex:1}.work-main{flex:3;margin:17.5svh 0 5svh}.work-container{margin-bottom:7.5rem}.work-year{will-change:transform;z-index:1;position:relative;top:8rem;left:-7rem;transform:translateY(0%)}.work-projects-container{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.work-project{flex-direction:column;margin-bottom:.5rem;display:flex}.work-project-img{aspect-ratio:5/3;margin-bottom:.75rem;overflow:hidden}.work-project-img img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .6s,transform 1s cubic-bezier(.16,1,.3,1)}.work-project:hover .work-project-img img{filter:grayscale(0);transform:scale(1.03)}@media (hover:none){.work-project-img img{filter:none}}.work-project-img-text{background-color:var(--foreground);width:100%;height:100%;color:var(--background);flex-direction:column;justify-content:space-between;padding:1rem;display:flex}.work-project-img-text p{opacity:.5}.work-project-info{flex-direction:column;gap:.25rem;display:flex}.work-project-info-tags{text-transform:capitalize;color:var(--foreground-200)}.year-indices{z-index:1;flex-direction:column;gap:1rem;display:flex;position:fixed;top:30svh;left:1.5rem}.year-index{cursor:pointer;color:var(--foreground-200);flex-direction:column;width:max-content;transition:color .3s;display:flex;position:relative}.year-index-highlighter{background-color:var(--foreground);transform-origin:0;width:100%;height:1.5px;transform:scaleX(0)}.year-index.active{color:var(--foreground)}.year-index.year-index-var-1{margin-left:0}.year-index.year-index-var-2{margin-left:2rem}.year-index.year-index-var-3{margin-left:1rem}@media (max-width:1000px){.work{padding:1rem}.work-sidebar{display:none}.work-main{margin:15svh 0 5svh}.work-container{margin-bottom:4.5rem}.work-year{margin-bottom:1rem;top:0;left:0}.work-projects-container{grid-template-columns:repeat(2,1fr);gap:1.25rem .75rem}.work-project-img{aspect-ratio:4/5;margin-bottom:.5rem}.work-project-img-text{padding:.75rem}.work-project-img-text h3{font-size:1.35rem}.work-project-info p.sm{font-size:.85rem;line-height:1.2}.year-indices{scrollbar-width:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background-color:#141414d9;border:1px solid #e4e7df1f;border-radius:5rem;flex-direction:row;gap:.25rem;max-width:calc(100vw - 2rem);padding:.5rem .75rem;top:auto;bottom:1rem;left:50%;overflow-x:auto;transform:translate(-50%)}.year-indices::-webkit-scrollbar{display:none}.year-index.year-index-var-1,.year-index.year-index-var-2,.year-index.year-index-var-3{margin-left:0}.year-index{padding:.35rem .5rem}.year-index p.sm{font-size:.95rem}}