.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{position:relative;aspect-ratio:4/3;overflow:hidden;margin-bottom:.75rem;background-color:rgba(243,237,226,.05);display:flex;align-items:center;justify-content:center}.work-project-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.work-project-img.is-mark{padding:1.5rem}.work-project-img.is-mark img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.work-project:hover .work-project-img img{transform:scale(1.04)}.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{flex-direction:column;padding:1rem}.work-sidebar{flex:0 1}.work-main{flex:1 1;margin:7svh 0 3svh}.work-container{margin-bottom:4rem}.work-projects-container{grid-template-columns:repeat(2,1fr);gap:1rem}.work-year{top:0;left:0;margin-bottom:1.5rem}.year-indices{display:none}.work-project-img.is-mark{padding:.75rem}}@media (max-width:480px){.work{padding:.75rem}.work-main{margin:6svh 0 2svh}.work-container{margin-bottom:3rem}.work-projects-container{grid-template-columns:repeat(2,1fr);gap:.75rem}.work-project-img.is-mark{padding:.5rem}.year-index.year-index-var-2{margin-left:1rem}.year-index.year-index-var-3{margin-left:.5rem}}