.work{display:flex;padding:1.5rem;background-color:var(--background);color:var(--foreground)}.work-sidebar{flex:1 1}.work-main{flex:3 1;margin:17.5svh 0 5svh}.work-container{margin-bottom:7.5rem}.work-year{position:relative;top:8rem;left:-7rem;transform:translateY(0);will-change:transform;z-index:1}.work-projects-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.work-project{display:flex;flex-direction:column;margin-bottom:.5rem}.work-project-img{aspect-ratio:5/3;overflow:hidden;margin-bottom:.75rem}.work-project-img img{width:100%;height:100%;object-fit:cover}.work-project-info{display:flex;flex-direction:column;gap:.25rem}.work-project-info-tags{text-transform:capitalize;color:var(--foreground-200)}.year-indices{position:fixed;top:30svh;left:1.5rem;gap:1rem;z-index:1}.year-index,.year-indices{display:flex;flex-direction:column}.year-index{position:relative;color:var(--foreground-200);transition:color .3s ease;width:max-content}.year-index-highlighter{width:100%;height:1.5px;background-color:var(--foreground);transform:scaleX(0);transform-origin:left}.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{top:0;left:0;margin-bottom:1.5rem}.year-indices{top:12.5svh;gap:.5rem}}