.work-preview-card{width:100%;color:inherit;flex-direction:column;gap:.75rem;text-decoration:none;display:flex}.work-preview-visual{aspect-ratio:16/10;background-color:#161616;border-radius:12px;position:relative;overflow:hidden}.work-preview-visual--video{aspect-ratio:16/9}.work-preview-visual-inner{transform-origin:50%;transition:transform .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(1)}.work-preview-visual-inner img,.work-preview-visual-inner video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.work-preview-trail{z-index:1;pointer-events:none;font-family:var(--font-pixel),ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;position:absolute;inset:0;overflow:hidden}.work-preview-trail canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.work-preview-body{flex-direction:column;gap:.5rem;display:flex}.work-preview-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.work-preview-title{color:var(--work-fg,#fff);font-family:var(--font-primary),system-ui,sans-serif;letter-spacing:-.02em;font-size:1.5rem;font-weight:400;line-height:1}.work-preview-tags{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:0;display:flex}.work-preview-tags li{background-color:var(--work-tag-bg,#1f1f1f);color:var(--work-tag-fg,#e0e0e0);font-family:var(--font-heading),system-ui,sans-serif;letter-spacing:-.01em;white-space:nowrap;padding:8px 14px;font-size:1rem;font-weight:400;line-height:1}.work-preview-tags li:nth-child(odd){border-radius:0}.work-preview-tags li:nth-child(2n){border-radius:9999px}.work-preview-desc{color:var(--work-muted,#9a9a9a);font-family:var(--font-heading),system-ui,sans-serif;max-width:42em;font-size:.875rem;font-weight:400;line-height:1.45}@media (hover:hover){.work-preview-card:hover .work-preview-visual-inner,.work-preview-card:focus-visible .work-preview-visual-inner{transform:scale(1.08)}}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.work-preview-trail{display:none}}@media (max-width:767px){.work-preview-title{font-size:clamp(1.272rem,6.4vw,1.618rem)}.work-preview-top{align-items:flex-start}.work-preview-tags li{padding:5px 11px;font-size:.786rem}.work-preview-desc{font-size:.786rem}}
