.work-bento{gap:var(--space-3);grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;display:grid}.work-bento-item{color:var(--text);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);transition:border-color .3s var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.work-bento-item:hover{border-color:var(--border-strong)}.bento-lg{grid-area:span 2/span 2}.bento-md,.bento-sm{grid-area:span 1/span 2}@media (min-width:900px){.bento-md{grid-column:span 2}.bento-sm{grid-column:span 1}}.work-bento-img{flex:1;min-height:0;position:relative}.work-bento-image{object-fit:cover;filter:grayscale(.5);transition:filter .4s var(--ease), transform .5s var(--ease)}.work-bento-item:hover .work-bento-image{filter:grayscale(0);transform:scale(1.03)}.work-bento-status{letter-spacing:.06em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14140fb8;border:1px solid #ffffff2e;border-radius:100px;padding:4px 10px;font-size:.65rem;font-weight:700;position:absolute;top:12px;right:12px}.work-bento-body{padding:var(--space-3);flex-shrink:0}.work-bento-title{font-family:var(--font-display);margin-bottom:.3rem;font-size:1.05rem;font-weight:700}.bento-lg .work-bento-title{font-size:1.3rem}.work-bento-tagline{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}@media (max-width:700px){.work-bento{grid-template-columns:1fr;grid-auto-rows:260px}.bento-lg,.bento-md,.bento-sm{grid-area:span 1/span 1}.bento-lg{grid-row:span 2}}