/* Music → artist page contact email (pill in the hero). All selectors .artist-contact* scoped. */
.artist-contact { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin: .25rem 0 1rem; }
.artist-contact-link, .artist-contact-plain {
  display: inline-flex; flex-wrap: wrap; align-items: center; gap: .3rem .55rem; max-width: 100%;
  padding: .5rem .95rem .5rem .7rem; border-radius: 999px;
  border: 1px solid rgba(167,139,250,.45); background: rgba(18,16,26,.72);
  color: #f3f0ea; text-decoration: none; line-height: 1.2;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  transition: background-color .15s, border-color .15s;
}
.artist-contact-link:hover, .artist-contact-link:focus-visible { background: rgba(88,28,135,.55); border-color: #c4b5fd; color: #fff; }
.artist-contact-link:focus-visible { outline: 2px solid #f3f0ea; outline-offset: 3px; }
.artist-contact-link[hidden], .artist-contact-plain[hidden] { display: none; }
.artist-contact-icon { flex: 0 0 auto; width: 1.15rem; height: 1.15rem; color: #c4b5fd; }
.artist-contact-label { font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #c4b5fd; }
.artist-contact-addr { font-size: .95rem; min-width: 0; max-width: 100%; overflow-wrap: break-word; } /* wraps whole address to its own line first; breaks only if it can't fit at all */
@media (max-width: 480px) {
  .artist-contact-link, .artist-contact-plain { padding: .6rem .9rem .6rem .7rem; min-height: 2.75rem; }
  .artist-contact-link, .artist-contact-plain { gap: .25rem .45rem; }
  .artist-contact-label { letter-spacing: .1em; }
  .artist-contact-addr { font-size: .88rem; }
}
@media (prefers-reduced-motion: reduce) { .artist-contact-link { transition: none; } }