.example-projects-grid.svelte-1diq8st{display:grid;grid-template-columns:repeat(auto-fill,280px);justify-content:start;gap:16px}.project-card.svelte-1diq8st{position:relative;display:flex;flex-direction:column;height:211px;overflow:hidden;border:1px solid #d6d4c6;border-radius:8px;background-color:#fffeee;color:#333330;cursor:pointer}.project-card.svelte-1diq8st:hover{background-color:#f5f4e5}.dark .project-card.svelte-1diq8st{border-color:#2a2a32;background-color:#101016;color:#e4e4e7}.dark .project-card.svelte-1diq8st:hover{background-color:#15151b}.project-card-link.svelte-1diq8st{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;border-radius:inherit}.project-card.svelte-1diq8st:has(.project-card-link:where(.svelte-1diq8st):focus-visible){outline:2px solid #0891b2;outline-offset:2px}.card-top.svelte-1diq8st{display:flex;justify-content:center;padding:12px;border-bottom:1px solid #d6d4c6}.dark .card-top.svelte-1diq8st{border-bottom-color:#2a2a32}.project-thumb.svelte-1diq8st{display:flex;width:128px;height:128px;align-items:center;justify-content:center;overflow:hidden;background:transparent}.project-thumb.svelte-1diq8st img:where(.svelte-1diq8st){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-bottom.svelte-1diq8st{display:flex;align-items:center;gap:2px;padding:12px}.card-meta.svelte-1diq8st{display:flex;min-width:0;flex:1;flex-direction:column}.project-name.svelte-1diq8st{color:#18181b}.dark .project-name.svelte-1diq8st{color:#e4e4e7}.project-date.svelte-1diq8st{color:#888880;font-size:11px}.dark .project-date.svelte-1diq8st{color:#71717a}