.controller-scene{position:absolute;z-index:3;right:3%;top:85px;width:49%;height:calc(100% - 105px);min-height:350px;isolation:isolate}
.controller-scene canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y;outline-offset:-10px;border-radius:24px}
.controller-scene canvas:active{cursor:grabbing}
.controller-ready .depth-stage{display:none!important}
.controller-tools{position:absolute;bottom:5px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:15px;font:500 10px/1.4 Inter,'Segoe UI',sans-serif;color:#c8b3f0;letter-spacing:.06em}
.controller-tools button,.controller-tools a{border:1px solid #adffe344;border-radius:99px;padding:7px 11px;background:#08101ed9;color:#b8ffe6;font:inherit;letter-spacing:0;cursor:pointer;backdrop-filter:blur(8px)}
.controller-tools button:hover,.controller-tools a:hover{background:#223345}
.controller-ready .hero-image{filter:brightness(.65)}
@media(max-width:1100px) and (min-width:761px){.controller-scene{right:-3%;width:52%}.controller-tools{gap:7px}.controller-tools>span{display:none}}
@media(max-width:760px){.hero.controller-ready{padding-bottom:350px}.controller-scene{top:auto;bottom:15px;right:0;width:100%;height:355px;min-height:0}.controller-tools{font-size:9px;gap:9px}.hero.controller-ready .hero-content{padding-bottom:15px}.controller-tools>span{font-size:8px}.controller-ready .hero-image{filter:brightness(.55)}}