.work{display:flex;padding:1.5rem;background-color:var(--background);color:var(--foreground)}.work-sidebar{flex:1 1}.work-sidebar-content{position:-webkit-sticky;position:sticky;top:30svh;display:flex;flex-direction:column;gap:.25rem}.work-main{flex:3 1;margin:17.5svh 0 5svh}.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)}.work-project-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--foreground);color:var(--background)}.work-sidebar-divider{width:100%;height:1px;background-color:var(--foreground-200);margin:.75rem 0;opacity:.3}.work-sidebar-link{opacity:.5;transition:opacity .2s ease}.work-sidebar-link:hover{opacity:1}.work-sidebar-filter{cursor:pointer;opacity:.5;transition:opacity .2s ease,color .2s ease}.work-sidebar-filter:hover{opacity:.85}.work-sidebar-filter.is-active{opacity:1;color:var(--btn-icon)}.work-category{margin-bottom:3rem}.work-category-header{margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--foreground-200)}@media (max-width:1000px){.work{flex-direction:column}.work-sidebar{margin-bottom:2rem;margin-top:15svh}.work-sidebar-content{position:static}.work-main{margin:0 0 5svh}.work-projects-container{grid-template-columns:1fr}}