
/* V23 — approved image-led Mercurial Conservatory visual portal */
body.music-v23{font-size:16px}
.music-visual-portal{
  position:relative;
  padding:0 0 clamp(2rem,4vw,4rem);
  background:#030405;
  border-bottom:1px solid rgba(221,229,230,.14);
}
.music-portal-frame{
  width:100%;
  overflow:hidden;
  background:#020304;
}
.music-portal-canvas{
  position:relative;
  width:min(100%,1672px);
  margin:0 auto;
  aspect-ratio:1672 / 941;
  isolation:isolate;
}
.music-portal-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#020304;
}
.music-room-hotspot{
  position:absolute;
  z-index:3;
  display:block;
  border:1px solid transparent;
  border-radius:8px;
  text-decoration:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.music-room-hotspot:hover,
.music-room-hotspot:focus-visible{
  border-color:rgba(210,173,104,.88);
  background:rgba(210,173,104,.035);
  box-shadow:0 0 0 2px rgba(210,173,104,.16) inset, 0 0 34px rgba(210,173,104,.14);
  outline:none;
}
.room-01{left:1.5%;top:24.6%;width:31.4%;height:34.8%}
.room-02{left:33.6%;top:24.6%;width:31.4%;height:34.8%}
.room-03{left:65.7%;top:24.6%;width:32.8%;height:34.8%}
.room-04{left:1.5%;top:61.0%;width:31.4%;height:35.6%}
.room-05{left:33.6%;top:61.0%;width:31.4%;height:35.6%}
.room-06{left:65.7%;top:61.0%;width:32.8%;height:35.6%}
.music-mobile-room-index{display:none}

/* Keep all live CSS text at or above the requested 9.5pt floor. */
.music-v23 .brand-text span,
.music-v23 .primary-nav a,
.music-v23 .eyebrow,
.music-v23 .micro,
.music-v23 .work-room,
.music-v23 .state,
.music-v23 .work-actions a,
.music-v23 .work-actions a span,
.music-v23 .work-object figcaption,
.music-v23 .footer a,
.music-v23 .footer .micro{
  font-size:max(.82rem,13px)!important;
}

.music-v23 #work-chambers{
  border-top:0;
  background:
    radial-gradient(70rem 35rem at 50% -10%,rgba(198,162,98,.055),transparent 65%),
    #050607;
}
.music-v23 #work-chambers .section-intro{
  padding-top:clamp(3.5rem,7vw,7rem);
}
.music-v23 #work-chambers .section-intro>p{
  max-width:65ch;
  font-size:1rem;
}

@media(max-width:1100px){
  .music-portal-frame{overflow-x:auto;overflow-y:hidden;scrollbar-color:#6f5b33 #07090a}
  .music-portal-canvas{width:1200px;max-width:none;margin:0}
  .music-mobile-room-index{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    margin-top:18px;
    border:1px solid rgba(221,229,230,.14);
    background:rgba(221,229,230,.14);
  }
  .music-mobile-room-index a{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:.2rem .8rem;
    align-items:start;
    padding:1rem;
    background:#07090a;
    color:var(--mc-silver);
    text-decoration:none;
  }
  .music-mobile-room-index a:hover,.music-mobile-room-index a:focus-visible{background:#0d1113}
  .music-mobile-room-index span{
    grid-row:1/3;
    color:var(--mc-gold);
    font:400 13px/1.4 var(--mc-mono);
  }
  .music-mobile-room-index strong{font:400 1.3rem/1.05 var(--mc-serif)}
  .music-mobile-room-index small{font:400 13px/1.45 var(--mc-mono);letter-spacing:.08em;color:var(--mc-cyan)}
}
@media(max-width:680px){
  .music-portal-canvas{width:1050px}
  .music-mobile-room-index{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.music-room-hotspot{transition:none}}
