/* The approved flat-lay desk: selection / physical object / personal paper. */
.record-chapter{background:#11110f}.record-sticky.listening-desk{display:grid;grid-template-columns:minmax(215px,1fr) minmax(380px,2.25fr) minmax(205px,.85fr);grid-template-areas:'heading heading heading' 'info table session' 'shelfheading shelfheading shelfheading' 'shelf shelf shelf' 'browser browser browser' 'foot foot foot';gap:20px 30px;padding:55px 4% 30px;background:linear-gradient(90deg,#090a09a8,transparent 42%,#080a0910),url('assets/listening-desk.webp') center top / 100% auto no-repeat,#11110f;overflow:hidden}.listening-desk:before{display:none}.listening-desk .record-heading{grid-area:heading;display:flex;align-items:baseline;justify-content:space-between;gap:25px;max-width:none;margin-bottom:10px}.listening-desk .record-heading .tiny{font-size:8px;letter-spacing:1.8px;max-width:180px;color:#d2b6a6}.listening-desk .record-heading :is(h1,h2){font:34px/1.1 Georgia,serif;letter-spacing:-1px;margin:0}.listening-desk .record-heading :is(h1,h2) br{display:none}.listening-desk .record-heading :is(h1,h2) em{font:italic 1em Georgia,serif;margin-left:8px}.listening-desk .record-heading>p:last-child{font:italic 13px Georgia,serif;max-width:160px;color:#bfb19e;margin:0;padding:0}.listening-desk .record-info{grid-area:info;align-self:center;position:relative;z-index:3;border:0;padding:15px 0;width:100%;background:none;color:#ece6dc;transform:none}.listening-desk .record-info h3{font:clamp(29px,2.8vw,45px)/1.04 Georgia,serif;letter-spacing:-1px;margin:17px 0 12px;overflow-wrap:anywhere}.listening-desk .record-info>p{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#cabdad;margin-bottom:22px}.listening-desk .record-info>.tiny{font-size:7px;line-height:1.5;letter-spacing:1.2px;color:#c9b2a2}.listening-desk #album-tracks{display:none}.listening-desk .record-actions{gap:10px;margin-top:18px}.listening-desk .record-actions .solid{background:#b54846;color:#fff0df;font-size:11px;padding:13px 15px;border:1px solid #e08d7255}.listening-desk .record-actions .solid:hover{background:#cc5954}.listening-desk #immersive-open{padding:12px!important;font-size:10px!important;border-color:#c0a38f66;color:#f0d4c0}.listening-desk #tracklist-open{font-size:10px;padding:5px 0}.listening-desk #buy-record{font-size:10px;color:#f0b599}.listening-desk .record-table{grid-area:table;align-self:center;aspect-ratio:1.03;position:relative;width:100%;height:auto;left:auto;top:auto;margin:0;transform:none;perspective:none;isolation:isolate}.listening-desk .physical-record{width:65%;left:31%;top:8%;transform:none;filter:drop-shadow(3px 14px 14px #000b);transition:none}.listening-desk .physical-sleeve{width:68%;left:0;top:10%;transform:rotate(-8deg);box-shadow:2px 3px 0 #b5a18966,4px 6px 1px #15120f,10px 25px 25px #0009;transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}.disc-playing .listening-desk .physical-sleeve{transform:translate(-10%,7%) rotate(-12deg)}.listening-desk .record-shadow{left:8%;top:74%;width:86%;height:13%;filter:blur(23px);background:#0009}.listening-desk .turntable-caption{bottom:6%;left:10%;font-size:6px;letter-spacing:1.1px}.desk-play-state{position:absolute;bottom:1%;left:10%;font-size:6px;letter-spacing:1.4px;color:#a29582}.tonearm{position:absolute;width:13%;height:76%;left:86%;top:1%;z-index:5;transform-origin:50% 11.18%;transform:rotate(-7deg);transition:transform 1.35s cubic-bezier(.3,.7,.2,1);filter:drop-shadow(4px 7px 3px #0009);pointer-events:none}.tonearm svg{width:100%;height:100%;overflow:visible}.disc-playing .tonearm{transform:rotate(calc(22deg + var(--needle-progress)*12deg));filter:drop-shadow(2px 3px 2px #0009)}
#desk-tracklist>.tiny{color:#a58c79;font-size:7px;letter-spacing:1.4px;margin:0 0 12px}#desk-tracklist ol{list-style:none;margin:0;padding:0;max-height:205px;overflow:auto;scrollbar-width:thin;scrollbar-color:#80584b #171513}#desk-tracklist li,.desk-session li{display:flex;align-items:center;gap:10px;border-bottom:1px solid #cbb39b2c;padding:11px 0}#desk-tracklist li>span{font-size:8px;color:#b57465;flex:0 0 15px}#desk-tracklist button,.desk-session li>button:first-of-type{padding:0;text-align:left;flex:1;min-width:0}#desk-tracklist strong{font:12px/1.5 Georgia,serif;font-weight:400;display:block}#desk-tracklist small{display:none}.desk-current strong{color:#d87761!important}.desk-session{grid-area:session;align-self:center;position:relative;z-index:4;transform:rotate(3deg);padding:27px 22px 22px;background:linear-gradient(120deg,#e9dfcb,#d6cbb5);color:#31281e;box-shadow:2px 4px 0 #8f8065,9px 17px 22px #0008;min-height:340px;max-width:300px}.desk-session:before{content:'';position:absolute;inset:5px;border:1px solid #6a57330b;pointer-events:none}.paper-clip{position:absolute;top:-10px;left:18px;width:17px;height:42px;border:2px solid #7c7565;border-radius:9px;transform:rotate(-8deg);box-shadow:2px 1px 1px #0004}.paper-clip:after{content:'';position:absolute;inset:4px 3px -1px;border:1px solid #8e8774;border-radius:5px}.desk-session>.tiny{font-size:6px;letter-spacing:1.3px;color:#8a7156;margin:4px 0 12px}.desk-session h3{font:26px/1.1 Georgia,serif;margin:0 0 20px;letter-spacing:-.6px}.desk-session-tabs{display:flex;gap:13px;border-bottom:1px solid #3c281f3d}.desk-session-tabs button{font-size:9px;padding:0 0 8px;color:#8e7862}.desk-session-tabs button[aria-pressed=true]{color:#622c28;border-bottom:2px solid #824a3e}.desk-session #desk-session-note{font-size:9px;color:#85705a;line-height:1.7;margin:15px 0 8px}.desk-session ol{list-style:none;margin:0;padding:0;max-height:270px;overflow:auto;scrollbar-width:thin}.desk-session li{gap:8px;padding:10px 0;border-color:#765b3d2a}.desk-session li>span{font:9px Georgia,serif;color:#7f6246}.desk-session strong{display:block;font:11px/1.4 Georgia,serif;font-weight:400}.desk-session small{font-size:7px;display:block;color:#8a7259;margin-top:4px}.desk-session li>button:last-child:not(:first-of-type){padding:3px;font-size:17px;color:#824636}.desk-session-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:20px}.desk-session-actions button{font-size:10px;border-bottom:1px solid #896b5144;padding:5px 0;color:#613a2b}.paper-signoff{font:italic 13px/1.5 Georgia,serif;margin:28px 0 12px;color:#85715b}.desk-session>small{font-size:6px;letter-spacing:.5px}.desk-shelf-heading{grid-area:shelfheading;display:flex;justify-content:space-between;align-items:center;margin:10px 14% 0;font-size:7px;letter-spacing:1.3px;color:#c8b79e}.desk-shelf-heading>span:last-child{font:italic 12px Georgia,serif;letter-spacing:0}.listening-desk .record-shelf{grid-area:shelf;position:relative;display:flex!important;align-items:flex-end;justify-content:center;border:0;padding:22px 0 38px;margin:0 7%;gap:0;overflow:visible}.listening-desk .shelf-item{flex:0 1 210px;max-width:240px;width:21%;height:auto;aspect-ratio:1;transform:rotate(var(--angle,-7deg));filter:saturate(.85);box-shadow:3px 5px 0 #74645188,8px 14px 20px #0009;margin-left:-10px;transition:transform .35s,filter .35s}.listening-desk .shelf-item:nth-child(2){--angle:4deg}.listening-desk .shelf-item:nth-child(3){--angle:-3deg}.listening-desk .shelf-item:nth-child(4){--angle:6deg}.listening-desk .shelf-item:nth-child(5){--angle:-5deg}.listening-desk .shelf-item:hover,.listening-desk .shelf-item.active{transform:translateY(-16px) rotate(0);filter:none;z-index:3}.listening-desk .shelf-item span{bottom:-23px;font-size:8px;text-shadow:0 1px 6px #000}.listening-desk .room-browser{grid-area:browser;margin:22px -4.4% -5px;padding:35px 4.4%;background:#100f0ef2;border-top:1px solid #d3b89b30}.listening-desk .room-tabs{margin-bottom:22px}.listening-desk .room-tabs #room-albums{font:11px var(--sans);margin-left:auto;color:#b29b84;border:0}.listening-desk .room-tabs #room-songs{font:26px Georgia,serif}.listening-desk .desk-bottom{grid-area:foot;padding-top:12px}.listening-desk .album-changing .physical-sleeve{animation:none}
@media(min-width:1600px){.record-sticky.listening-desk{grid-template-columns:minmax(250px,1fr) minmax(550px,2.35fr) minmax(240px,.9fr);padding-inline:5%}.listening-desk .record-table{max-width:850px;justify-self:center}.desk-session{padding:32px 25px}#desk-tracklist strong{font-size:14px}.desk-session strong{font-size:13px}}
@media(max-width:1100px) and (min-width:701px){.record-sticky.listening-desk{grid-template-columns:minmax(200px,.85fr) minmax(350px,1.5fr);grid-template-areas:'heading heading' 'info table' 'session session' 'shelfheading shelfheading' 'shelf shelf' 'browser browser' 'foot foot';gap:18px}.desk-session{max-width:none;transform:rotate(-1deg);min-height:0;padding:22px;display:grid;grid-template-columns:1fr 2fr;gap:0 25px}.desk-session ol{grid-column:2;grid-row:1/7;max-height:190px}.desk-session .paper-signoff{display:none}.desk-session h3{font-size:24px;margin:8px 0 14px}.desk-session .desk-session-actions{flex-direction:row;margin:12px 0}.listening-desk .record-heading :is(h1,h2){font-size:28px}.listening-desk .record-heading>p:last-child{display:none}.desk-shelf-heading{margin-inline:5%}}
@media(max-width:700px){.record-sticky.listening-desk{padding:32px 6% 25px;grid-template-columns:1fr;grid-template-areas:'heading' 'table' 'info' 'session' 'shelfheading' 'shelf' 'browser' 'foot';gap:20px;background-size:auto 1050px;background-position:center top}.listening-desk .record-heading{display:block;margin-bottom:0}.listening-desk .record-heading .tiny{font-size:7px;margin:0 0 16px}.listening-desk .record-heading :is(h1,h2){font-size:34px;line-height:1.05}.listening-desk .record-heading :is(h1,h2) br{display:block}.listening-desk .record-heading :is(h1,h2) em{margin-left:0;font-size:.9em}.listening-desk .record-heading>p:last-child{display:none}.listening-desk .record-table{aspect-ratio:1.02;margin:0}.listening-desk .physical-record{width:65%;left:31%;top:8%}.listening-desk .physical-sleeve{width:68%;left:0;top:10%}.listening-desk .turntable-caption{font-size:5px;left:2%;bottom:6%}.desk-play-state{left:2%;font-size:5px}.listening-desk .record-info{padding:12px 0 15px;border-top:1px solid #c7ab9133}.listening-desk .record-info h3{font-size:34px;max-width:95%}.listening-desk .record-info>p{font-size:10px}.listening-desk #desk-tracklist ol{max-height:210px}#desk-tracklist strong{font-size:13px}.listening-desk .record-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.listening-desk #tracklist-open{grid-column:1/-1;order:3}.listening-desk #buy-record{font-size:11px}.desk-session{max-width:none;margin:12px 3% 20px;transform:rotate(2deg);padding:28px;min-height:280px}.desk-session strong{font-size:13px}.desk-session-tabs button{font-size:11px}.desk-session #desk-session-note{font-size:11px}.desk-session small{font-size:9px}.desk-session-actions{flex-direction:row;flex-wrap:wrap;gap:20px}.desk-session-actions button{font-size:11px}.desk-shelf-heading{margin:5px 0 0;display:block;line-height:1.8}.desk-shelf-heading>span:last-child{display:block;margin-top:5px}.listening-desk .record-shelf{margin:0 -7%;padding:28px 7% 45px;justify-content:flex-start;overflow:auto;gap:14px;scroll-snap-type:x mandatory}.listening-desk .shelf-item{flex:0 0 135px;width:135px;height:135px;margin:0;scroll-snap-align:center}.listening-desk .shelf-item span{font-size:8px}.listening-desk .room-browser{margin:0 -6.8%;padding:28px 6.8%}.listening-desk .room-tabs{gap:10px;align-items:baseline}.listening-desk .room-tabs #room-songs{font-size:23px}.listening-desk .room-tabs #room-albums{font-size:8px;padding:0}.listening-desk .desk-bottom{font-size:6px}.listening-desk .desk-bottom>span:last-child{font-size:6px;max-width:100px;text-align:right}.tonearm{filter:drop-shadow(2px 4px 2px #0009)}}
@media(prefers-reduced-motion:reduce){.tonearm,.listening-desk .physical-sleeve,.listening-desk .shelf-item{transition:none!important}}

#desk-tracklist button[data-desk-save]{flex:0 0 24px;text-align:center;color:#d0a18c;font-size:18px}