/* The stylus arc is measured against the record's outer and inner grooves. */
.listening-desk .tonearm{width:37.3%;height:auto;aspect-ratio:2/3;left:77.3%;top:.7%;transform-origin:50% 22.1%;transform:rotate(-6deg);filter:drop-shadow(3px 5px 2px #0008)}
.tonearm img{object-fit:contain;aspect-ratio:2/3;height:auto}
.disc-playing .listening-desk .tonearm{transform:rotate(calc(11deg + var(--needle-progress,0)*20deg));filter:drop-shadow(1px 2px 1px #0008)}
.listening-desk .physical-sleeve{border:0;border-radius:1px;box-shadow:0 1px 1px #0009,3px 9px 15px #0008;isolation:isolate}
.listening-desk .physical-sleeve>img{display:block;border:0;object-position:center}
.listening-desk .physical-sleeve:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff2,transparent .65%,transparent 99.5%,#0003),linear-gradient(180deg,#fff1,transparent 1%);border-radius:inherit}
.listening-desk .shelf-item{border:0;border-radius:1px;box-shadow:0 1px 1px #0009,2px 7px 12px #0008}
.listening-desk .shelf-item img{display:block;border-radius:1px}
.listening-desk .shelf-item.active:after{inset:0;border:0;background:linear-gradient(90deg,#fff2,transparent 1.5%,transparent 99%,#0003);border-radius:1px}
.listening-desk .shelf-item:focus-visible{outline:2px solid #e8c7a3;outline-offset:5px}
.desk-session{background:none;border:0;box-shadow:none;filter:drop-shadow(3px 7px 5px #0007);padding:42px 25px 35px;isolation:isolate}
.desk-session:before{content:'';z-index:-1;position:absolute;inset:-9px -8px -12px;background:url('assets/session-paper.webp') center / 100% 100% no-repeat;border:0;clip-path:polygon(4.5% 5.2%,7% 5.2%,7% 3.5%,15% 3.5%,15% 5.2%,95.5% 5.2%,95.5% 90%,93.5% 95%,4.5% 95%);pointer-events:none}
.paper-clip{display:none}
.desk-session>.tiny{margin-left:13px}.desk-session h3{margin-top:13px}
@media(max-width:700px){.desk-session{padding:44px 28px 37px}.desk-session:before{inset:-10px -10px -12px}.desk-session>.tiny{margin-left:15px}}

.desk-session h3{margin-left:20px;line-height:1.1}