.cards.svelte-1llo3o7{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--pd-main);grid-auto-rows:50px}.__grid--masonry{display:grid;grid-template-columns:repeat(auto-fit,var(--masonry-col-width));justify-content:center;grid-gap:var(--masonry-grid-gap);padding:var(--masonry-padding)}.__grid--masonry>*{align-self:start}.__grid--masonry.__stretch-first>*:first-child{grid-column:1/ -1}.card.svelte-1udyrqm{list-style:none;margin:0 auto;padding:0;opacity:0;transition:opacity .6s var(--bezier-1),transform .6s var(--bezier-1);will-change:opacity,transform;grid-row-end:span 6}.card.highlight.svelte-1udyrqm{max-width:clamp(320px,90vw,900px);max-height:clamp(200px,calc(100vh - 8rem),900px);margin-bottom:6rem}.card.visible.svelte-1udyrqm{opacity:1}.card.nomargin.svelte-1udyrqm{padding:0}.card-content.svelte-1udyrqm{margin:0;padding:0;position:relative;padding-bottom:5rem}.card-content.svelte-1udyrqm:hover figcaption:where(.svelte-1udyrqm){opacity:1}figcaption.svelte-1udyrqm span.cat:where(.svelte-1udyrqm){color:var(--theme)}figcaption.svelte-1udyrqm span:where(.svelte-1udyrqm){font-weight:300;opacity:0;transition:opacity 1s var(--bezier-2);display:block}figcaption.svelte-1udyrqm{--theme: silver;--theme: rgb(111, 122, 245);--theme: var(--color-indigo-500);display:block;line-height:1;font-size:var(--fs-intro);z-index:0;opacity:.15;opacity:1;text-align:center;padding-top:.15em;text-align:left;transition:transform 1s var(--bezier-1),color 1s var(--bezier-1),opacity 1s var(--bezier-1);color:var(--theme)}.card.svelte-1udyrqm:hover figcaption:where(.svelte-1udyrqm){opacity:1;color:#000}.card.svelte-1udyrqm:hover figcaption:where(.svelte-1udyrqm) span:where(.svelte-1udyrqm){font-size:var(--fs-intro);opacity:1}.cover.svelte-1udyrqm{--pd: 0;--gap: 0;padding:var(--pd);gap:var(--gap);display:block;display:flex;flex-direction:column;gap:0;z-index:20}.cover2.svelte-1udyrqm{z-index:20;position:absolute;inset:0;margin:0;padding:var(--pd);gap:var(--gap)}.cover.pd-tiny.svelte-1udyrqm{--pd: calc(var(--pd-main) * 2);--gap: var(--pd-main)}.cover.pd-small.svelte-1udyrqm{--pd: 4rem;--gap: 2rem}.cover.pd-large.svelte-1udyrqm{--pd: 8rem;--gap: 4rem}