/* Scoped Artist Profile 2.0. Canonical platform icons and global MITK tokens remain authoritative. */
.mitk-main.mitk-artist-public-main { width:min(calc(100% - 2rem),var(--mitk-public-width,1240px)); padding-top:clamp(1.25rem,3vw,2.25rem); }
.mitk-profile2 { min-width:0; container-type:inline-size; }
.mitk-profile-managers { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 12px; margin-top:16px; color:var(--mitk-muted,#b2bdd0); font-size:.8rem; }
.mitk-profile-managers > span { font-weight:600; }
.mitk-profile-managers ul { display:flex; flex-wrap:wrap; gap:6px 16px; list-style:none; padding:0; margin:0; }
.mitk-profile-managers li { overflow-wrap:anywhere; }
.mitk-artist-hero-actions form { margin:0; }
.mitk-artist-contact { min-width:0; max-width:100%; }
.mitk-artist-contact summary { cursor:pointer; min-height:44px; display:list-item; padding:10px 16px; border:1px solid #657388; border-radius:8px; font-weight:600; }
.mitk-artist-contact summary:focus-visible { outline:2px solid #b6a1ff; outline-offset:3px; }
.mitk-artist-contact__choices { display:grid; gap:8px; padding-top:12px; }
.mitk-artist-contact__choices p { margin:0; font-size:.85rem; }
.mitk-artist-contact__choices button { white-space:normal; overflow-wrap:anywhere; }
.mitk-profile2 [hidden] { display:none!important; }
.mitk-profile-hero { position:relative; isolation:isolate; display:flex; gap:32px; align-items:center; padding:28px; overflow:hidden; background:linear-gradient(120deg,#111c2a,#191429); border:1px solid #263142; border-radius:18px 18px 0 0; min-height:285px; }
.mitk-profile-banner { position:absolute; inset:0; z-index:-2; }
.mitk-profile-banner img { width:100%; height:100%; object-fit:cover; object-position:center; opacity:.82; }
.mitk-profile-hero.has-default-banner .mitk-profile-banner img { opacity:1; }
.mitk-profile-hero::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(6,12,21,.9) 10%,rgba(6,12,21,.8) 55%,rgba(6,12,21,.18)); }
.mitk-profile-hero--banner { min-height:325px; }
.mitk-profile-portrait { flex:0 0 230px; width:230px; height:230px; border:1px solid #657388; border-radius:14px; background:#1a2233; display:grid; place-items:center; overflow:hidden; font-size:5rem; }
.mitk-profile-portrait img,.mitk-profile-portrait a { width:100%; height:100%; object-fit:cover; display:block; }
.mitk-profile-portrait img { object-position:center; }
.mitk-profile-identity { min-width:0; max-width:820px; }
.mitk-profile-identity h1 { font-size:clamp(2rem,3.5vw,3.5rem); font-size:clamp(2rem,3.5cqw,3.5rem); line-height:1.12; margin:0 0 12px; overflow-wrap:anywhere; }
.mitk-profile-meta { color:#cad0dd; margin:8px 0; }
.mitk-profile-intro { max-width:64ch; color:#e2e3ed; line-height:1.6; margin:14px 0; }
.mitk-profile-platforms { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }
.mitk-profile2 .mitk-artist-hero-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.mitk-artist-sections { display:flex; gap:6px; overflow-x:auto; white-space:nowrap; padding:8px 12px; border:1px solid #263142; border-top:0; scrollbar-width:thin; scrollbar-color:#74689d #141b28; }
.mitk-artist-sections::-webkit-scrollbar { height:6px; }
.mitk-artist-sections::-webkit-scrollbar-track { background:#141b28; }
.mitk-artist-sections::-webkit-scrollbar-thumb { background:#74689d; border-radius:10px; }
.mitk-artist-sections a { min-height:44px; display:flex; align-items:center; padding:8px 18px; border-bottom:3px solid transparent; color:#c9cfdf; text-decoration:none; }
.mitk-artist-sections a[aria-current] { color:#cab4ff; border-color:#a07afa; }
.mitk-profile2 :is(a,button):focus-visible { outline:3px solid #c3a5ff; outline-offset:4px; }
.mitk-artist-panel { padding-top:20px; min-width:0; }
.mitk-artist-panel:focus-visible { outline:2px solid #a887f2; outline-offset:6px; }
.mitk-profile-modules { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,.85fr); gap:18px; align-items:start; }
.mitk-profile-modules--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mitk-profile2 .mitk-profile-modules--0,.mitk-profile2 .mitk-profile-modules--1 { grid-template-columns:minmax(0,1fr); }
.mitk-profile-empty { background:linear-gradient(120deg,#111c2a,#191429); }
.mitk-profile-card { min-width:0; border:1px solid #263142; border-radius:12px; background:#101924; padding:22px; overflow-wrap:anywhere; }
.mitk-profile-card h2 { margin:0 0 16px; font-size:1.22rem; }
.mitk-profile-card p { line-height:1.65; }
.mitk-profile-card a { color:#bea1ff; }
.mitk-profile-modules .mitk-playlist-card { grid-template-columns:88px minmax(0,1fr); grid-template-rows:auto; gap:0; margin-bottom:16px; }
.mitk-profile-modules .mitk-playlist-card .mitk-card-art { width:88px; height:88px; aspect-ratio:1; }
.mitk-profile-modules .mitk-playlist-card .mitk-card-copy { padding:12px; gap:12px; }
.mitk-profile-modules .mitk-playlist-card .mitk-card-actions { display:flex; flex-wrap:wrap; }
.mitk-profile-modules .mitk-playlist-card .mitk-card-actions__secondary { flex-wrap:wrap; justify-content:flex-start; }
.mitk-profile-card-heading { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.mitk-profile-card-heading a { flex-shrink:0; font-size:.86rem; }
.mitk-profile-card blockquote { margin:0 0 18px; padding:0 0 0 12px; border-left:3px solid #9e73ed; }
.mitk-profile-card cite { color:#b5bfd0; font-size:.84rem; }
.mitk-profile-view-music { display:inline-flex; min-height:44px; align-items:center; margin:6px 0 12px; }
.mitk-profile-music-player { padding-top:18px; border-top:1px solid #354256; margin-top:10px; }
.mitk-profile-music-player h3 { margin:0 0 8px; font-size:1rem; }
.mitk-profile-music-player p { max-width:65ch; }
.mitk-profile-music-player>a { display:block; margin:14px 0; }
.mitk-profile-release { display:grid; grid-template-columns:88px minmax(0,1fr); gap:16px; margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid #263142; min-width:0; }
.mitk-profile-release:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.mitk-profile-release-art { width:88px; height:88px; border-radius:8px; background:linear-gradient(140deg,#354059,#292239); overflow:hidden; display:grid; place-items:center; font-size:2rem; }
.mitk-profile-release-art img { width:100%; height:100%; object-fit:cover; }
.mitk-profile-release h4 { font-size:1rem; margin:0 0 7px; overflow-wrap:anywhere; }
.mitk-profile-release .mitk-release-meta { font-size:.82rem; color:#bec7d8; margin:0 0 10px; }
.mitk-profile-release-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:.86rem; }
.mitk-profile-release-actions button,.mitk-profile-tracklist button { min-height:44px; padding:9px 14px; border:1px solid #576784; border-radius:8px; background:#192638; color:#eef1ff; cursor:pointer; }
.mitk-profile-story { max-width:900px; }
.mitk-expandable .mitk-button { margin:12px 0; }
.mitk-profile-explore { margin:20px 0; }
.mitk-release-filters { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 24px; }
.mitk-release-filters a { padding:10px 14px; border:1px solid #394458; border-radius:8px; }
.mitk-release-filters a[aria-current] { background:#352851; border-color:#ab87ee; }
.mitk-profile-release-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.mitk-profile-release-grid .mitk-profile-release { border:1px solid #263142; padding:18px; border-radius:10px; margin:0; }
.mitk-profile-discography { margin:24px 0; }
.mitk-profile-pagination { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:24px; padding:22px 0; }
.mitk-profile-pagination a { min-height:44px; display:flex; align-items:center; }
.mitk-profile-track-detail { margin:24px 0; scroll-margin-top:90px; }
.mitk-profile-tracklist { grid-column:1 / -1; margin:0; padding-left:26px; }
.mitk-profile-tracklist li { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:12px 0; border-bottom:1px solid #263142; }
.mitk-profile-tracklist li>div:first-child { flex:1; min-width:160px; }
.mitk-profile-tracklist small,.mitk-profile-tracklist strong { display:block; }
.mitk-profile-tracklist small { font-size:.75rem; color:#bac5d8; }
.mitk-profile-tracklist .mitk-player-slot { flex-basis:100%; }
@media(max-width:1100px) { .mitk-profile-modules { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@container(max-width:1100px) { .mitk-profile-portrait { flex-basis:190px; width:190px; height:190px; } }
@media(max-width:600px) { .mitk-profile-modules,.mitk-profile-release-grid { grid-template-columns:minmax(0,1fr); } .mitk-profile-card { padding:18px; } .mitk-profile-release { grid-template-columns:70px minmax(0,1fr); gap:12px; } .mitk-profile-release-art { width:70px; height:70px; } .mitk-artist-sections a { padding:8px 14px; } }
@container(max-width:600px) {
  .mitk-profile-hero { display:grid; grid-template-columns:104px minmax(0,1fr); align-items:start; gap:12px 18px; padding:20px; min-height:0; }
  .mitk-profile-portrait { width:104px; height:104px; grid-column:1; grid-row:1 / 3; }
  .mitk-profile-identity { display:contents; }
  .mitk-profile-identity>.mitk-eyebrow { grid-column:2; margin:0!important; font-size:.65rem; }
  .mitk-profile-identity>h1 { grid-column:2; font-size:1.5rem; margin:0; }
  .mitk-profile-identity>:not(h1):not(.mitk-eyebrow) { grid-column:1 / -1; }
  .mitk-profile-platforms { margin:0; }
  .mitk-profile-intro { margin:0!important; font-size:.95rem; line-height:1.5; }
  .mitk-artist-hero-actions { margin:0!important; }
  .mitk-artist-hero-actions .mitk-share-button { width:44px; height:44px; min-height:44px; padding:9px; }
}
/* Older engines retain a compact native layout; no JS is needed for public rendering. */
@supports not (container-type:inline-size) { @media(max-width:600px) {
  .mitk-profile-hero { flex-direction:column; align-items:flex-start; min-height:0; padding:20px; gap:14px; }
  .mitk-profile-portrait { width:104px; height:104px; flex-basis:auto; }
  .mitk-profile-identity h1 { font-size:1.7rem; }
} }
.mitk-profile-image-preview { padding:22px; margin:24px 0; border:1px solid #354256; border-radius:12px; background:#101924; min-width:0; }
.mitk-profile-preview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.mitk-profile-preview-grid figure { margin:0; min-width:0; }
.mitk-profile-preview-grid figcaption { color:#d7ddec; font-weight:600; margin-bottom:10px; }
.mitk-profile-preview-frame { position:relative; width:100%; overflow:hidden; border:1px solid #354256; border-radius:10px; }
.mitk-profile-preview-frame[data-artist-hero-preview="mobile"] { max-width:390px; }
.mitk-profile-preview-stage { container-type:inline-size; transform-origin:top left; pointer-events:none; }
.mitk-profile-preview-stage .mitk-profile-hero { border-radius:0; border:0; }
.mitk-profile-preview-stage .mitk-profile-hero h1 { line-height:1.12; }
@media(max-width:600px) { .mitk-profile-preview-grid { grid-template-columns:minmax(0,1fr); } .mitk-profile-image-preview { padding:16px; } }
@media(prefers-reduced-motion:reduce) { .mitk-profile2 * { scroll-behavior:auto!important; } }