.works.svelte-12legpx{padding:calc(var(--space-4) + 1rem) var(--edge) calc(var(--space-4) + 24px)}.intro.svelte-12legpx{gap:var(--gutter);margin-bottom:var(--space-3);font-size:var(--text-small);grid-template-columns:repeat(12,1fr);display:grid}.intro.svelte-12legpx h1:where(.svelte-12legpx){font-size:inherit;color:var(--muted);grid-column:1/8;font-weight:400}.sheet.svelte-12legpx{column-gap:var(--gutter);row-gap:var(--space-3);grid-template-columns:repeat(5,1fr);display:grid}.cell.svelte-12legpx{aspect-ratio:1;display:block}.cell.svelte-12legpx picture,.cell.svelte-12legpx img{width:100%;height:100%}.cell.svelte-12legpx img{object-fit:contain;transition:transform .45s var(--ease-out), filter .45s var(--ease-out)}.caption.svelte-12legpx{font-size:var(--text-small);color:var(--muted);transition:color .3s var(--ease-out);margin-top:.25rem;display:block}.no.svelte-12legpx{color:var(--ink);margin-right:.4em}@media (width>=1400px){.sheet.svelte-12legpx{grid-template-columns:repeat(6,1fr)}}@media (width<=1000px){.sheet.svelte-12legpx{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.intro.svelte-12legpx h1:where(.svelte-12legpx){grid-column:1/-1}.sheet.svelte-12legpx{row-gap:var(--space-2);grid-template-columns:repeat(2,1fr)}}@media (hover:hover){.focusing.svelte-12legpx li:where(.svelte-12legpx):not(.focused) .cell:where(.svelte-12legpx) img{filter:grayscale()}.focused.svelte-12legpx .cell:where(.svelte-12legpx) img{transform:scale(.94)}.focused.svelte-12legpx .caption:where(.svelte-12legpx){color:var(--ink)}}