/* An original playable-world vignette: isolated from page controls and campaign media. */
.collaboration-play-scene{position:absolute;z-index:1;right:1%;top:0;width:44%;height:100%;overflow:visible;pointer-events:none;user-select:none}
.recording-cta>.cta-copy{position:relative;z-index:2;width:62%;margin:auto 0;padding-right:0;pointer-events:none}
.recording-cta>.cta-copy a,.recording-cta>.cta-copy button{pointer-events:auto}
.recording-cta .footer-motion-toggle{min-height:44px}
@media(max-width:1000px) and (min-width:761px){.collaboration-play-scene{width:43%;right:0}.recording-cta>.cta-copy{width:63%;padding-left:5vw}.recording-cta h2{font-size:clamp(29px,3.1vw,34px)}}
@media(max-width:760px){
 .recording-cta{height:auto;min-height:0;padding:44px 24px 22px;display:flex;flex-direction:column;align-items:stretch;gap:8px}
 .recording-cta>.cta-copy{width:100%;margin:0;padding:0;order:1}
 .collaboration-play-scene{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:auto;aspect-ratio:680/480;order:2;margin-top:0;overflow:visible}
 .recording-cta .footer-motion-toggle{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.collaboration-play-scene *{animation:none!important;transition:none!important}}
/* The existing CTA wrapper centers children; keep the approved copy anchored left. */
.recording-cta{justify-content:flex-start}