.workspace { width: 100%; display: flex; flex-direction: column; gap: var(--space-6); }
.workspace h2 { margin: 0; color: var(--color-home-heading); font: var(--weight-medium) var(--text-body)/29px var(--font-body); letter-spacing: -.25px; }
.workspace-card { text-decoration: none; color: inherit; margin: 0; display: flex; flex-direction: column; gap: var(--gap-media); width: 100%; }
.workspace-cover { padding: var(--space-3); border: var(--stroke-hairline) solid var(--color-border); border-radius: var(--radius-card); background: var(--color-surface); }
.workspace-cover img, .workspace-cover video { display: block; width: 100%; aspect-ratio: 542 / 310.5; object-fit: cover; border-radius: var(--space-1); }
.workspace-caption { display: flex; align-items: center; gap: 10px; padding: 0 var(--space-3); color: var(--color-project-title); font: var(--weight-regular) var(--text-body)/23px var(--font-body); letter-spacing: var(--tracking-body); }
.workspace-tag { text-transform: uppercase; padding: var(--space-2) 10px; border: var(--stroke-hairline) solid var(--color-tag-border); border-radius: var(--radius-small); background: var(--color-surface); color: var(--color-tag); font: var(--weight-medium) var(--text-label)/13px var(--font-body); letter-spacing: 0; white-space: nowrap; }