.work{background-color:var(--background);color:var(--foreground);padding:1.5rem;display:flex}.work-sidebar{flex:1}.work-main{flex:3;margin:17.5svh 0 5svh}.work-container{margin-bottom:7.5rem}.work-category{will-change:transform;z-index:1;pointer-events:none;color:#fff;mix-blend-mode:difference;isolation:isolate;position:relative;top:6rem;left:-7rem;transform:translateY(0%)}.work-projects-container{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.work-project{flex-direction:column;margin-bottom:.5rem;display:flex}.work-project-img{aspect-ratio:5/3;margin-bottom:.75rem;position:relative;overflow:hidden}.work-project-img .skeleton-img{width:100%;height:100%;position:absolute;inset:0}.work-project-img img{object-fit:cover;width:100%;height:100%}.work-project-img-placeholder{background-color:var(--foreground-200);opacity:.1;width:100%;height:100%}.work-project-info{color:#fff;mix-blend-mode:difference;flex-direction:column;gap:.25rem;display:flex}.work-project-info-tags{text-transform:capitalize;color:inherit;opacity:.78}.work__project-info,.work__project-info .work__category,.work__project-info .work__title,.work__desc-text,.work-desc-text{color:#fff;mix-blend-mode:difference}.work-project-info .word,.work__project-info .word,.work__desc-text .word,.work-desc-text .word{mix-blend-mode:inherit}.category-indices{z-index:1;mix-blend-mode:difference;flex-direction:column;gap:1rem;transition:opacity .2s;display:flex;position:fixed;top:30svh;left:1.5rem}.category-index{color:var(--foreground-200);flex-direction:column;width:max-content;transition:color .3s;display:flex;position:relative}.category-index-highlighter{background-color:var(--foreground);transform-origin:0;width:100%;height:1.5px;transform:scaleX(0)}.category-index.active{color:var(--foreground)}.category-index.category-index-var-1,.category-index.category-index-var-2,.category-index.category-index-var-3{margin-left:0}@media (max-width:1000px){.work{flex-direction:column;padding:1rem}.work-sidebar{display:none}.work-main{margin:10svh 0 3svh}.work-projects-container{grid-template-columns:repeat(2,1fr);gap:1rem}.work-category{color:#fff;mix-blend-mode:difference;isolation:isolate;margin-bottom:1.5rem;position:relative;top:4rem;left:0}.category-indices{flex-flow:wrap;gap:.5rem;margin-bottom:1.5rem;padding-top:5rem;position:relative;top:auto;left:auto}.category-index{margin-left:0!important}.category-index p{align-items:center;min-height:44px;padding:.5rem .75rem;display:inline-flex}}@media (max-width:768px){.work-projects-container{grid-template-columns:repeat(2,1fr);gap:.75rem}.work-container{margin-bottom:4rem}}@media (max-width:480px){.work-projects-container{grid-template-columns:1fr;gap:1.5rem}.category-indices{padding-top:4rem}}.category-count{opacity:.4;margin-left:.3rem;font-size:.65rem}.work-see-all-container{justify-content:center;width:100vw;margin-left:calc(50% - 50vw);padding:4rem 0;display:flex}.work-see-all-btn{border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--foreground);cursor:pointer;border-radius:999px;padding:.85rem 2rem;transition:all .3s}.work-see-all-btn:hover{background:var(--ui-surface-strong);transform:translateY(-2px)}.work-load-more{color:var(--foreground);cursor:pointer;font-family:var(--font-nm);background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:1rem;transition:opacity .3s;display:flex}.work-load-more:hover{opacity:.85}.work-load-more span:first-child{text-transform:uppercase;letter-spacing:.05em;font-size:clamp(.7rem,.3rem + .5vw,1rem)}.work-load-more-arrow{background-color:var(--foreground);width:4rem;height:1.25rem;color:var(--background);border-radius:5rem;justify-content:center;align-items:center;font-size:1rem;transition:transform .3s;display:flex}.work-load-more:hover .work-load-more-arrow{transform:translate(4px)}