.opg-grid{display:grid;gap:20px}
.opg-grid.cols-2{grid-template-columns:repeat(2,1fr)}
.opg-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.opg-grid.cols-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){
 .opg-grid{grid-template-columns:repeat(2,1fr)!important;}
}

@media(max-width:600px){ .opg-grid{grid-template-columns:1fr!important;}}

.opg-card{position:relative;overflow:hidden;border-radius:8px}
.opg-card a{display:block;position:relative;color:#fff;text-decoration:none}
.opg-card img{display:block;width:100%;aspect-ratio:20/7;object-fit:cover;transition:transform .3s}
.opg-card:hover img{transform:scale(1.05)}
.opg-overlay{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.opg-overlay h3{margin:0;color:#fff;font-size:1.2rem;line-height:1.3}

.opg-meta{ display:flex; align-items:center; gap:4px; margin-bottom:4px; font-size:.8rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#fff; opacity:.9;}
.opg-date, .opg-type{ display:inline-block; }
.opg-sep{ opacity:.6; }
.opg-title{ margin:0; color:#fff; font-size:1rem; line-height:1.3; font-weight:700; }
.lrv-panel-title{ padding:0.5rem; font-weight:900; letter-spacing:.2rem; background:black; color:white; }
.lrv-item{ display:flex; gap:.5rem; padding:.75rem 1rem; border-bottom:1px solid #7c7878; }
.lrv-panel .lrv-item:last-child,
.lrv-item:last-child{ border-bottom:none; }
.lrv-item img{ width:80px; height:60px; object-fit:cover; }
.lrv-content a{ text-decoration:none; }
.lrv-meta{ font-size:.75rem; color:#000; text-transform:uppercase; margin-bottom:.25rem; line-height:1; display:flex; gap:.5rem; }
.lrv-date{ color:#000; font-weight:900; }
.lrv-type{ color:red; font-weight:700; }
.lrv-artist{ font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; margin-bottom:.2rem; color:inherit; }
.lrv-secondary{ font-size:1rem; font-weight:600; color:inherit; }