/* Isolated illustration styles. Exported with vs-hsl-prefixed selectors. */
.vs-hsl{container-type:inline-size;isolation:auto;overflow:visible}
.vs-hsl__poster,.vs-hsl__live{position:absolute;inset:0;display:block;width:100%;height:100%}
.vs-hsl__poster{z-index:4;pointer-events:auto}
.vs-hsl__poster img{display:block;position:absolute;object-fit:contain;object-position:center;margin:0;border:0;border-radius:0;box-shadow:none;filter:none}
.vs-hsl.is-hsl-live .vs-hsl__poster{opacity:0}
.vs-hsl__live{pointer-events:none}
.vs-hsl__live[hidden],.vs-hsl__controls[hidden]{display:none}
.vs-hsl__assembly{position:absolute;inset:0;transform-style:preserve-3d}
.vs-hsl__panel{position:absolute;transform-style:preserve-3d}
.vs-hsl__panel-face,.vs-hsl__panel-back,.vs-hsl__panel-controls,.vs-hsl__panel-controls-back{position:absolute;inset:0;backface-visibility:hidden}
.vs-hsl__panel-face{background:#1a2131;transform:translateZ(.015cqw)}
.vs-hsl__panel-back{background:#101827}
.vs-hsl__panel-face svg,.vs-hsl__panel-controls svg,.vs-hsl__panel-controls-back svg{display:block;width:100%;height:100%;overflow:visible}
.vs-hsl__panel-edge{position:absolute;backface-visibility:hidden}
.vs-hsl__panel-edge--left{left:0;top:0;height:100%;transform-origin:left;transform:rotateY(90deg);background:linear-gradient(90deg,#182a45,#41536b)}
.vs-hsl__panel-edge--right{right:0;top:0;height:100%;transform-origin:right;transform:rotateY(-90deg);background:linear-gradient(90deg,#344051,#151a29)}
.vs-hsl__panel-edge--top{left:0;top:0;width:100%;transform-origin:top;transform:rotateX(-90deg);background:linear-gradient(#4d5a76,#273249)}
.vs-hsl__panel-edge--bottom{left:0;bottom:0;width:100%;transform-origin:bottom;transform:rotateX(90deg);background:#10131c}
.vs-hsl__dancer{position:absolute;z-index:3;transform:none}
.vs-hsl__dancer canvas{display:block;width:100%;height:100%}
.vs-hsl__panel-shadow{position:absolute;background:url('./assets/shadow.svg') center/100% 100% no-repeat;opacity:var(--shadow-opacity);transform-origin:50% 25%;transform:translateX(var(--shadow-x)) skewX(var(--shadow-skew)) scale(var(--shadow-scale-x),var(--shadow-scale-y))}
.vs-hsl__controls{position:absolute;bottom:1%;right:10%;z-index:6;display:flex;pointer-events:auto}
.vs-hsl__controls button{font:500 12px/1.2 Arial,sans-serif;letter-spacing:.04em;min-height:36px;padding:8px 14px;border:1px solid #345e5b45;border-radius:30px;background:#f8f8f4dd;color:#244743;cursor:pointer}
.vs-hsl__controls button:focus-visible{outline:2px solid #326d69;outline-offset:3px}
.vs-hsl__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:900px){.vs-hsl__live{display:none!important}.vs-hsl.is-hsl-live .vs-hsl__poster{opacity:1}.vs-hsl__controls{display:none!important}}

/* Generated by build-assets.mjs from scene-geometry.js. */
.vs-hsl{aspect-ratio:800/1280;--yaw:-17.837095711822826deg;--float:-4.101713698260725cqw;--shadow-scale-x:1.0729193546357463;--shadow-scale-y:1.291677418542985;--shadow-opacity:0.34150604871691237;--shadow-x:1.248596699827598cqw;--shadow-skew:-8.918547855911413deg}
.vs-hsl__live{perspective:112cqw;perspective-origin:52.8125% 25.78125%}
.vs-hsl__assembly{transform-origin:52.8125% 25.78125%;transform:translateY(var(--float,0cqw)) rotateX(5deg) rotateY(var(--yaw,-17.837095711822826deg))}
.vs-hsl__panel{left:0%;top:2.5%;width:105.625%;height:45.4221036%}
.vs-hsl__panel-back{transform:translateZ(-2.25cqw)}
.vs-hsl__panel-edge--left,.vs-hsl__panel-edge--right{width:2.25cqw}
.vs-hsl__panel-edge--top,.vs-hsl__panel-edge--bottom{height:2.25cqw}
.vs-hsl__panel-controls{transform:translateZ(2cqw)}
.vs-hsl__panel-controls-back{transform:translateZ(1.375cqw)}
.vs-hsl__dancer{left:5%;top:24.21875%;width:81.25%;aspect-ratio:3563/5102}
.vs-hsl__panel-shadow{left:-2.5%;top:44.84375%;width:112.5%;height:17.96875%}
.vs-hsl__poster img{inset:auto;left:-17.5%;top:-8.59375%;width:135%;height:117.1875%;max-width:none}

/* Illustration appearance only. The document stylesheet owns placement. */
.cw-overlay[data-cw-case-study="videostudio"] .vs-page21__person.vs-hsl{height:auto;aspect-ratio:800/1280;z-index:4;padding:0;border:0;border-radius:0;background:none;overflow:visible;box-shadow:none;filter:none}
.cw-overlay[data-cw-case-study="videostudio"] .vs-page21__person.vs-hsl img{object-fit:contain;object-position:center;border-radius:0;box-shadow:none;filter:none}