#work .project-image>img.project-mono{filter:grayscale(1)}
#work .project-color-spill{position:absolute;inset:0;z-index:2;pointer-events:none;clip-path:inset(100%);overflow:visible;border-radius:4px}
#work .project-color-spill>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}
#work .project-image .num,#work .project-image .project-arrow{z-index:3}
#work .project:focus-visible .project-color-spill{clip-path:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){
 #work .project-color-spill{clip-path:none!important;opacity:0;transition:opacity 180ms ease}
 #work .project:hover .project-color-spill,#work .project:focus-visible .project-color-spill{opacity:1!important}
}
@media(hover:none){#work .project:focus .project-color-spill{clip-path:none!important;opacity:1!important}}

#work .project:hover .spill-fallback .project-color-spill{clip-path:none!important;opacity:1!important}

/* Touch screens and phone layouts show every project in full color. */
@media(max-width:650px),(hover:none){#work .project-color-spill{clip-path:none!important;opacity:1!important}}