.concert-scene{--concert-motion: var(--studio-hover-motion, .7s cubic-bezier(.2,.7,.3,1));position:absolute;inset:0 0 0 auto;height:100%;aspect-ratio:3 / 2;isolation:isolate}.concert-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/images/guitars/studio-floor.webp) center / 100% 100% no-repeat;mix-blend-mode:lighten}.concert-scene:before,.concert-light{-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--concert-fade-left, 12%),#000 var(--concert-fade-right, 88%),transparent),linear-gradient(180deg,transparent,#000 8%,#000 83%,transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--concert-fade-left, 12%),#000 var(--concert-fade-right, 88%),transparent),linear-gradient(180deg,transparent,#000 8%,#000 83%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.concert-light{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--concert-light-strength, 1)}.concert-light>span{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.65;transform-origin:var(--light-source) 9%;transform:scaleY(calc((var(--light-depth-back) + var(--light-depth-front)) / 2));background:radial-gradient(ellipse 2% 3% at var(--light-source) 9%,#e3e6ee94,transparent 90%),conic-gradient(from 164deg at var(--light-source) 9%,transparent,#a0b5d029 10deg,#d0dbed68 16deg,#a0b5d029 22deg,transparent 32deg),radial-gradient(ellipse 16% 9% at var(--light-pool) 84%,#a9c4e376,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 12%,#000b 42%,#0002 70%,#000 83%,transparent 100%);mask-image:linear-gradient(180deg,#000 12%,#000b 42%,#0002 70%,#000 83%,transparent 100%)}.concert-light>span:nth-child(1){--light-source: 27%;--light-pool: 23%}.concert-light>span:nth-child(2){--light-source: 51%;--light-pool: 50%}.concert-light>span:nth-child(3){--light-source: 75%;--light-pool: 81%}.concert-instrument{position:absolute;left:var(--instrument-left);bottom:var(--instrument-bottom);height:var(--instrument-height);pointer-events:none}.concert-drums{--instrument-left: 39%;--instrument-bottom: 26%;--instrument-height: 51%;--instrument-shift: 1px;--instrument-lift: -2px;--instrument-tilt: .35deg;--shadow-cast: 6%}.concert-synth{--instrument-left: 22%;--instrument-bottom: 19%;--instrument-height: 43%;--instrument-shift: -2px;--instrument-lift: -3px;--instrument-tilt: -.55deg;--shadow-cast: -12%;--instrument-hit-area: polygon(3% 0, 97% 0, 100% 25%, 85% 31%, 63% 56%, 87% 100%, 67% 100%, 50% 70%, 32% 100%, 13% 100%, 37% 56%, 14% 31%, 0 25%)}.concert-guitar{--instrument-left: 6%;--instrument-bottom: 13%;--instrument-height: 68%;--instrument-shift: -2px;--instrument-lift: -5px;--instrument-tilt: -.7deg;--shadow-cast: -24%}.concert-bass{--instrument-left: 79%;--instrument-bottom: 15%;--instrument-height: 68%;--instrument-shift: 2px;--instrument-lift: -4px;--instrument-tilt: .65deg;--shadow-cast: 24%}.concert-guitar,.concert-bass{--instrument-hit-area: polygon(24% 0, 76% 0, 76% 47%, 100% 62%, 100% 100%, 0 100%, 0 62%, 24% 47%)}.concert-instrument img{position:relative;display:block;width:auto;height:100%;transform-origin:50% 96%}.concert-shadow{position:absolute;inset:auto 0 -6%;height:15%;pointer-events:none}.concert-shadow:before,.concert-shadow:after{content:"";position:absolute}.concert-shadow:before{top:37%;right:0;bottom:30%;left:0;background:radial-gradient(ellipse,#070505d9,transparent 72%)}.concert-shadow:after{top:20%;right:-35%;bottom:0;left:-35%;transform:translate(var(--shadow-cast));background:radial-gradient(ellipse,#0a0808cf,#0a080866 38%,transparent 72%)}.concert-scene :is(.concert-light>span:nth-child(1),.concert-guitar,.concert-synth){--light-period: 7s;--light-delay: -2s;--light-depth-back: .88;--light-depth-front: 1.01}.concert-scene :is(.concert-light>span:nth-child(2),.concert-drums){--light-period: 9s;--light-delay: -5s;--light-depth-back: .8;--light-depth-front: .94}.concert-scene :is(.concert-light>span:nth-child(3),.concert-bass){--light-period: 11s;--light-delay: -8s;--light-depth-back: .96;--light-depth-front: 1.1}@media(prefers-reduced-motion:no-preference){.concert-light>span{animation:concert-light-sweep var(--light-period) ease-in-out var(--light-delay) infinite alternate}.concert-shadow:after{animation:concert-shadow-sweep var(--light-period) ease-in-out var(--light-delay) infinite alternate}.concert-scene .concert-instrument img{transition:transform var(--concert-motion)}.concert-shadow{transition:transform var(--concert-motion),opacity var(--concert-motion)}}@keyframes concert-light-sweep{0%{transform:rotate(-10deg) scaleY(var(--light-depth-back));opacity:.6}to{transform:rotate(10deg) scaleY(var(--light-depth-front));opacity:1}}@keyframes concert-shadow-sweep{0%{transform:translate(calc(var(--shadow-cast) - 22%),calc((1 - var(--light-depth-back)) * 100%)) scale(.86,var(--light-depth-back));opacity:.63}to{transform:translate(calc(var(--shadow-cast) + 22%),calc((1 - var(--light-depth-front)) * 100%)) scale(1.18,var(--light-depth-front));opacity:.96}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.concert-instrument:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:var(--instrument-hit-area, none);pointer-events:auto}.concert-instrument:hover img{transform:translate(var(--instrument-shift),var(--instrument-lift)) rotate(var(--instrument-tilt))}.concert-instrument:hover .concert-shadow{transform:translate(var(--instrument-shift),calc(var(--instrument-lift) * -.35)) scale(1.06,1.12);opacity:.78}}
