/* ============================================
   Artist Grid — Red Light "Artist Wall" Exact Clone
   3-column, names only (16px/400), lines between
   Hover: dark bg, white text, 28px/900/uppercase
   Same page padding as everything else
   ============================================ */

.dm-artist-grid {
    padding: 0 var(--rl-page-pad, clamp(24px, 9.1vw, 174px));
    padding-bottom: 80px;
}

.dm-artist-grid__inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
}

.dm-artist-grid__item {
    position: relative;
    border-bottom: 1px solid var(--rl-light, #e9e9e9);
}

.dm-artist-grid__item:nth-child(-n+3) {
    border-top: 1px solid var(--rl-light, #e9e9e9);
}

/* Hide thumbnail images — Red Light shows names only */
.dm-artist-grid__image { display: none; }

.dm-artist-grid__name { margin: 0; }

/* Name link — TabletGothic 16px/400 on Red Light, we use Work Sans */
.dm-artist-grid__name a {
    display: flex;
    align-items: center;
    padding: 18px 12px;
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: var(--rl-black, #222222);
    text-decoration: none;
    transition: all 0.25s ease;
    min-height: 60px;
}

/* Hover — Red Light exact: dark bg, white bold uppercase name */
.dm-artist-grid__name a:hover {
    background: var(--rl-black, #222222);
    color: #ffffff;
    font-weight: 900;
    font-size: 28px;
    text-transform: uppercase;
}

/* Hide role in wall view */
.dm-artist-grid__role { display: none; }

/* Responsive */
@media (max-width: 1024px) {
    .dm-artist-grid__inner { grid-template-columns: repeat(2, 1fr); }
    .dm-artist-grid__item:nth-child(-n+3) { border-top: none; }
    .dm-artist-grid__item:nth-child(-n+2) { border-top: 1px solid var(--rl-light, #e9e9e9); }
}

@media (max-width: 600px) {
    .dm-artist-grid__inner { grid-template-columns: 1fr; }
    .dm-artist-grid__item:nth-child(-n+2) { border-top: none; }
    .dm-artist-grid__item:first-child { border-top: 1px solid var(--rl-light, #e9e9e9); }
    .dm-artist-grid__name a:hover { font-size: 20px; }
}