/* Lenci · Commercial studio page (/commercial). The shell is places.css; here: the board head, the shot cards (first frame at the platform's aspect, progress, briefs). */
.cm-board-head { min-width: 0; flex: 1 1 320px; display: grid; gap: 6px; }
.cm-title { font-family: var(--display); font-weight: 700; font-size: 18px; letter-spacing: -.01em; padding: 8px 10px; }
.cm-tagline { margin: 0; font-size: 13.5px; }
.cm-board-acts { justify-content: flex-end; align-items: flex-start; }
.cm-shots { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; min-width: 0; }
.cm-shot .cm-media { aspect-ratio: auto; height: 260px; display: grid; place-items: center; background: #0d0d13; cursor: default; }
.cm-shot .cm-media canvas, .cm-shot .cm-media video { width: auto; max-width: 100%; height: 100%; object-fit: contain; }
.cm-progress { position: absolute; inset: auto 0 0 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; background: linear-gradient(180deg, rgba(10,10,15,0), rgba(10,10,15,.9)); color: #fff; font: 600 12px var(--display); }
.cm-progress span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cm-shot-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cm-shot-head .pl-item-title { flex: 1 1 120px; }
.cm-action { margin: 0; font-size: 13px; line-height: 1.5; color: var(--ink); }
.cm-line { margin: 0; font-size: 12.5px; color: var(--muted); overflow-wrap: anywhere; }
.cm-line b { color: var(--ink); font-weight: 600; }
.cm-brief textarea { margin-top: 8px; font: 12px/1.5 var(--mono); min-height: 96px; }
.cm-mine-item .pl-item-body { padding-top: 14px; }
@media (max-width: 560px) { .cm-shots { grid-template-columns: minmax(0, 1fr); } .cm-shot .cm-media { height: 220px; } .cm-board-acts { justify-content: flex-start; } }