/* Front styles + corner watermark for performer tiles */
.rmxperf-hero{ position:relative; margin:8px 0 12px; }
.rmxperf-hero .ph img,.rmxperf-hero .ph video{ width:100%; height:auto; border-radius:12px; display:block; }
.rmxperf-hero .ov{ position:absolute; left:14px; bottom:14px; background:rgba(0,0,0,.55); border:1px solid rgba(255,255,255,.15); color:#fff; font-weight:800; padding:8px 12px; border-radius:999px; }

.rmx-perf-filter{ display:flex; gap:8px; margin-bottom:10px; }
.rmx-perf-filter input[type=search]{ flex:1; border-radius:10px; border:1px solid rgba(255,255,255,.12); background:#0d0d0d; color:#fff; padding:8px 10px; }
.rmx-perf-filter button{ border-radius:10px; background:transparent; border:2px solid var(--rmx-gold,#f5c84b); color:#fff; padding:8px 12px; font-weight:800; }

.rmx-perf-archive-grid{ display:grid; gap:12px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.rmx-perf-archive-grid .card{ display:block; text-decoration:none; color:#fff; background: rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:12px; overflow:hidden; }
.rmx-perf-archive-grid .card .ph{ position:relative; aspect-ratio: 4/3; background:#0d0d0d; overflow:hidden; }
.rmx-perf-archive-grid .card .ph img{ width:100%; height:100%; object-fit:cover; display:block; }
.rmx-perf-archive-grid .card .ph::after{
  content: attr(data-wm);
  position:absolute; right:6px; bottom:6px;
  font-size: 10px; line-height:1;
  color: rgba(255,255,255,.65);
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.15);
  padding: 3px 6px; border-radius: 6px;
  pointer-events:none; user-select:none; backdrop-filter: blur(2px);
}
@media (min-width:768px){ .rmx-perf-archive-grid .card .ph::after{ font-size: 11px; } }
.rmx-perf-archive-grid .card .ti{ display:block; padding:8px 10px; font-weight:800; }

.rmx-perf-pager{ display:flex; gap:6px; margin-top:10px; }
.rmx-perf-pager a{ display:inline-block; padding:6px 9px; border:1px solid rgba(255,255,255,.15); border-radius:8px; color:#fff; text-decoration:none; }
.rmx-perf-pager a.on{ border-color: var(--rmx-gold,#f5c84b); background:rgba(245,200,75,.15); }