.work-card.svelte-1jzv270{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);transition:transform .35s var(--ease-out-expo), border-color .35s, box-shadow .35s;flex-direction:column;display:flex;position:relative;overflow:hidden}.work-card.svelte-1jzv270:hover{border-color:var(--color-faint);transform:translateY(-5px);box-shadow:0 26px 60px -30px #000c}.cover.svelte-1jzv270{aspect-ratio:16/9;background-position:50%;background-size:cover;justify-content:space-between;align-items:flex-start;padding:.9rem;display:flex;position:relative;overflow:hidden}.cat.svelte-1jzv270,.year.svelte-1jzv270{font-family:var(--font-mono);font-size:var(--text-xs);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000047;border-radius:99px;padding:.25rem .6rem}.sheen.svelte-1jzv270{transition:transform .8s var(--ease-out-expo);background:linear-gradient(120deg,#0000 30%,#ffffff2e,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.work-card.svelte-1jzv270:hover .sheen:where(.svelte-1jzv270){transform:translate(120%)}.body.svelte-1jzv270{padding:1.3rem}.title-row.svelte-1jzv270{justify-content:space-between;align-items:flex-start;gap:.6rem;margin-bottom:.3rem;display:flex}.body.svelte-1jzv270 h3:where(.svelte-1jzv270){font-size:var(--text-xl);margin:0}.title-link.svelte-1jzv270{color:inherit;text-decoration:none}.title-link.svelte-1jzv270:after{content:"";position:absolute;inset:0}.ext.svelte-1jzv270{z-index:1;border-radius:var(--radius-sm);width:1.9rem;height:1.9rem;color:var(--color-muted);background:var(--color-bg-soft);border:1px solid var(--color-border);flex:none;place-items:center;margin-top:-.1rem;transition:color .2s,border-color .2s,transform .2s;display:inline-grid;position:relative}.ext.svelte-1jzv270:hover{color:var(--color-fg);border-color:var(--color-faint);transform:translateY(-1px)}.client.svelte-1jzv270{font-size:var(--text-xs);color:var(--color-faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.7rem}.summary.svelte-1jzv270{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:1rem}.tags.svelte-1jzv270{flex-wrap:wrap;gap:.4rem;display:flex}.tags.svelte-1jzv270 span:where(.svelte-1jzv270){font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-fg-soft);background:var(--color-bg-soft);border:1px solid var(--color-border-soft);border-radius:99px;padding:.2rem .55rem}
