/* Desktop enhancement only. Mobile inherits the original stylesheet. */
.menu { --menu-small-label: clamp(0.62rem, 0.78vw, 0.74rem); }
.menu__meta-tabs, .menu__filters { font-size: var(--menu-small-label); }
.menu__role { font-size: calc(var(--menu-small-label) * 0.85); }
.menu__legal-link { font-size: inherit; letter-spacing: 0.04em; }
@media (min-width: 761px) and (hover: hover) {
  .menu { --preview-top: max(192px, 28svh, var(--artist-filter-bottom, 0px)); --preview-muted: #595959; }
  .artist-preview[hidden] { display: none; }
  .artist-preview {
    position: absolute; top: var(--preview-top); right: 4vw; width: 50vw;
    height: min(42svh, 33vw); border: 0; padding: 0; background: none;
    box-shadow: none; cursor: pointer;
  }
  .artist-preview video {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: contain; pointer-events: none; box-shadow: none;
  }
  .artist-preview:focus-visible { outline: 2px solid currentColor; outline-offset: 8px; }
  .artist-preview__role {
    position: absolute; top: calc(100% + 16px); left: 0; right: 0;
    text-align: left; font: 12px/1.5 'Martian Mono', monospace;
    text-transform: uppercase; color: var(--preview-muted); pointer-events: none;
  }
  .menu[data-tab="artists"] .menu__viewport { right: 54vw; }
}