#artplayer, #artplayer * { transition: none !important; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.video-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
@media (min-width: 640px) { .video-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 768px) { .video-grid { grid-template-columns: repeat(4, 1fr); } }
.video-card { display: grid; grid-row: span 4; grid-template-rows: subgrid; row-gap: 0.375rem; align-content: start; }