.msr-artists-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 20px;
  padding: 0 5% 110px;
}
.msr-artists-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.msr-artists-sort { display: grid; gap: 7px; min-width: 220px; color: #9fb2c2; font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.msr-artists-sort select { width: 100%; padding: 12px 38px 12px 14px; border: 1px solid #fff3; border-radius: 10px; background: #071725; color: #fff; font-size: 14px; font-weight: 800; }
.msr-artist-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  width: auto;
  min-width: 0;
  margin: -22px 5% 30px;
  padding: 0;
  overflow: visible;
  white-space: normal;
  scrollbar-width: none;
}
.msr-artist-filters::-webkit-scrollbar { display: none; }
.msr-artist-filters button {
  flex: 0 0 auto;
  max-width: 100%;
  white-space: nowrap;
}
.msr-artist-card {
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 18px;
  background: #0b2337;
  color: #fff;
  text-align: left;
  cursor: pointer;
}
.msr-artist-card > img,
.msr-artist-card > .msr-image-placeholder {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  min-height: 0;
  object-fit: cover;
}
.msr-artist-card > div { padding: 17px; }
.msr-artist-card span,
.msr-artist-detail article > span { color: var(--msr-cyan); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.msr-artist-card h2 { margin: 7px 0; font-size: 24px; }
.msr-artist-card p { overflow: hidden; margin: 0 0 12px; color: #c5d2da; text-overflow: ellipsis; white-space: nowrap; }
.msr-artist-card small { color: #8299a8; }
.msr-artists-more { display: flex; justify-content: center; padding: 0 5% 120px; }
.msr-artists-more button { min-width: 220px; padding: 14px 24px; border: 0; border-radius: 999px; background: var(--msr-cyan); color: #05202b; font-size: 15px; font-weight: 900; cursor: pointer; }
.msr-artists-more button:disabled { opacity: .65; cursor: wait; }
.msr-artist-detail {
  display: grid;
  grid-template-columns: minmax(260px, 430px) minmax(0, 1fr);
  gap: clamp(28px, 6vw, 80px);
  align-items: center;
  min-height: calc(100dvh - 90px);
  padding: 45px 6% 110px;
}
.msr-artist-detail > button { position: absolute; top: 100px; left: 5%; padding: 10px 14px; border: 1px solid #fff3; border-radius: 999px; background: #0b2337; color: #fff; cursor: pointer; }
.msr-artist-photo { overflow: hidden; aspect-ratio: 1; border-radius: 28px; background: #102f48; box-shadow: 0 30px 80px #0008; }
.msr-artist-photo img,.msr-artist-photo .msr-image-placeholder { width: 100%; height: 100%; object-fit: cover; }
.msr-artist-detail h1 { margin: 10px 0 20px; font-size: clamp(45px, 7vw, 92px); line-height: .95; }
.msr-artist-detail article > p { max-width: 800px; color: #cfdae0; font-size: 17px; line-height: 1.65; }
.msr-artist-detail dl { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 28px 0; }
.msr-artist-detail dl div { padding: 14px; border: 1px solid #fff2; border-radius: 12px; background: #071725aa; }
.msr-artist-detail dt { color: #8299a8; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.msr-artist-detail dd { margin: 6px 0 0; }
.msr-artist-detail nav { display: flex; gap: 10px; }
.msr-artist-detail nav a,.msr-artist-detail nav button { padding: 11px 16px; border: 0; border-radius: 999px; background: var(--msr-cyan); color: #05202b; font: inherit; font-weight: 900; text-decoration: none; cursor: pointer; }
@media(max-width:720px){.msr-artists-hero{align-items:stretch;flex-direction:column}.msr-artists-sort{min-width:0}.msr-artist-filters{gap:7px;margin-inline:14px}.msr-artists-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-inline:14px}.msr-artists-more{padding-bottom:100px}.msr-artist-detail{grid-template-columns:1fr;padding:75px 18px 100px}.msr-artist-detail>button{top:120px}.msr-artist-detail dl{grid-template-columns:1fr}.msr-artist-card h2{font-size:18px}}