.project-card.svelte-t0rc38{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:12px;flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden}.project-card.svelte-t0rc38:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 8px 25px oklch(0% 0 0/.15)}.card-header.svelte-t0rc38{justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.75rem .75rem .5rem;display:flex}.year-badge.svelte-t0rc38{color:oklch(100% 0 0);background:oklch(25% 0 0);border-radius:16px;flex-shrink:0;padding:.2rem .6rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px oklch(0% 0 0/.1)}.tags.svelte-t0rc38{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:.25rem;display:flex}.tag.svelte-t0rc38{background-color:var(--color-bg-hover);color:var(--color-text-secondary);border:1px solid var(--color-border-light);border-radius:12px;padding:.2rem .5rem;font-size:.7rem;font-weight:500}.image-container.svelte-t0rc38{aspect-ratio:2;border-radius:6px;margin:0 .75rem;position:relative;overflow:hidden}.project-image.svelte-t0rc38{object-fit:cover;width:100%;height:100%;transition:transform .3s}.project-card.svelte-t0rc38:hover .project-image:where(.svelte-t0rc38){transform:scale(1.05)}.card-content.svelte-t0rc38{flex-direction:column;gap:.5rem;padding:.5rem .75rem;display:flex}.project-title.svelte-t0rc38{color:var(--color-text-primary);margin:0;font-size:1.1rem;font-weight:700;line-height:1.3}.description-container.svelte-t0rc38{flex-direction:column;gap:.25rem;display:flex}.description.svelte-t0rc38{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.5}@media (width<=768px){.card-header.svelte-t0rc38{flex-direction:column;align-items:flex-start;gap:.75rem}.tags.svelte-t0rc38{justify-content:flex-start}.project-title.svelte-t0rc38{font-size:1.1rem}}@keyframes svelte-t0rc38-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.project-image[src=""].svelte-t0rc38{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 37%,#f0f0f0 63%) 0 0/400px 100%;animation:1.5s ease-in-out infinite svelte-t0rc38-shimmer}
