.sample-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 360px)); gap: 24px; }
.sample-card { margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: var(--soft); }
.sample-card video { display: block; width: 100%; aspect-ratio: 512 / 656; object-fit: contain; background: #160d31; }
.sample-card figcaption { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; }
.sample-card figcaption div { display: grid; gap: 5px; }
.sample-card small { color: var(--muted); }
.sample-card a { padding: 10px 12px; font-size: 12px; text-decoration: none; }