.case-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.case-strip>a{display:grid;grid-template-rows:auto 1fr;align-items:stretch;min-height:0;gap:0;padding:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface);background-image:none;transition:border-color var(--t-state) var(--ease)}
.case-strip>a:hover{border-color:var(--line-3);background-image:none}
.case-strip .strip-media{position:relative;display:block;aspect-ratio:21/6;overflow:hidden;background:var(--film-bg);border-bottom:1px solid var(--line)}
.case-strip .strip-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;transition:transform var(--t-reveal) var(--ease)}
.case-strip>a:hover .strip-media img{transform:scale(1.03)}
.case-strip .strip-label{display:block;padding:10px 14px 11px;font-size:.9rem;line-height:1.35}
.case-strip>a:hover .strip-label{color:var(--accent-text)}
@media(max-width:700px){.case-strip{gap:8px;margin-top:14px}.case-strip .strip-media{aspect-ratio:16/9}.case-strip .strip-label{padding:7px 8px 8px;font-size:.74rem;line-height:1.3}}
.collection-preview-note{margin:10px 0 0;color:var(--muted);font-size:.88rem;line-height:1.4}