.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.work-tile{display:flex;flex-direction:column;gap:8px;min-width:0;padding:0;border:none;background:none;text-align:left;cursor:pointer;font-family:inherit;color:inherit;text-decoration:none}.work-tile__frame{position:relative;display:block;width:100%;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;background:var(--snow);border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease}.work-tile:hover .work-tile__frame,.work-tile:focus-visible .work-tile__frame{transform:translateY(-2px);box-shadow:0 10px 28px var(--card-shadow-hover)}.work-tile:focus-visible .work-tile__frame{outline:2px solid var(--accent-lav-border);outline-offset:2px}.work-tile:focus-visible{outline:none}.work-tile--dimmed .work-tile__frame{opacity:.55}.work-tile--dimmed:hover .work-tile__frame{opacity:.75}.work-tile__media{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;background:var(--snow)}.work-tile__media--empty{background:linear-gradient(135deg,#b7a5dc38,#87ceeb29)}.work-tile__text{width:100%;height:100%;display:flex;align-items:flex-start;padding:12px 12px 14px;background:linear-gradient(135deg,#b7a5dc38,#87ceeb29)}.work-tile__text-body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.5;color:var(--black);text-align:left;white-space:pre-line;overflow-wrap:anywhere}.work-tile__stack{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));pointer-events:none}.work-tile__lock{position:absolute;top:8px;left:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#2d2640b8;pointer-events:none}.work-tile__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));pointer-events:none}.work-tile__play svg{width:40px;height:40px}.work-grid--gapped{gap:16px}.work-tile-skeleton{width:100%;aspect-ratio:3 / 4;border-radius:12px;background:var(--snow);border:1px solid var(--border)}@media (max-width: 768px){.work-grid,.work-tile{gap:6px}.work-grid--gapped{gap:12px}}