/* LIVING SLEEVES — original artwork, individually directed atmosphere. */
.music-room{border:1px solid #c9afd142;border-radius:18px;background:linear-gradient(130deg,#211b26,#12151b);box-shadow:0 35px 80px #0005,inset 0 1px 0 #fce5fb15}
.music-room-top{background:linear-gradient(100deg,#d7b5d809,transparent);border-bottom-color:#dbc3de24}
.music-feature{background:radial-gradient(ellipse at 15% 30%,#b48ed71c,transparent 62%),radial-gradient(ellipse at 90% 100%,#bb94b00c,transparent 65%),linear-gradient(135deg,#221b2c,#12171d);padding:36px}
.music-feature-body{gap:34px}.music-feature-word{font-weight:500;text-shadow:0 5px 20px #ddbcfa08}
.music-cover-stage{position:relative;isolation:isolate}.music-cover-stage::before{inset:3% -6% 3% 13%;background:conic-gradient(from 20deg,#19171f,#4a424d 15deg,#18171c 38deg,#0e1018 120deg,#49414c 180deg,#16171f 208deg,#11151e 300deg,#19171f);box-shadow:0 0 0 1px #9585a546,4px 12px 22px #0008;animation:living-record 40s linear infinite}
.music-cover-stage::after{background:#151622;border:10px solid #bda4cc;box-shadow:0 0 0 13px #181823,0 0 0 14px #bda4cc20;right:-1%}
.music-cover-stage>img,.music-cover-stage>.sleeve-canvas{border-radius:3px!important;transform:rotate(-4deg);transition:transform .85s var(--scene-ease),opacity .55s;box-shadow:-6px 12px 26px #0007,0 0 0 1px #fff3;transform-origin:50% 70%}
.music-feature:hover .music-cover-stage>img,.music-feature:hover .music-cover-stage>.sleeve-canvas{transform:rotate(-1deg) translateX(-3px)}
.sleeve-canvas{position:absolute;left:0;top:0;display:block;opacity:0;pointer-events:none;z-index:1}
.sleeve-rendered>.sleeve-canvas{opacity:1}.sleeve-rendered>img{opacity:0}
.sleeve-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:30px;padding:16px 0 0;border-top:1px solid #dfc3e319}
.sleeve-open{border:0;padding:0;background:none;color:#d6bfeb;display:flex;align-items:center;gap:9px;font-size:11px;min-height:36px}.sleeve-open b{font-weight:400;margin-left:12px;transition:translate .4s}.sleeve-open:hover b{translate:3px -3px}.sleeve-aperture{font-size:23px;line-height:1;color:#d1dcb3;transition:rotate 1s}.sleeve-open:hover .sleeve-aperture{rotate:90deg}
.sleeve-motion{font:8px var(--mono);background:#c9afd00a;border:1px solid #c9afd02d;border-radius:20px;color:#af9dbd;padding:9px 11px;display:flex;gap:7px;align-items:center;letter-spacing:.5px}.sleeve-motion i{width:5px;height:5px;border-radius:50%;background:#79717e}.sleeve-motion[aria-pressed=true] i{background:#caedaa;box-shadow:0 0 8px #caedaa44}
.favourite-album{position:relative;isolation:isolate}.favourite-album.living-sleeve{overflow:hidden}.favourite-album>.sleeve-canvas{left:0;top:0;border-radius:5px;box-shadow:0 7px 15px #0003}
.music-albums{background:linear-gradient(155deg,#2a253030,#141821);border-left-color:#ddc2e922}.music-albums-label{letter-spacing:1.6px;color:#cdb8dd}
.music-artist-image{border-radius:50% 50% 8px 8px;overflow:hidden;border:1px solid #d1b6df35;box-shadow:0 9px 18px #0003}.music-artist-image>img{filter:saturate(.8);transition:filter .6s,scale 1.2s var(--scene-ease)}.music-artist:hover .music-artist-image>img,.music-artist[aria-pressed=true] .music-artist-image>img{filter:saturate(1.08);scale:1.07}.music-artist[aria-pressed=true] .music-artist-image{border-color:#d1b5ec;box-shadow:0 0 0 3px #d1b5ec0d,0 10px 25px #0004}
.sleeve-theatre{width:min(1040px,calc(100vw - 50px));max-width:1040px;max-height:calc(100dvh - 40px);padding:26px 29px 33px;overflow:auto;border:1px solid color-mix(in srgb,var(--sleeve-tint,#d0b2e5),transparent 65%);border-radius:18px;background:radial-gradient(ellipse at 25% 25%,color-mix(in srgb,var(--sleeve-tint,#d0b2e5),transparent 92%),transparent 70%),#121719;color:#e9ede1;box-shadow:0 25px 120px #000b,inset 0 1px 0 #ffffff10}
.sleeve-theatre[open]{animation:scene-dialog .65s var(--scene-ease) both}.sleeve-theatre::backdrop{background:#030708e3;backdrop-filter:blur(20px) saturate(.5)}
.sleeve-theatre>header{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:4px 39px 24px 0;border-bottom:1px solid #e5dcc91c;font-size:8px;letter-spacing:1.3px;color:#9ea797}
.sleeve-close{position:absolute;right:19px;top:14px;width:32px;height:32px;padding:0;display:grid;place-items:center;border:1px solid #d3d4be29;border-radius:50%;background:#1e2725;color:#c8cfbe;font-size:24px;transition:rotate .45s}.sleeve-close:hover{rotate:90deg}
.sleeve-theatre-body{display:grid;grid-template-columns:1.3fr 1fr;gap:49px;align-items:center;padding-top:30px}
.sleeve-frame{position:relative;padding:13px;background:linear-gradient(135deg,#f3e5ce10,#18191d);border:1px solid color-mix(in srgb,var(--sleeve-tint),transparent 66%);box-shadow:0 14px 35px #0005,inset 0 1px 0 #fff1;transform:rotate(-2deg);border-radius:5px;isolation:isolate}
.sleeve-frame::before{content:'';position:absolute;inset:7px -7px -7px 7px;border:1px solid #d2cbbb25;border-radius:4px;z-index:-1;transform:rotate(3deg)}
.sleeve-theatre-stage{position:relative;aspect-ratio:1;width:100%;box-shadow:0 0 0 1px #fff2,0 8px 15px #0004;overflow:hidden}
.sleeve-theatre-stage>img{width:100%;height:100%;object-fit:cover;display:block}.sleeve-theatre-stage>.sleeve-canvas{width:100%;height:100%}
.sleeve-frame-corner{position:absolute;left:8px;top:6px;font:14px var(--mono);color:#ded7ca;z-index:3}.sleeve-frame-caption{display:flex;justify-content:space-between;margin-top:17px;padding:0 2px 4px;font:7px var(--mono);letter-spacing:1px;color:#aaa794}
.sleeve-theatre-copy{padding:15px 14px 16px 0}.sleeve-scene-label{font-size:9px;letter-spacing:1.5px;color:var(--sleeve-tint)}
.sleeve-theatre h2{font:500 40px/1.45 var(--display);letter-spacing:-1.4px;color:#e6e8dc;margin:24px 0 9px;text-wrap:balance}.sleeve-artist{font-size:13px;color:#9fa99f;margin:0}
.sleeve-rule{height:1px;width:54px;margin:30px 0;background:var(--sleeve-tint);box-shadow:0 0 14px color-mix(in srgb,var(--sleeve-tint),transparent 85%)}
.sleeve-description{font-size:14px;line-height:2;color:#b9bdb0}.sleeve-disclosure{font-size:10px;line-height:1.9;color:#7e8d83;margin-top:19px}
.sleeve-editions{display:flex;gap:10px;margin:25px 0 0}.sleeve-editions button{flex:1;display:flex;justify-content:space-between;gap:12px;border:1px solid #cfc5ac30;border-radius:5px;color:#bdc2af;padding:11px 12px;font-size:11px;background:#d6dab305;transition:background .4s,border-color .4s}
.sleeve-editions button[aria-pressed=true]{background:color-mix(in srgb,var(--sleeve-tint),transparent 88%);border-color:color-mix(in srgb,var(--sleeve-tint),transparent 50%);color:#f0ead7}
.sleeve-theatre-motion{margin-top:18px;width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 0 0;border:0;border-top:1px solid #cfc5ac20;background:none;color:#bed0a8;font-size:11px}.sleeve-theatre-motion b{font-size:17px;font-weight:400}
@keyframes living-record{to{rotate:360deg}}
html[data-site-motion=off] .music-cover-stage::before{animation:none!important}
@media(max-width:1000px){.music-feature{padding:28px}.music-feature-body{gap:29px}.sleeve-theatre-body{gap:32px}.sleeve-theatre h2{font-size:33px}.sleeve-description{font-size:13px}}
@media(max-width:760px){.music-feature{padding:26px}.sleeve-controls{margin-top:26px;gap:10px}.sleeve-open{font-size:10px}.sleeve-open b{margin-left:3px}.sleeve-motion{font-size:7px;padding:9px}.sleeve-theatre{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px 22px 24px;border-radius:12px}.sleeve-theatre>header{padding:3px 34px 19px 0;font-size:7px;letter-spacing:.6px}.sleeve-theatre>header>span:last-child{display:none}.sleeve-theatre-body{grid-template-columns:1fr;gap:24px;padding-top:24px}.sleeve-frame{max-width:430px;width:100%;margin:auto;padding:10px}.sleeve-frame-caption{font-size:6px;margin-top:13px}.sleeve-theatre-copy{padding:7px 2px}.sleeve-theatre h2{font-size:32px;margin-top:16px}.sleeve-rule{margin-block:20px}.sleeve-description{font-size:13px}.sleeve-disclosure{font-size:9px;margin-top:14px}.sleeve-editions{margin-top:20px}.sleeve-close{top:11px;right:14px}}
@media(max-width:400px){.music-feature{padding:23px}.sleeve-controls{gap:7px}.sleeve-open{gap:6px}.sleeve-open b{display:none}.sleeve-motion{font-size:6px;letter-spacing:0}.sleeve-aperture{font-size:20px}}
@media(prefers-reduced-motion:reduce){.music-cover-stage::before{animation:none!important}.sleeve-theatre[open]{animation:none}.sleeve-canvas{transition:none}}
