.sp-scene-wrap{position:relative;width:100%;height:80vh;min-height:560px;display:flex;align-items:center;justify-content:center;perspective:1200px;overflow:hidden}.sp-scene{position:relative;width:0;height:0;transform-style:preserve-3d;will-change:transform}.sp-panel{position:absolute;width:var(--w);height:var(--h);margin-left:calc(var(--w)/ -2);margin-top:calc(var(--h)/ -2);opacity:var(--op);border-radius:12px;overflow:hidden;transform:translateZ(var(--z,0)) translateY(var(--wave,0));transform-origin:bottom center;will-change:transform}.sp-panel-img,.sp-panel-vignette{position:absolute;inset:0}.sp-panel-img{background-image:var(--img);background-size:cover;background-position:center}.sp-panel-vignette{background:linear-gradient(to bottom,rgba(0,0,10,.08) 0,rgba(0,0,10,.32) 100%)}