@layer components{.work-stories{gap:24px;display:grid}.work-story{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-width:0;padding:16px}.work-story-copy{min-width:0}.work-story-images{gap:24px;min-width:0;margin-top:24px;display:grid}.work-story-figure{min-width:0}.work-story-frame{aspect-ratio:4/3;border-radius:var(--radius-control);background:var(--color-surface-soft);overflow:hidden}.work-story-frame img{object-fit:contain;width:100%;height:100%;display:block}.work-story-caption{border-radius:var(--radius-control);background:var(--color-surface-soft);min-height:28px;color:var(--color-primary-text);font-size:var(--text-sm);line-height:20px;font-weight:var(--font-weight-medium);align-items:center;margin-top:12px;padding:4px 8px;display:inline-flex}@media (width>=48rem){.work-story{padding:24px}.work-story-images-2{grid-template-columns:repeat(2,minmax(0,1fr))}.work-story-images-3{grid-template-columns:repeat(3,minmax(0,1fr))}.work-story-single{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.work-story-single .work-story-images{margin-top:0}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.work-story{transition:transform var(--duration-quick) var(--ease-smooth-out)}.work-story:hover{transform:translateY(-4px)}}}