.media-grid{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));gap:12px;list-style:none;display:grid}.media-grid__tile{aspect-ratio:1;border-radius:var(--r-lg);background:var(--bg-soft);position:relative;overflow:hidden}.media-grid__tile .media-image img{transition:transform .6s var(--ease)}.media-grid__tile:hover .media-image img{transform:scale(1.03)}@media (max-width:760px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-grid__tile{border-radius:var(--r-md)}}