.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)}.project-indices{position:fixed;top:30svh;left:1.5rem;gap:1rem;z-index:1}.project-index,.project-indices{display:flex;flex-direction:column}.project-index{position:relative;color:#666666;transition:color .3s ease;width:max-content}.project-index-highlighter{width:100%;height:1.5px;background-color:var(--copy);transform:scaleX(0);transform-origin:left}.project-index.active{color:var(--copy)}.project-index.project-index-var-1,.project-index.project-index-var-2,.project-index.project-index-var-3{margin-left:0}body.dark-mode .project-index{color:#999999}body.dark-mode .project-index.active{color:#ffffff}@media (max-width:1000px){.work-sidebar{display:none}.work-main{flex:1 1;margin-left:0;padding-left:0}.work-projects-container{grid-template-columns:1fr}.work-year{top:0;left:0;margin-bottom:1.5rem}.project-indices{display:none}}