.work{display:flex;padding:1.5rem 1.5rem 4.5rem;background-color:var(--background);color:var(--foreground)}h1.work-year{color:var(--background);-webkit-text-stroke:1px #1a1a1a}.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:1000;max-width:-moz-fit-content;max-width:fit-content}.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;position:relative;overflow:hidden;margin-bottom:.75rem;border:1px solid var(--foreground)}.work-project-img .grain-wrapper{height:101%!important}.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);font-family:AzeretMono-Light;letter-spacing:-.02vw}.work-project-info-name{font-family:GeneralSans;font-size:1.2vw!important;display:none}.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}.footerblur{height:18vh;margin-top:-15vh;width:104vw;left:-2vw;background:var(--background);filter:blur(10px);position:absolute;z-index:1}@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}}