/* The music, V44. All format geometry and interactions are scoped to m44. */
.s34 .m44{padding-block:78px 64px;--m44-ink:var(--s34-ink);--m44-muted:var(--s34-muted);--m44-blue:var(--s34-blue);--m44-line:var(--s34-line);--m44-paper:var(--s34-paper)}
.m44 *{box-sizing:border-box}.m44 [hidden]{display:none!important}.m44 .m44-heading{margin-bottom:29px;align-items:start}.m44 .m44-heading>p{max-width:43ch;font-size:18px;line-height:1.65}
.m44 .m44-tabs{display:flex;gap:34px;border-bottom:1px solid var(--m44-line);margin-bottom:18px}.m44-tabs button{position:relative;min-height:52px;padding:9px 1px;border:0;border-radius:0;background:none;font-size:14px;line-height:1.4;color:var(--m44-muted)}.m44-tabs button:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--m44-blue);transform:scaleX(0);transition:transform .3s}.m44-tabs button[aria-selected=true]{color:var(--m44-ink)}.m44-tabs button[aria-selected=true]:after{transform:scaleX(1)}
.m44 .m44-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:50px;align-items:center}.m44 .m44-stage{position:relative;min-width:0;height:520px;isolation:isolate}.m44 .m44-object{position:absolute;inset:0;display:none}.m44 [data-m44-object=vinyl]{display:grid;place-items:center}.m44[data-m44-enhanced] .m44-object{display:block}.m44[data-m44-enhanced] .m44-object[hidden]{display:none!important}.m44[data-m44-enhanced] [data-m44-object=vinyl]:not([hidden]){display:grid}
.m44 .m44-vinyl .s34-record{width:clamp(280px,28vw,380px);height:auto;aspect-ratio:1;animation:m44-turn 24s linear infinite;animation-play-state:paused}.m44 .m44-vinyl .s34-format-shadow{bottom:66px}.m44 .m44-art-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:12px;color:var(--m44-muted);letter-spacing:.015em}
.m44 .m44-copies{min-width:0}.m44[data-m44-enhanced] .m44-copies{display:grid}.m44[data-m44-enhanced] .m44-copy{grid-area:1/1}.m44[data-m44-enhanced] .m44-copy[hidden]{display:block!important;visibility:hidden;pointer-events:none}.m44 .m44-copy{padding-block:24px}body.system-page-v34 #main .m44 h3{font-size:clamp(29px,2.6vw,38px);font-weight:550;line-height:1.14;letter-spacing:-.037em;margin:0 0 21px;text-wrap:balance}.m44 .m44-copy>p{font-size:17px;line-height:1.7;margin:0 0 17px;max-width:47ch}.m44 .m44-source{margin-top:2px;font-size:14px!important}.m44 .m44-copy .m44-footnote{font-size:11px;line-height:1.5;letter-spacing:.025em;border-top:1px solid var(--m44-line);padding-top:17px;margin:23px 0 0;color:var(--m44-muted)}
.m44 .m44-round{display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid var(--m44-line);border-radius:50%;flex:0 0 44px;background:color-mix(in srgb,var(--m44-paper) 75%,transparent);color:var(--m44-blue);font:20px/1 var(--ui,-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif);transition:background .25s,border-color .25s}.m44 button{cursor:pointer}.m44 button:focus-visible,.m44 input:focus-visible{outline:2px solid var(--m44-blue);outline-offset:5px}.m44 button:hover .m44-round,.m44 .m44-round:hover{background:var(--soft-blue,#e8f0f1);border-color:var(--m44-blue)}
/* Jewel case: transparent acrylic lid, printed booklet, injection-moulded tray, metal disc. */
.m44 .m44-case-button{position:absolute;inset:12px 0 60px;border:0;background:transparent;border-radius:0;perspective:1250px;color:var(--m44-ink);padding:0;touch-action:manipulation}.m44 .m44-case{position:absolute;left:50%;top:48%;width:260px;aspect-ratio:1.08;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(14deg) rotateZ(-9deg);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.m44 .m44-tray{position:absolute;inset:0;border:2px solid #73878a;border-radius:5px;background:repeating-linear-gradient(90deg,#203638 0 1px,#294245 1px 3px);box-shadow:1px 2px 0 #a9b9b4,3px 5px 0 #718a89,5px 8px 2px #42585b,13px 22px 22px #213b4328;transform-style:preserve-3d}.m44 .m44-tray:before,.m44 .m44-tray:after{content:'';position:absolute;left:11px;right:11px;height:3px;border:1px solid #91a5a4;background:#3d5657}.m44 .m44-tray:before{top:8px}.m44 .m44-tray:after{bottom:8px}.m44 .m44-tray-recess{position:absolute;inset:8px 16px;border-radius:50%;background:repeating-radial-gradient(circle,#243a3c 0 4px,#334e50 5px 6px);box-shadow:inset 2px 5px 12px #101f28,inset -1px -1px 3px #b8c3b36e}.m44 .m44-hub{position:absolute;left:calc(50% - 14px);top:calc(50% - 14px);height:28px;width:28px;border-radius:50%;background:repeating-conic-gradient(#65817f 0 8deg,#243c3e 9deg 30deg);border:3px solid #72918b;box-shadow:0 0 0 3px #193034}.m44 .m44-tray-tab{position:absolute;left:4px;width:12px;height:28px;background:#556f70;border:1px solid #9db4b4;border-radius:2px}.m44 .t1{top:35px}.m44 .t2{bottom:35px}
.m44 .m44-disc{position:absolute;width:215px;height:215px;left:23px;top:14px;border-radius:50%;background:conic-gradient(from 28deg,#e6e9db,#a3c2c1 14%,#e4e7d4 23%,#adb5c9 35%,#e4dcc3 48%,#8fb8be 60%,#f1ead7 74%,#b2c7c1 86%,#e6e9db);border:1px solid #e1e9e3;box-shadow:inset 0 0 0 2px #a6bdb4,0 2px 5px #102c3560;transform:translateZ(5px);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),box-shadow 1.1s;overflow:hidden;transform-style:preserve-3d}.m44 .m44-disc-grooves{position:absolute;inset:5px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 2px,#2b536313 2.5px 3px);box-shadow:inset 0 0 0 1px #1e50642b}.m44 .m44-disc-center{position:absolute;inset:calc(50% - 17px);background:var(--m44-paper);border:1px solid #77928a;border-radius:50%;box-shadow:0 0 0 11px #cad4c19c,0 0 0 12px #9ba99d9c}.m44 .m44-disc-lettering{position:absolute;inset:30px 10px;display:flex;flex-direction:column;align-items:center;color:#2e5260;font-size:10px;letter-spacing:.12em}.m44 .m44-disc-lettering b{font-size:9px;font-weight:550}.m44 .m44-disc-lettering em{margin-top:9px;font-style:normal;font-size:17px;letter-spacing:.22em;font-weight:500}.m44 .m44-disc-lettering small{margin-top:auto;font-size:7px;letter-spacing:.12em}.m44 .m44-disc-reflection{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent,#fffffa9c 9%,transparent 18%,transparent 48%,#ffffff80 55%,transparent 66%);animation:m44-prism 12s linear infinite;animation-play-state:paused;opacity:.7}
.m44 .m44-case-lid{position:absolute;inset:-2px -3px -2px -8px;border:2px solid #b0c9c7a8;border-left:7px solid #8ca9aa;border-radius:4px;background:linear-gradient(125deg,#deebe52c,#ffffff9c 28%,#c4d8d83b 60%,#fbfdfb90);transform:translateZ(10px);transform-origin:left center;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.2,.7,.2,1);box-shadow:inset 0 0 0 2px #fcffff66,2px 2px 2px #173b4926;backface-visibility:visible}.m44 .m44-case-lid:after{content:'';position:absolute;inset:3px;background:linear-gradient(110deg,transparent 25%,#ffffff4a 28%,transparent 32%,transparent 68%,#ffffff66 70%,transparent 73%);border:1px solid #f8fffc82;border-radius:2px;pointer-events:none}.m44 .m44-lid-edge{position:absolute;left:0;top:15%;bottom:15%;width:4px;background:repeating-linear-gradient(0deg,#afc3bf 0 1px,transparent 1px 3px)}.m44 .m44-booklet{position:absolute;inset:10px 8px 10px 13px;background:#d5d9cb;box-shadow:0 1px 3px #16333d33;overflow:hidden;display:block;text-align:left;color:#264b58;padding:20px 15px}.m44 .m44-booklet-kicker{font-size:8px;letter-spacing:.16em}.m44 .m44-booklet-title{display:block;font-size:29px;font-weight:500;letter-spacing:-.05em;line-height:1.03;margin-top:15px}.m44 .m44-booklet-contour{position:absolute;left:0;top:85px;width:100%;height:140px;fill:none;stroke:#477b84;stroke-width:.6;opacity:.6}.m44 .m44-booklet-foot{position:absolute;left:15px;bottom:15px;font-size:6px;letter-spacing:.15em}.m44 .m44-hinge{position:absolute;left:-9px;width:11px;height:27px;background:linear-gradient(90deg,#637f81,#d4ded1,#8ba9aa);border:1px solid #65878d;transform:translateZ(8px)}.m44 .h1{top:18px}.m44 .h2{bottom:18px}.m44 .m44-case-shadow{position:absolute;width:60%;height:30px;bottom:104px;left:22%;background:#42636a28;filter:blur(18px);border-radius:50%}
.m44[data-m44-case-state=open] .m44-case,.m44[data-m44-case-state=out] .m44-case{transform:translate(-27%,-50%) rotateX(14deg) rotateZ(-7deg)}.m44[data-m44-case-state=open] .m44-case-lid,.m44[data-m44-case-state=out] .m44-case-lid{transform:translateZ(10px) rotateY(-145deg)}.m44[data-m44-case-state=out] .m44-disc{transform:translate(43%,-22%) translateZ(52px) rotate(18deg);box-shadow:-10px 15px 20px #0c2b3e45}.m44[data-m44-case-state=closed] .m44-case-button:hover .m44-case-lid{transform:translateZ(10px) rotateY(-15deg)}.m44 .m44-cd-controls{position:absolute;bottom:5px;left:5%;right:3%;display:flex;justify-content:space-between;align-items:center;gap:15px}.m44 .m44-disc-type{display:flex;border-bottom:1px solid var(--m44-line);gap:15px}.m44-disc-type button{min-height:44px;border:0;padding:5px;background:none;color:var(--m44-muted);font-size:12px;position:relative}.m44-disc-type button[aria-pressed=true]{color:var(--m44-blue)}.m44-disc-type button[aria-pressed=true]:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--m44-blue)}.m44 .m44-object-action{border:0;background:none;display:flex;align-items:center;gap:10px;padding:0;color:var(--m44-blue);font-size:12px;min-height:44px}
/* Original brand paths: pencil hatch lives inside the exact silhouettes. */
.m44 .m44-brands{display:grid;grid-template-columns:1fr 1fr;gap:22px 35px;position:absolute;inset:45px 12px 60px}.m44 .m44-brand{position:relative;min-width:0;padding:15px 7px 32px;border:0;border-radius:0;background:transparent;color:#346675;display:flex;align-items:center;justify-content:center;transition:color .3s,transform .5s}.m44 .m44-brand:after{content:'';position:absolute;left:8%;right:8%;bottom:20px;height:1px;background:linear-gradient(90deg,transparent,var(--m44-line),transparent);transform:scaleX(.5);opacity:.45;transition:transform .4s,opacity .4s}.m44 .m44-brand:hover:after,.m44 .m44-brand:focus-visible:after{transform:scaleX(1);opacity:1}.m44 .m44-brand-mark{display:block;width:100%}.m44 .m44-brand-svg{display:block;width:100%;height:105px;overflow:visible}.m44 .m44-brand-tidal{height:100px;max-width:155px;margin:auto}.m44 .m44-brand-qobuz{height:105px}.m44 .m44-brand-name{position:absolute;bottom:4px;left:8%;font-size:11px;letter-spacing:.025em;color:var(--m44-muted)}.m44 .m44-brand-trace{position:absolute;right:9%;bottom:2px;font-size:16px;color:var(--m44-blue);opacity:0;transition:opacity .3s}.m44 .m44-brand:hover .m44-brand-trace,.m44 .m44-brand:focus-visible .m44-brand-trace{opacity:1}.m44 .m44-logo-base path{fill:currentColor;opacity:.13}.m44 .m44-logo-ink path{fill:var(--logo-hatch);stroke:currentColor;stroke-width:.8px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0}.m44 .m44-brand.is-drawing .m44-logo-ink path{animation:m44-sketch 2.5s ease-out both;animation-delay:var(--m44-path-delay,0s)}.m44 .m44-brand.is-drawing .m44-logo-base path{animation:m44-tone 2.5s ease-out both}.m44 .m44-brand.is-drawing{color:var(--m44-blue)}
/* Contoured digital surface, not an equaliser. */
.m44 .m44-wave{width:100%;height:100%;overflow:visible;display:block}.m44 .m44-wave-engraving{font-size:10px;letter-spacing:.13em;color:var(--m44-muted);font-family:var(--ui,-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif)}.m44 .m44-wave-controls{position:absolute;bottom:0;left:8%;right:5%;display:flex;align-items:center;gap:15px}.m44-wave-controls label{font-size:12px;color:var(--m44-muted);white-space:nowrap}.m44-wave-controls input{accent-color:var(--m44-blue);width:100%;min-width:40px;height:44px;cursor:ew-resize}.m44-wave-controls .m44-round{margin-left:8px}
.m44[data-m44-current=vinyl][data-m44-motion=on] .m44-vinyl .s34-record,.m44[data-m44-current=cd][data-m44-motion=on] .m44-disc-reflection{animation-play-state:running}.m44[data-m44-motion=off] *{animation-play-state:paused!important;transition:none!important}.m44[data-m44-motion=off] .m44-logo-ink path{stroke-dashoffset:0;animation:none!important}.m44[data-m44-motion=off] .m44-logo-base path{opacity:.13;animation:none!important}
@keyframes m44-turn{from{transform:rotate(-16deg)}to{transform:rotate(344deg)}}@keyframes m44-prism{to{transform:rotate(360deg)}}@keyframes m44-sketch{from{stroke-dashoffset:100;fill-opacity:0}55%{fill-opacity:.1}to{stroke-dashoffset:0;fill-opacity:1}}@keyframes m44-tone{from{opacity:.03}to{opacity:.13}}
[data-theme=dark] .m44 .m44-brand{color:#9cbfc7}[data-theme=dark] .m44 .m44-logo-base path{opacity:.16}[data-theme=dark] .m44 .m44-wave-line{filter:brightness(1.4)}[data-theme=dark] .m44 .m44-disc-center{background:#293c3c}[data-theme=dark] .m44 .m44-case-shadow{background:#0006}
@media(min-width:1700px){.m44 .m44-stage{height:560px}.m44 .m44-case{width:285px}.m44 .m44-disc{width:235px;height:235px;left:25px;top:15px}}
@media(max-width:1050px){.m44 .m44-layout{gap:25px;grid-template-columns:1fr 1fr}.m44 .m44-stage{height:485px}.m44 .m44-case{width:220px}.m44 .m44-disc{width:182px;height:182px;left:19px;top:12px}.m44 .m44-brands{gap:16px;inset:40px 2px 60px}.m44 .m44-brand-svg{height:80px}.m44 .m44-brand-tidal{height:82px}.m44 .m44-booklet-title{font-size:25px}.m44 .m44-cd-controls{left:0;right:0;gap:10px}.m44 .m44-object-action{gap:6px;font-size:11px}.m44 .m44-disc-type{gap:7px}}
@media(max-width:760px){.s34 .m44{padding-block:48px}.m44 .m44-heading{margin-bottom:20px}.m44 .m44-heading>p{font-size:17px;line-height:1.65;margin-top:20px;max-width:none}.m44 .m44-tabs{gap:8px;justify-content:space-between;margin-bottom:4px}.m44-tabs button{font-size:12px;min-height:52px}.m44 .m44-layout{display:flex;flex-direction:column;gap:10px;align-items:stretch}.m44 .m44-stage{height:360px}.m44 .m44-vinyl .s34-record{width:260px}.m44 .m44-vinyl .s34-format-shadow{bottom:55px}.m44 .m44-art-caption{bottom:10px;font-size:11px}.m44 .m44-copy{padding:20px 0 0}.m44[data-m44-enhanced] .m44-copies{display:block}.m44[data-m44-enhanced] .m44-copy[hidden]{display:none!important}body.system-page-v34 #main .m44 h3{font-size:31px;line-height:1.13;margin-bottom:20px}.m44 .m44-copy>p{font-size:17px;line-height:1.7}.m44 .m44-copy .m44-footnote{font-size:11px}.m44 .m44-case{width:205px;top:48%}.m44 .m44-disc{width:170px;height:170px;left:17px;top:10px}.m44[data-m44-case-state=open] .m44-case,.m44[data-m44-case-state=out] .m44-case{transform:translate(-29%,-50%) scale(.68) rotateX(14deg) rotateZ(-7deg)}.m44 .m44-booklet{padding:13px 12px}.m44 .m44-booklet-title{font-size:24px}.m44 .m44-booklet-contour{top:65px}.m44 .m44-disc-lettering{inset:22px 10px}.m44 .m44-disc-lettering em{font-size:14px}.m44 .m44-disc-lettering b{font-size:7px}.m44 .m44-disc-lettering small{font-size:6px}.m44 .m44-cd-controls{bottom:0;left:0;right:0}.m44 .m44-brands{inset:20px 0 35px;gap:8px 20px}.m44 .m44-brand-svg{height:75px}.m44 .m44-brand-tidal{height:75px;max-width:115px}.m44 .m44-brand{padding:9px 4px 28px}.m44 .m44-brand-name{font-size:10px}.m44 .m44-stream .m44-art-caption{bottom:0}.m44 .m44-wave-controls{left:0;right:0;bottom:0;gap:10px}.m44 .m44-wave-engraving{font-size:13px}.m44 .m44-wave{margin-top:-15px}.m44 .m44-wave-controls label{font-size:11px}}
@media(max-width:359px){.m44 .m44-stage{height:325px}.m44 .m44-vinyl .s34-record{width:235px}.m44 .m44-case{width:188px}.m44 .m44-disc{width:155px;height:155px;left:16px;top:10px}.m44[data-m44-case-state=open] .m44-case,.m44[data-m44-case-state=out] .m44-case{transform:translate(-29%,-50%) scale(.60) rotateX(14deg) rotateZ(-7deg)}.m44 .m44-booklet-title{font-size:22px}.m44 .m44-object-action{font-size:10px}.m44 .m44-brand-svg{height:65px}.m44 .m44-brand-tidal{height:63px}.m44 .m44-tabs{gap:5px}.m44-tabs button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.m44 *{animation:none!important;transition:none!important}.m44 .m44-logo-ink path{stroke-dashoffset:0!important}}

/* The open lid exposes the inside of the booklet, not reversed cover typography. */
.m44 .m44-booklet{backface-visibility:hidden;transform:translateZ(1px)}.m44 .m44-booklet-back{position:absolute;inset:10px 8px 10px 13px;display:flex;flex-direction:column;padding:21px 16px;background:#d5d9cb;color:#365663;transform:rotateY(180deg) translateZ(1px);backface-visibility:hidden;text-align:left;box-shadow:0 1px 3px #17353b30}.m44-booklet-back b{font-size:8px;letter-spacing:.15em;font-weight:500}.m44-booklet-back strong{font-size:23px;letter-spacing:-.04em;line-height:1.1;margin:13px 0 18px;font-weight:500}.m44-booklet-back i{height:1px;background:#63818a55;margin-bottom:8px;width:100%}.m44-booklet-back i:nth-of-type(3){width:82%}.m44-booklet-back i:nth-of-type(6){width:68%}.m44-booklet-back small{font-size:6px;letter-spacing:.1em;margin-top:auto}.m44 .m44-disc-lettering em{max-width:130px;text-align:center;line-height:1.15}

@media(max-width:760px){.m44 .m44-wave-engraving{display:none}}

.m44 .m44-booklet-back{overflow:hidden}@media(max-width:760px){.m44 .m44-booklet-back{padding:14px 11px}.m44 .m44-booklet-back strong{font-size:18px;margin:9px 0 12px}.m44 .m44-booklet-back small{display:none}.m44 .m44-booklet-back i{margin-bottom:6px}}