.brand-presence { position:relative;flex:none;width:47.85rem;height:48rem; }
.brand-presence .now-playing[hidden] { display:none; }
:is(.site-nav,.mobile-menu-header) a.now-playing {
  position:absolute;top:calc(100% + 20px);left:50%;translate:-38% 0;
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;
  width:max-content;max-width:170px;min-height:0;padding:10px 14px;border-radius:20px;
  background:white;color:var(--ink);filter:drop-shadow(0 6px 14px rgb(8 12 45 / 12%));
  font:400 13px/15px Belanosima,sans-serif;white-space:normal;text-align:center;
  text-decoration:none;transition:filter 180ms ease;
}
.now-playing::before,.now-playing::after { content:'';position:absolute;background:white;border-radius:50%;pointer-events:none; }
.now-playing::before { width:18px;height:18px;top:-7px;left:22px; }
.now-playing::after { width:8px;height:8px;top:-18px;left:33px; }
.now-playing-status { color:var(--grey-700);font-size:11px;line-height:13px;margin-bottom:3px; }
.now-playing-title { display:flex;align-items:center;justify-content:center;gap:4px;max-width:100%; }
.now-playing-title > i { color:#167d3c;font-size:12px;flex:none; }
.now-playing-song,.now-playing-artist { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%; }
.now-playing-song { min-width:0; }
.now-playing-artist { color:var(--grey-700);font-size:12px;line-height:14px; }
.site-nav .now-playing:hover { opacity:1;filter:drop-shadow(0 8px 16px rgb(8 12 45 / 16%)); }
.now-playing:focus-visible { outline:3px solid var(--blue);outline-offset:4px; }
.case-nav-wrap.has-spotify-badge { min-height:max(140rem,164px); }
@media (max-width:1024px) {
  .brand-presence { width:48px;height:48px; }
  :is(.site-nav,.mobile-menu-header) a.now-playing { left:0;translate:none;max-width:min(170px,calc(100vw - 96px)); }
  .about-page-hero.has-spotify-badge,.collection-hero.has-spotify-badge { padding-top:192px; }
  .case-nav-wrap.has-spotify-badge { height:168px;min-height:168px; }
  .mobile-menu-header.has-spotify-badge { height:168px;align-items:flex-start; }
  .mobile-site-menu:has(.now-playing:not([hidden])) { overflow-y:auto; }
}
@media (prefers-reduced-motion:no-preference) {
  .now-playing:not([hidden]) { animation:now-playing-arrive 350ms ease both; }
}
@keyframes now-playing-arrive { from { opacity:0;transform:translateY(5px); } to { opacity:1;transform:none; } }