/* SL-1200GR2: photographed platter, separate arm and fixed light. */
.radio-deck .art{aspect-ratio:1260/1008;background:#dadbdd;border-radius:10px;isolation:isolate}
.radio-deck .art>img{object-fit:fill}
.radio-deck .record-motion{inset:auto;left:15%;top:15.58%;width:53.81%;height:67.26%;position:absolute;clip-path:circle(49.2% at 50% 50%)}
.radio-deck .record-motion img{transform-origin:50% 50%;object-fit:fill}
.radio-deck .rim-spin-frame{left:11.5873%;top:11.4087%;width:60.6349%;height:75.7937%;transform:none;overflow:hidden;border-radius:50%;mask-image:radial-gradient(circle closest-side,transparent 0 88.8%,#000 89.3% 99%,transparent 99.5%);-webkit-mask-image:radial-gradient(circle closest-side,transparent 0 88.8%,#000 89.3% 99%,transparent 99.5%)}
.radio-deck .rim-spin{width:100%;height:100%;display:block;transform-origin:50% 50%;transform-box:border-box;will-change:transform}
.radio-deck .rim-light{left:15.5%;top:66.5%;width:6%;height:9%;background:radial-gradient(ellipse,#299ee52b,transparent 65%);z-index:3}
.radio-deck .record-label{left:33.4%;top:38.7%;width:17%;height:21.25%;background:radial-gradient(circle at 50% 50%,#34373a 0 3%,#adb2a0 3.5% 5%,#d7dfbd 5.5% 100%);box-shadow:0 0 0 1px #15191540;color:#283224}
.radio-deck .label-title{font-size:1.3cqw;top:14%;max-height:31%}
.radio-deck .label-artist{font-size:1.05cqw;top:62%;max-height:27%}
.radio-deck .tonearm{transform-origin:79.05% 29.1%;inset:0;z-index:4}
.radio-deck .tonearm svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(2px 3px 2px #0002)}
.radio-deck #deck-start{left:11.3%;top:79.3%;width:7.7%;height:8%;z-index:5}

/* All rotating layers share the photographed spindle at (528,494) / 1260x1008. */
.radio-deck .art{--spindle-x:41.9047619%;--spindle-y:49.0079365%}
.radio-deck .record-motion{left:calc(var(--spindle-x) - 27.2222222%);top:calc(var(--spindle-y) - 34.0277778%);width:54.4444444%;height:68.0555556%;clip-path:circle(50% at 50% 50%)}
.radio-deck .vinyl-disc{display:block;width:100%;height:100%;transform-origin:50% 50%;transform-box:border-box;will-change:transform}
.radio-deck .rim-spin-frame{left:calc(var(--spindle-x) - 30.3174603%);top:calc(var(--spindle-y) - 37.8968254%)}
.radio-deck .record-label{left:calc(var(--spindle-x) - 9.047619%);top:calc(var(--spindle-y) - 11.3095238%);width:18.095238%;height:22.6190476%}

/* The spindle belongs to the chassis, not to the rotating record. */
.radio-deck .art::after{content:"";position:absolute;left:var(--spindle-x);top:var(--spindle-y);width:1.05%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 32% 24%,#fff 0 8%,#e2e5e7 20%,#a9afb5 42%,#5c646b 64%,#252b31 82%,#a4abb0 96%);box-shadow:0 1px 2px #0009,inset 0 0 1px #fff9}

/* Original photographed Technics spindle; no synthetic highlight. */
.radio-deck .art::after{display:none}
.radio-deck .original-spindle{position:absolute;left:var(--spindle-x);top:var(--spindle-y);width:1.5873016%;height:1.984127%;transform:translate(-50%,-50%);z-index:3;pointer-events:none}

/* Rotate the photographic spindle about its source centre, keeping its holder centred. */
.radio-deck .original-spindle image{transform-box:fill-box;transform-origin:528px 496px;will-change:transform}

/* Crop the photograph to the physical chassis; retain the original layer coordinate system. */
.radio-deck{max-width:100%;overflow:hidden;border-radius:8px;aspect-ratio:1040/802;position:relative;background:transparent}
.radio-deck .art{position:absolute;width:121.153846%;max-width:none;height:auto;aspect-ratio:1260/1008;left:-11.346154%;top:-11.970075%;margin:0;border-radius:0}
@media(min-width:1000px){.radio-deck{max-width:100%}}

/* Image crop is centred on its actual hole (627,617), not the canvas centre.
   The 418px paper label covers the baked-in label without a second rim. */
.radio-deck .record-label{left:calc(var(--spindle-x) - 9.4824074%);top:calc(var(--spindle-y) - 11.8530093%);width:18.9648148%;height:23.7060185%;background:#d1d5b5;box-shadow:0 0 0 1px #1b201d90,inset 0 0 2px #343a2840;color:#30352b;transform-origin:50% 50%}
.radio-deck .label-paper{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;overflow:hidden}
.radio-deck .label-brand{position:absolute;top:8%;left:10%;width:80%;font-size:.8cqw;letter-spacing:.14em;font-weight:600;line-height:1.2}
.radio-deck .label-title{top:23%;left:13%;width:74%;font-size:1.05cqw;font-weight:600;max-height:24%;line-height:1.15}
.radio-deck .label-artist{top:66%;left:13%;width:74%;font-size:.86cqw;max-height:19%;line-height:1.15}
.radio-deck .label-edition{position:absolute;left:12%;width:76%;top:88%;font-size:.53cqw;letter-spacing:.18em;line-height:1.2}
.radio-deck .original-spindle image{transform:none;will-change:auto}
.radio-deck .spindle-rotation{transform-box:fill-box;transform-origin:50% 50%;will-change:transform}