.grid.svelte-1uo84gz{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.card.svelte-1uo84gz{display:block;position:relative;aspect-ratio:4 / 3;padding:6px;background:var(--fg);overflow:hidden;text-decoration:none;transition:box-shadow .3s}.card.svelte-1uo84gz img:where(.svelte-1uo84gz){width:100%;height:100%;object-fit:cover;display:block}.card.svelte-1uo84gz:hover{box-shadow:0 10px 15px #00000040}.overlay.svelte-1uo84gz{position:absolute;top:6px;right:6px;bottom:6px;left:6px;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;background:linear-gradient(transparent 35%,var(--overlay));color:var(--fg);transition:all .3s ease}.title.svelte-1uo84gz{font-family:Marcellus,serif;font-size:1.15rem;line-height:1.25}.meta.svelte-1uo84gz{font-size:.8rem;color:var(--muted)}@media(hover:hover){.overlay.svelte-1uo84gz{top:50%;right:50%;bottom:50%;left:50%;opacity:0;justify-content:center;align-items:center;text-align:center;background:var(--overlay);border:1px solid var(--fg)}.card.svelte-1uo84gz:hover .overlay:where(.svelte-1uo84gz),.card.svelte-1uo84gz:focus-visible .overlay:where(.svelte-1uo84gz){top:15px;right:15px;bottom:15px;left:15px;opacity:1}}