.thumbnail-gallery-module__knsftG__masonry{column-count:3;column-gap:16px}.thumbnail-gallery-module__knsftG__empty{border:1px solid var(--border-soft);border-radius:var(--utility-radius);background:var(--surface-black);flex-direction:column;align-items:flex-start;gap:.75rem;padding:clamp(2rem,6vw,3rem);display:flex}.thumbnail-gallery-module__knsftG__emptyTitle{color:var(--text-primary);margin:0}.thumbnail-gallery-module__knsftG__emptyCopy{max-width:42rem;color:var(--text-secondary);margin:0}.thumbnail-gallery-module__knsftG__emptyCode{background:var(--surface-black);border:1px solid var(--border-soft);border-radius:4px;padding:.125rem .375rem;font-size:.875em}.thumbnail-gallery-module__knsftG__cell{break-inside:avoid;cursor:pointer;border-radius:var(--utility-radius);width:100%;transition:box-shadow var(--duration-normal) var(--ease-out-expo);background:0 0;border:none;margin-bottom:16px;padding:0;position:relative;overflow:hidden}@media (min-width:1024px) or ((hover:hover) and (pointer:fine)){.thumbnail-gallery-module__knsftG__cell:hover{transform:scale(1.05)translateY(-2px)}}.thumbnail-gallery-module__knsftG__ratio{aspect-ratio:var(--project-media-aspect);width:100%;position:relative;overflow:hidden}.thumbnail-gallery-module__knsftG__overlay{color:#fefefe;text-align:left;opacity:0;transition:opacity var(--duration-normal) var(--ease-out-expo);background:linear-gradient(#0000,#000000a6);padding:12px 14px;font-size:.75rem;position:absolute;bottom:0;left:0;right:0}@media (min-width:1024px) or ((hover:hover) and (pointer:fine)){.thumbnail-gallery-module__knsftG__cell:hover .thumbnail-gallery-module__knsftG__overlay{opacity:1}}.thumbnail-gallery-module__knsftG__more{justify-content:center;margin-top:40px;display:flex}.thumbnail-gallery-module__knsftG__loadMore{cursor:pointer;border-radius:var(--utility-radius);border:1px solid var(--border-line);background:var(--bg-secondary);font-family:var(--font-body), sans-serif;color:var(--text-primary);transition:background var(--duration-fast) var(--ease-out-expo), border-color var(--duration-fast) var(--ease-out-expo);padding:12px 28px;font-size:.875rem;font-weight:500}@media (min-width:1024px) or ((hover:hover) and (pointer:fine)){.thumbnail-gallery-module__knsftG__loadMore:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}}@media (max-width:1023px){.thumbnail-gallery-module__knsftG__masonry{column-count:2}}@media (max-width:767px){.thumbnail-gallery-module__knsftG__masonry{column-count:1}}