/* The demo's call to action in the Alexandros Residences publication copy. It sits in the
   Explorer's top bar, out of its flow, and uses the Explorer's own colours for day and night. */
.studio-cta{position:absolute;top:50%;left:121px;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 15px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);font:600 12px/1.2 var(--ui);text-decoration:none;white-space:nowrap;transition:background .2s}
.studio-cta:hover{background:var(--wash)}
/* Below 1024 px the return link moves into the menu; the top row has room between the name and the buttons. */
@media(max-width:1023px){.studio-cta{left:50%;transform:translate(-50%,-50%)}}
/* On phones it sits under the name and its credit, clear of the floor controls on the right. It steps
   aside while the scene loads, the floor list is open or a cutaway shows its residence chips. */
@media(max-width:600px){
  .studio-cta{top:124px;left:2px;transform:none;min-height:34px;padding:0 12px}
  body:has(#loading:not([hidden])) .studio-cta,body:has(.floor-nav.open) .studio-cta,body:has(#leave-floor:not([hidden])) .studio-cta{visibility:hidden}
}