.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-category{position:relative;top:8rem;left:-7rem;transform:translateY(0);will-change:transform;z-index:1;font-size:clamp(2.5rem,1.815rem + 5.75vw,9rem);font-weight:600;line-height:1.1;letter-spacing:-.075rem}.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:5/3;overflow:hidden;margin-bottom:.75rem}@media (hover:hover){.work-project-img{cursor:none}}.work-cursor{position:fixed;top:0;left:0;z-index:10006;display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;margin:-3rem 0 0 -3rem;border-radius:50%;background-color:var(--foreground);color:var(--background);pointer-events:none;opacity:0;transform:scale(0);will-change:transform}.work-cursor .caps.mono{font-family:var(--font-dm-mono),monospace;font-weight:500;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}@media (hover:none){.work-cursor{display:none}}.work-project-img img{width:100%;height:100%;object-fit:cover}.work-project-count{position:absolute;top:.6rem;right:.6rem;z-index:1;display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .45rem;background-color:var(--foreground);color:var(--background);font-family:var(--font-dm-mono),monospace;font-weight:600;font-size:.72rem;letter-spacing:.04em;line-height:1;pointer-events:none}.work-project-count svg{display:block}.work-project-info{display:flex;flex-direction:column;gap:.25rem}.work-project-info-tags{text-transform:capitalize;color:var(--foreground-200)}.category-indices{position:fixed;top:30svh;left:1.5rem;gap:1rem;z-index:1}.category-index,.category-indices{display:flex;flex-direction:column}.category-index{position:relative;color:var(--foreground-200);text-decoration:none;transition:color .3s ease;width:max-content}.category-index:focus-visible{outline:1px solid var(--foreground);outline-offset:4px}.category-index-highlighter{width:100%;height:1.5px;background-color:var(--foreground);transform:scaleX(0);transform-origin:left}.category-index.active{color:var(--foreground)}.category-blurb{display:grid;grid-template-rows:0fr;max-width:clamp(9rem,15vw,15rem)}.category-index.active+.category-blurb{grid-template-rows:1fr}.category-blurb-text{overflow:hidden;min-height:0;margin:0;padding:.85rem .75rem .5rem 1.25rem;color:var(--foreground-deep);line-height:1.5;opacity:0}.category-index.active+.category-blurb .category-blurb-text{opacity:1}.category-indices.blurbs-ready .category-blurb{transition:grid-template-rows .4s cubic-bezier(.25,1,.5,1)}.category-indices.blurbs-ready .category-blurb-text{transition:opacity .25s ease-out}.category-indices.blurbs-ready .category-index.active+.category-blurb .category-blurb-text{transition:opacity .3s ease-out .1s}@media (prefers-reduced-motion:reduce){.category-indices.blurbs-ready .category-blurb,.category-indices.blurbs-ready .category-blurb-text{transition:none}}.work-lightbox{position:fixed;inset:0;z-index:10004}@media (hover:hover){.work-lightbox--custom-cursor,.work-lightbox--custom-cursor .work-lightbox-close,.work-lightbox--custom-cursor .work-lightbox-frame{cursor:none}}.work-lightbox-backdrop{position:absolute;inset:0;opacity:0;background-color:rgba(245,245,242,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.work-lightbox-frame{position:fixed;z-index:1;will-change:transform}.work-lightbox-frame img{width:100%;height:100%;object-fit:contain}.work-lightbox-video{position:fixed;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);opacity:0;visibility:hidden}.work-lightbox-video,.work-lightbox-video video{width:auto;height:auto;max-width:92vw;max-height:88svh}.work-lightbox-video video{display:block;background-color:#000}.work-lightbox-close{position:fixed;top:1.5rem;right:1.5rem;z-index:2;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:none;border-radius:50%;background-color:var(--foreground);color:var(--background);font-size:1.5rem;line-height:1;opacity:0;transition:transform .25s ease}.work-lightbox-close:hover{transform:scale(1.08)}@media (max-width:1000px){.work-projects-container{grid-template-columns:1fr}.work-category{top:0;left:0;margin-bottom:1.5rem}.work-sidebar{display:none}.work-main{margin:calc(6rem + 8svh) 0 5svh}.category-indices{display:none}}