.mr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mr-card{min-width:0;color:var(--color-ink);grid-template-rows:minmax(0,1fr) auto;gap:10px;display:grid}.mr-card:first-child{grid-column:span 2}.mr-media{aspect-ratio:1;background:var(--color-paper);border-radius:4px;display:block;position:relative;overflow:hidden}.mr-card:first-child .mr-media{aspect-ratio:4/3}.mr-media img{transition:transform var(--duration-slow) var(--ease-out)}.mr-card:hover .mr-media img{transform:scale(1.03)}.mr-text{flex-direction:column;justify-content:flex-end;height:100%;padding:16px;display:flex}.mr-clamp{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mr-play{width:36px;height:36px;color:var(--color-canvas);background:#0a0a0ab8;border-radius:4px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:12px;left:12px}.mr-caption{gap:2px;min-width:0;display:grid}.mr-caption-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (min-width:768px){.mr-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mr-card:first-child:nth-last-child(n+2) .mr-media{aspect-ratio:auto;height:100%}.mr-card:first-child:nth-last-child(n+4){grid-row:span 2}.mr-card:first-child:nth-last-child(2) .mr-media,.mr-card:first-child:nth-last-child(2)~.mr-card .mr-media{aspect-ratio:4/3;height:auto}.mr-card:first-child:nth-last-child(2)~.mr-card{grid-column:span 2}}@media (prefers-reduced-motion:reduce){.mr-media img{transition:none}.mr-card:hover .mr-media img{transform:none}}
