/* Transparent studio scenes float directly on the editorial section. */
.service-art{aspect-ratio:1.05;background:transparent;border-radius:0;overflow:visible;margin-top:26px}
.service-visual{overflow:visible}
.service-exhibit{height:100%;display:flex;flex-direction:column;min-width:0}
.studio-viewport{position:relative;flex:1;min-height:0;background:transparent;border-radius:0;overflow:visible}
.studio-mount{position:absolute;inset:0;z-index:1;touch-action:pan-y}
.studio-mount canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .4s var(--ease)}
.studio-ready .studio-mount canvas{opacity:1}
.studio-fallback{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .3s var(--ease)}
.studio-fallback>.flow-stage{width:100%;height:100%}
.studio-fallback .solution-scene{background:transparent}
.studio-ready .studio-fallback{opacity:0;pointer-events:none}
.studio-controls{display:flex;justify-content:center;align-items:center;gap:24px;min-height:55px;padding:8px 8px 0;flex-shrink:0}
.studio-controls button{position:relative;min-height:42px;padding:9px 0;background:transparent;color:var(--green-ink);font:500 13px/1.4 var(--display);white-space:nowrap}
.studio-controls button:after{content:'';position:absolute;bottom:5px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.studio-controls button:hover:after,.studio-controls button.is-selected:after,.studio-controls button:focus-visible:after{transform:scaleX(1)}
.studio-controls button:focus-visible{outline:2px solid var(--green-ink);outline-offset:3px;border-radius:2px}
.studio-controls button:disabled{opacity:1;cursor:default}
.studio-fallback .flow-track{stroke:#9bab8b;stroke-width:1.5}
.studio-fallback .flow-trace,.studio-fallback .flow-packet,.studio-fallback .flow-response,.studio-fallback .flow-hit{visibility:hidden}
.studio-fallback .persona-intersection{fill:#83b74e;opacity:.12}
.studio-fallback .solution-platforms>button{display:flex;flex-direction:column;align-items:center;gap:6px;width:42%;padding:0;background:none;font:500 12px var(--display)}
.studio-fallback .solution-platforms>button:last-child img{width:88px}
@media(max-width:760px){
  .service-mobile-media{aspect-ratio:auto;background:transparent;overflow:visible;border-radius:0;margin-top:20px}
  .service-mobile-media .studio-viewport{flex:auto;aspect-ratio:1.05}
  .studio-controls{min-height:53px;gap:22px;padding-top:4px}
  .studio-controls button{font-size:12px;min-height:44px}
  .service-mobile-media .studio-viewport{margin-inline:-5px}
  .studio-fallback .solution-platforms>button:last-child img{width:69px}
}
@media(prefers-reduced-motion:reduce){.studio-mount canvas,.studio-fallback{transition:none}}