/* One pinned stage for both scenes. No nested sticky transforms or negative margins. */
.studio-stage { position:absolute; inset:0; padding:100px 4.5vw 48px; display:grid; align-content:center; opacity:var(--studio-entry,0); z-index:3; }
.studio-stage[aria-hidden="true"] { pointer-events:none; }
.studio-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr); align-items:center; gap:5vw; max-width:1500px; width:100%; margin:auto; }
.studio-art { position:relative; aspect-ratio:4/3; outline:none; cursor:pointer; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.studio-art:focus-visible { outline:1px solid var(--gold); outline-offset:10px; }
.studio-canvas { display:block; width:100%; height:100%; }
.studio-fallback { display:none; width:100%; height:100%; object-fit:contain; }
.no-webgl .studio-fallback { display:block; }
.no-webgl .studio-canvas { display:none; }
.studio-copy h2 { font:500 clamp(28px,3vw,44px)/1.3 var(--font-display); margin:15px 0 25px; }
.studio-copy h2 em { font-style:normal; color:var(--gold); }
.studio-copy p { color:var(--muted); font-size:14px; line-height:1.95; margin:0 0 18px; }
.studio-copy .lead { color:var(--text); }
@media(max-width:768px) {
 .studio-stage { padding:76px 6vw 28px; }
 .studio-layout { grid-template-columns:1fr; gap:12px; }
 .studio-art { width:min(100%,520px); margin:auto; }
 .studio-copy h2 { font-size:26px; margin:6px 0 10px; }
 .studio-copy p { font-size:12px; line-height:1.7; margin-bottom:9px; }
 .studio-copy .sec-kicker { font-size:10px; }
 .studio-copy .tags { margin-top:12px; gap:6px; }
 .studio-copy .tag { font-size:11px; }
}
@media(max-height:650px) and (min-width:769px) {
 .studio-layout { grid-template-columns:minmax(0,1.25fr) minmax(270px,1fr); max-width:1100px; }
 .studio-copy p { font-size:12px; line-height:1.6; }
 .studio-copy h2 { margin:8px 0 12px; font-size:28px; }
}
@media(prefers-reduced-motion:reduce) {
 .studio-stage { position:relative; opacity:1; min-height:100svh; background:var(--bg); }
}

.record-track { position:relative; }
.studio-anchor { position:absolute; top:61%; width:1px; height:1px; pointer-events:none; }
