.project-card.svelte-oviq8z{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;padding:1.25rem;border:1px solid rgb(255 255 255 / 16%);border-radius:.875rem;background:#ffffff08}.project-card.pinned.svelte-oviq8z{border-color:#fcd34d8c;background:#fcd34d0d}.project-heading.svelte-oviq8z{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}h3.svelte-oviq8z{font-size:1.125rem;font-weight:600;letter-spacing:-.025em;overflow-wrap:anywhere}.pinned-label.svelte-oviq8z{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .45rem;border-radius:.3rem;background:var(--color-amber-300);color:var(--color-zinc-950);font-size:.7rem;font-weight:600}.project-date.svelte-oviq8z{margin-top:.25rem;color:var(--color-zinc-500);font-size:.75rem}.project-description.svelte-oviq8z{margin-top:.75rem;color:var(--color-zinc-300);font-size:.875rem;line-height:1.6}.collapsed.svelte-oviq8z{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.description-toggle.svelte-oviq8z{margin-top:.3rem;color:var(--color-zinc-300);font-size:.75rem;cursor:pointer}.technologies.svelte-oviq8z{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.875rem}.technologies.svelte-oviq8z li:where(.svelte-oviq8z){padding:.15rem .5rem;border-radius:.375rem;background:#ffffff0d;color:var(--color-zinc-300);font-size:.7rem}.project-links.svelte-oviq8z{display:flex;gap:1rem;margin-top:.875rem}.project-links.svelte-oviq8z a:where(.svelte-oviq8z){display:inline-flex;align-items:center;gap:.35rem;color:var(--color-zinc-400);font-size:.75rem}.project-links.svelte-oviq8z a:where(.svelte-oviq8z):hover,.description-toggle.svelte-oviq8z:hover{color:var(--color-zinc-100)}.project-preview.svelte-oviq8z{width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:.5rem;background:#0003;cursor:zoom-in}.project-preview.svelte-oviq8z img:where(.svelte-oviq8z){width:100%;height:100%;object-fit:cover}.project-preview.svelte-oviq8z img.contain:where(.svelte-oviq8z){object-fit:contain}a.svelte-oviq8z:focus-visible,button.svelte-oviq8z:focus-visible{outline:2px solid var(--color-zinc-400);outline-offset:4px}@media (min-width: 640px){.project-card.svelte-oviq8z{grid-template-columns:minmax(0,1fr) 14rem}}