/* Artist symbols float directly over the music room. */
.artists-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px;margin:0 auto 32px;max-width:1120px}
.artist-tile{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--ink);text-align:center;padding:10px 0 20px;background:none;border:0;box-shadow:none}
.artist-symbol{display:block;width:100%;height:clamp(250px,29vw,365px);object-fit:contain;background:none;border:0;border-radius:0;box-shadow:none;transition:transform .2s}
.artist-tile h2{font-size:clamp(23px,2.4vw,31px);font-weight:normal;margin:24px 0 0;text-shadow:0 2px 8px #000;line-height:1.2}
.artist-tile:hover .artist-symbol{transform:translateY(-6px)}
.artist-tile:hover h2{color:#efd9ab}.artist-overview .gallery-title{padding-bottom:30px}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:20px 0 0;font:12px/1.6 system-ui,sans-serif;color:var(--muted)}
.breadcrumbs a{color:var(--ink);text-decoration:none;padding:6px 0}.breadcrumbs a:hover{text-decoration:underline}
.artist-albums-grid{display:grid;grid-template-columns:repeat(2,minmax(0,340px));justify-content:center;gap:42px;max-width:800px;margin:0 auto 40px}
.artist-album{text-align:center;display:block;color:var(--ink);text-decoration:none;text-shadow:0 2px 8px #000}
.artist-album-image{display:block;aspect-ratio:1;overflow:hidden;border-radius:7px;border:1px solid #c8b1839e;padding:5px;background:#12212dbb;box-shadow:0 12px 28px #050c1480;transition:transform .2s}
.artist-album-image img{display:block;width:100%;height:100%;object-fit:contain;border-radius:3px}
.artist-album h2{font-weight:normal;font-size:26px;line-height:1.25;margin:18px 0 0}.artist-album:hover .artist-album-image{transform:translateY(-4px)}
.artist-albums-page[data-artist=akai-kanshi] .artist-albums-grid,.artist-albums-page[data-artist=scholastikat] .artist-albums-grid{grid-template-columns:minmax(0,340px)}
.header-tools{display:flex;flex-direction:column;align-items:flex-end;gap:12px;min-width:0;flex:1}
.music-gallery .management-actions{max-width:none;flex-wrap:wrap;flex-direction:row;gap:7px}
/* Compact capacity overview; details remain on the Secretariat page. */
.music-gallery .header-storage{display:flex;align-items:center;gap:12px;width:min(100%,530px);box-sizing:border-box;padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none;font-family:system-ui,sans-serif}
.music-gallery .header-storage h2{flex:none;font:12px/1.4 system-ui,sans-serif;letter-spacing:.02em;margin:0;white-space:nowrap}
.music-gallery .header-storage meter{flex:1;min-width:24px;width:auto;height:10px;display:block;accent-color:#dfc793}
.music-gallery .header-storage button{flex:none;width:auto;font:11px/1.3 system-ui,sans-serif;padding:7px 10px;min-height:36px;white-space:nowrap}
.header-storage[data-storage-state=loading] meter,.header-storage[data-storage-state=error] meter,.header-storage[data-storage-state=empty] meter{opacity:.35}
.music-gallery .album-detail .album-shelf{margin-bottom:30px}.album-detail .gallery-title{padding-top:24px}
@media(max-width:950px){.artists-grid{gap:28px}.artist-symbol{height:290px}.music-gallery .site-header{align-items:flex-start;gap:20px}.campus-brand{flex:none}.header-tools{max-width:530px}.music-gallery .management-actions{gap:5px}.music-gallery .management-actions button{padding:8px 12px}}
@media(max-width:750px){.artist-symbol{height:235px}.artists-grid{gap:20px}.artist-tile h2{font-size:23px}.music-gallery .site-header{flex-wrap:wrap}.header-tools{width:100%;max-width:none;flex:auto}.music-gallery .campus-brand{width:100%}.music-gallery .management-actions{width:100%;justify-content:flex-end}.music-gallery .header-storage{width:100%;max-width:none;box-sizing:border-box}.artist-albums-grid{gap:26px}}
@media(max-width:560px){.artists-grid{grid-template-columns:minmax(0,1fr);gap:26px;max-width:340px}.artist-symbol{height:270px}.artist-tile{padding:0 0 10px}.artist-tile h2{margin-top:12px;font-size:28px}.artist-overview .gallery-title{padding-bottom:24px}.artist-albums-grid{grid-template-columns:minmax(0,340px);gap:30px}.artist-album h2{font-size:24px}.music-gallery .management-actions{justify-content:flex-start}.music-gallery .management-actions .view-switch{width:100%;margin:0}.music-gallery .header-storage{gap:8px}.breadcrumbs{font-size:11px;margin-top:14px}}
@media(prefers-reduced-motion:reduce){.artist-symbol,.artist-album-image{transition:none}.artist-tile:hover .artist-symbol,.artist-album:hover .artist-album-image{transform:none}}

.artist-scholastikat h2{font-size:clamp(21px,2vw,25px);line-height:1.3;max-width:310px}
@media(max-width:560px){.artist-scholastikat h2{font-size:24px}}

.album-view-actions{display:flex;justify-content:center;margin:18px 0 0}.album-view-actions .view-switch{display:inline-flex;align-items:center;justify-content:center;font:13px/1.4 system-ui,sans-serif;text-align:center}

.music-gallery [data-status]:empty{display:none}.music-gallery.album-detail .music-library{padding-top:0}.music-gallery.album-detail .album{padding-top:22px}

/* Treble clef returns to the artist selection on every music page. */
.music-gallery .management-actions .artist-selection{flex:none;flex-direction:column;justify-content:center;gap:3px;min-width:94px;min-height:62px;padding:3px 7px;color:var(--accent);font:12px/1.3 system-ui,sans-serif;text-align:center}
.artist-selection img{display:block;width:17px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 4px #0008);transition:transform .2s,filter .2s}
.artist-selection span{display:block;white-space:nowrap;color:var(--ink)}
.artist-selection:hover img{transform:translateY(-2px);filter:drop-shadow(0 2px 6px #0008) brightness(1.2)}
@media(max-width:560px){.music-gallery .management-actions .artist-selection{min-width:86px;font-size:11px;padding:3px 5px}}
@media(prefers-reduced-motion:reduce){.artist-selection img{transition:none}.artist-selection:hover img{transform:none}}
