.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;width:100%;height:100%}.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{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-projects-container{grid-template-columns:1fr}.work-year{margin-bottom:1.5rem;top:0;left:0}.year-indices{gap:.5rem;top:12.5svh}}