@layer components{.work-thumb-morph{z-index:1;pointer-events:none;visibility:hidden;border-radius:9px;position:absolute;inset:0;overflow:hidden}.work-thumb-morph.is-active{visibility:visible}.work-thumb-morph-canvas{width:100%;height:100%;display:block}}
.work-thumb{break-inside:avoid;background:#fff;border-radius:10px;flex-direction:column;gap:2px;padding:2px;display:flex;overflow:hidden}.work-thumb-figure{position:relative}.work-thumb-figure img{object-fit:cover;border-radius:9px;width:100%;height:auto;margin:0;display:block}.work-thumb-swap{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:9px;position:absolute;inset:0}.work-thumb:focus-visible .work-thumb-swap{background-image:var(--work-thumb-swap)}.work-thumb[data-morph=on] .work-thumb-swap{display:none}@media (hover:hover){.work-thumb:hover .work-thumb-swap{background-image:var(--work-thumb-swap)}}.work-thumb-content{opacity:1;background:#f3f3f3;border-radius:8px;flex-direction:column;gap:10px;padding:20px 25px;display:flex}.work-thumb-title{text-transform:uppercase;font-family:var(--font-mono);font-size:22px;line-height:1.2}