/* Single-artist presentation, scoped to the Good Numbers label page. */
.duo-card{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);background:#101010;border:1px solid #242423;border-radius:2px;overflow:hidden}
.duo-card>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.duo-info{padding:32px 40px;align-self:center;min-width:0}
.duo-info h3{margin:0 0 22px;font-size:28px;line-height:1.2;font-weight:400;letter-spacing:-.5px}
.duo-links{max-width:480px;display:grid;gap:0}
.duo-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:10px 0;color:var(--accent);font-size:16px}
.duo-links a:hover{color:var(--text)}.duo-links svg{width:16px;height:16px}
@media(max-width:1000px) and (min-width:701px){.duo-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.duo-info{padding:24px}}
@media(max-width:700px){.amenity-page{--amenity-mobile-title-size:clamp(36px,10.8vw,55.44px)}.duo-card{grid-template-columns:minmax(0,1fr)}.duo-info{padding:24px}.duo-info h3{font-size:26px;margin-bottom:16px}.duo-links{max-width:none}}

/* Balanced artist panel: square photo and full-width link rows. */
.duo-card{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.duo-info{align-self:stretch;display:flex;flex-direction:column;padding:32px 40px}
.duo-info h3{flex-shrink:0}
.duo-links{max-width:none;flex:1;grid-template-rows:repeat(5,minmax(44px,1fr))}
.duo-links a{padding:10px 0}
.duo-links a:not(:last-child){border-bottom:1px solid var(--line)}
@media(min-width:701px) and (max-width:1000px){.duo-info{padding:24px}.duo-info h3{margin-bottom:16px}}
@media(max-width:700px){.duo-card{grid-template-columns:minmax(0,1fr)}.duo-info{padding:24px}.duo-links{flex:none;grid-template-rows:repeat(5,minmax(44px,auto))}}

/* Align the artist presentation with the existing Listen & Follow grid. */
@media(min-width:701px){
 .duo-card{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--amenity-column-gap);border:0;border-radius:0;background:transparent;overflow:visible}
 .duo-info{padding:0}
}

/* Mobile information height follows its content; desktop stays untouched. */
@media(max-width:700px){
 .duo-info{height:auto;min-height:0;padding-bottom:12px}
 .duo-info h3{margin-bottom:12px}
 .duo-links{flex:none;grid-template-rows:repeat(5,minmax(44px,auto));align-content:start}
}
