:root { --rr-banner-height: 124px; }
body:has(.rr-music-banner) { padding-top: var(--rr-banner-height); }
.rr-page-brand.rr-music-banner {
  position: fixed; inset: 0 0 auto; z-index: 40; width: 100%; height: var(--rr-banner-height);
  display: flex; align-items: center; justify-content: flex-start; gap: 18px;
  box-sizing: border-box; padding: 14px clamp(16px, 2.5vw, 40px); margin: 0;
  border: 0; border-bottom: 1px solid #cfdbc7; border-radius: 0; overflow: hidden;
  background: linear-gradient(105deg, #f7f7ee 5%, #fffaf2 65%, #edf2e5);
  color: #21332e; box-shadow: 0 3px 18px #21332e12;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.rr-music-banner > img { position: relative; z-index: 1; width: 96px; height: 96px; object-fit: contain; border-radius: 12px; flex-shrink: 0; }
.rr-music-banner .rr-page-brand-copy { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 6px; }
.rr-music-banner .rr-page-brand-copy strong { font-size: 36px; font-weight: 850; letter-spacing: -1.2px; line-height: 1.08; }
.rr-music-banner .rr-page-brand-copy strong span { color: #ef5a19; }
.rr-music-banner .rr-page-brand-copy small { color: #53665c; font-size: 13px; line-height: 1.3; }
.rr-music-banner .rr-brand-music { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.rr-brand-staff { opacity: .44; }
.rr-brand-notes { opacity: .8; }
.rr-brand-note-lift { animation: rr-note-hover 4s ease-in-out infinite alternate; }
@keyframes rr-note-hover { from { transform: translateY(0); } to { transform: translateY(-5px); } }
body.rr-desktop:has(.rr-music-banner) .rr-sidebar { top: var(--rr-banner-height); height: calc(100vh - var(--rr-banner-height)); }
body.rr-desktop:has(.rr-music-banner) .rr-sidebar .rr-brand { display: none; }
body.rr-desktop:has(.rr-music-banner) main.rr-main { padding-top: 24px; }
html:has(.rr-music-banner) { scroll-padding-top: calc(var(--rr-banner-height) + 16px); }
@media (max-width: 680px) {
  :root { --rr-banner-height: 100px; }
  .rr-page-brand.rr-music-banner { padding: 12px; gap: 12px; }
  .rr-music-banner > img { width: 72px; height: 72px; }
  .rr-music-banner .rr-page-brand-copy strong { font-size: 28px; }
  .rr-music-banner .rr-page-brand-copy small { font-size: 11px; max-width: 220px; }
  .rr-music-banner .rr-brand-music { width: 800px; left: auto; right: -280px; opacity: .35; }
  body.rr-desktop:has(.rr-music-banner) .rr-sidebar { position: relative; top: 0; width: 100%; height: auto; flex-basis: auto; }
}
@media (prefers-reduced-motion: reduce) { .rr-brand-note-lift { animation: none; } }
@media print {
  body:has(.rr-music-banner) { padding-top: 0; }
  .rr-page-brand.rr-music-banner { position: static; height: 80px; box-shadow: none; }
  .rr-music-banner > img { width: 60px; height: 60px; }
  .rr-brand-music { display: none; }
}