.ld-a .ld-vinyl{animation:none}
.ld-a.is-playing .ld-vinyl{animation:bspin 15s linear infinite}
@media (prefers-reduced-motion:reduce){.ld-a.is-playing .ld-vinyl{animation:none}}

.ld-a.has-hoerprobe{cursor:pointer}
.ld-a.has-hoerprobe:focus-visible{outline:3px solid var(--velvet);outline-offset:6px;border-radius:8px}

.lp-cue{position:absolute;z-index:3;left:74%;top:76.5%;width:44%;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;pointer-events:none}
.lp-cue[hidden]{display:none}
.lp-cue-arrow{width:46%;height:auto;color:var(--velvet);transition:opacity .4s ease}
.lp-cue-arrow path{stroke-dasharray:1;stroke-dashoffset:1;animation:cuedraw .8s cubic-bezier(.45,0,.2,1) .35s forwards}
.lp-cue-arrow path+path{animation-delay:1.05s;animation-duration:.3s}
.ld-a.is-playing .lp-cue-arrow{opacity:.2}
.lp-cue-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;margin-left:20%;transform:rotate(-4deg);transform-origin:left center}
.lp-cue-text{font-family:var(--display);font-style:italic;font-weight:600;font-size:clamp(.74rem,2.8vw,.9rem);line-height:1.2;color:var(--ink);white-space:nowrap}
.lp-cue .wave{display:none;align-items:flex-end;gap:2.5px;height:12px}
.ld-a.is-playing .lp-cue .wave{display:flex}
.lp-cue .wave i{width:2px;height:30%;background:var(--velvet);border-radius:2px;animation:eq .9s ease-in-out infinite}
.lp-cue .wave i:nth-child(2){animation-delay:.18s}
.lp-cue .wave i:nth-child(3){animation-delay:.34s}
.lp-cue .wave i:nth-child(4){animation-delay:.12s}
@media (prefers-reduced-motion:reduce){.lp-cue-arrow path{animation:none;stroke-dashoffset:0}.lp-cue .wave i{animation:none;height:60%}}
@keyframes cuedraw{to{stroke-dashoffset:0}}