.cd-experience{max-width:1180px}.cd-stage{height:clamp(320px,51vw,640px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#414242 0%,#1b1e20 40%,#101214 78%);perspective:1800px;border:1px solid #ffffff17;border-radius:8px}.cd-case{position:absolute;width:34%;aspect-ratio:1;left:33%;top:12%;transform:rotateY(-12deg) rotateX(6deg);transform-style:preserve-3d;transition:transform 1.4s,left 1.4s;box-shadow:15px 28px 36px #0009;border:5px solid #565d60;border-radius:4px}.cd-case img{width:100%;height:100%;object-fit:contain}.case-base{position:absolute;inset:0}.case-lid{position:absolute;inset:-2px;transform-origin:left;transform-style:preserve-3d;transition:transform 1.5s}.case-lid img{position:absolute;inset:0;backface-visibility:hidden}.lid-front{transform:translateZ(3px)}.lid-inside{transform:rotateY(180deg) translateZ(3px)}.case-back{position:absolute;inset:0;transform:translateZ(8px);opacity:0;transition:opacity .7s;pointer-events:none}.cd-disc{position:absolute;width:29%;aspect-ratio:1;left:35.5%;top:15%;border-radius:50%;background:#bbb;z-index:2;opacity:0;transition:transform 1.4s,left 1.4s,top 1.4s,opacity .6s;filter:drop-shadow(12px 18px 14px #0009);mask-image:radial-gradient(circle,transparent 0 8%,#000 8.5% 69%,transparent 70%)}.cd-disc img{width:100%;height:100%;border-radius:50%}.cd-book{position:absolute;width:29%;aspect-ratio:1;left:14%;top:16%;opacity:0;transform:scale(.7);transition:transform 1.2s,left 1.2s,top 1.2s,width 1.2s,opacity .6s;z-index:4;box-shadow:8px 13px 20px #0009}.cd-book img{width:100%;height:100%;object-fit:contain;display:block}.cd-stage.open .cd-case{left:51%;transform:rotateY(0) rotateX(0)}.cd-stage.open .case-lid{transform:rotateY(-180deg)}.cd-stage.back .case-back{opacity:1;z-index:4}.cd-stage.open .cd-disc{left:53.5%;opacity:1}.cd-stage.disc-out .cd-disc{left:67%;top:34%;transform:rotate(15deg)}.cd-stage.book-out .cd-book{opacity:1;left:27%;top:3%;width:46%;transform:scale(1)}.cd-stage.reading .cd-case,.cd-stage.reading .cd-disc{filter:brightness(.25);opacity:.4}.cd-stage.reading .cd-book{width:46%;left:27%;top:3%}.cd-stage.return-book .cd-book{opacity:1;left:18%;top:15%;width:29%;transform:scale(.9)}.cd-book.turning{animation:page-turn .65s ease}@keyframes page-turn{0%{transform:perspective(900px) rotateY(-18deg);opacity:.55}100%{transform:perspective(900px) rotateY(0);opacity:1}}.cd-caption{text-align:center;padding:26px 12px 8px;min-height:155px}.cd-caption h2{font-size:clamp(1.5rem,3vw,2.4rem);margin-bottom:8px}.cd-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.cd-controls button,.cd-chapters button{cursor:pointer}.cd-controls button:disabled{opacity:.35;cursor:default}.cd-progress-label{display:block;max-width:740px;margin:25px auto;color:#aaa;font-size:.85rem}.cd-progress-label input{display:block;width:100%;margin-top:10px;accent-color:#c4a573}.cd-chapters{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:20px 0}.cd-chapters button{color:#ddd;background:#202426;border:1px solid #54504a;padding:10px 17px;border-radius:30px}.cd-experience>.small-note{text-align:center;max-width:740px;margin:25px auto}.cd-dialog{width:min(95vw,1000px);max-height:95vh;background:#101214;color:#eee;border:1px solid #c4a573;padding:18px;overflow:auto}.cd-dialog::backdrop{background:#000d}.cd-dialog img{display:block;width:100%;margin-top:15px}.cd-dialog button{position:sticky;top:0}.cd-dialog p{text-align:center}@media(max-width:600px){.cd-stage{height:330px}.cd-case{top:20%;width:38%;left:31%}.cd-stage.open .cd-case{left:51%}.cd-disc{width:33%;top:23%}.cd-stage.open .cd-disc{left:53.5%}.cd-stage.disc-out .cd-disc{left:66%;top:48%}.cd-stage.book-out .cd-book,.cd-stage.reading .cd-book{width:78%;left:11%;top:4%}.cd-caption{min-height:160px}.cd-controls .button{padding:10px 12px;font-size:.8rem}}@media(prefers-reduced-motion:reduce){.cd-case,.case-lid,.cd-disc,.cd-book{transition:none!important}.cd-book.turning{animation:none}}

/* Folded paperboard wallet and a square, CD-sized bound booklet. */
.cd-case{border:0;border-radius:0;box-shadow:2px 2px 0 #9b9485,4px 4px 0 #403e37,12px 25px 35px #0009}
.case-base,.case-lid{background:#bbb3a1}.case-lid{inset:0}.case-base{border-radius:0}
.cd-case:after{content:"";position:absolute;left:-2px;top:0;width:5px;height:100%;background:linear-gradient(90deg,#0009,#d3c9b344,#0007);pointer-events:none;transform:translateZ(5px)}
.cd-disc{z-index:0;left:54%;width:29%;top:15%;opacity:0}.cd-case{z-index:1}.cd-stage.open .cd-disc{left:54%;opacity:0}.cd-stage.disc-out .cd-disc{left:69%;top:28%;opacity:1;transform:rotate(12deg);z-index:2}
.cd-book{width:29%;left:18%;top:16%;box-shadow:none;transform-style:preserve-3d;perspective:1200px;background:none}
.book-right,.book-left{position:absolute;top:0;width:100%;aspect-ratio:1;background:#d9d2c2;box-shadow:1px 2px 0 #b7b0a1,2px 4px 0 #686257,6px 10px 20px #0008}
.book-right{left:0}.book-left{right:100%;transform-origin:right;transform:rotateY(180deg);backface-visibility:hidden;transition:transform 1.2s}
.book-left:after,.book-right:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0005,transparent 10%,transparent 90%,#0001)}
.book-left:after{background:linear-gradient(90deg,transparent 85%,#0006)}
.cd-stage.book-out .cd-book,.cd-stage.reading .cd-book{width:29%;left:35.5%;top:20%;transform:scale(1)}
.cd-stage.book-open .cd-book{left:50%}.book-open .book-left{transform:rotateY(0)}
.book-leaf{display:none;position:absolute;inset:0;transform-origin:left;transform-style:preserve-3d;z-index:6}.book-leaf img{position:absolute;inset:0;backface-visibility:hidden}.leaf-back{transform:rotateY(180deg)}
.book-open .turning .book-leaf{display:block;animation:bound-page-turn 1.2s ease-in-out both}.cd-book.turning{animation:none}
@keyframes bound-page-turn{from{transform:rotateY(0)}to{transform:rotateY(-180deg)}}
.cd-stage.return-book .cd-book{width:29%;left:18%;top:16%;transform:scale(1)}
.enlarged-pages{display:flex;align-items:flex-start}.enlarged-pages img{min-width:0;flex:1;width:50%!important}.enlarged-pages img[hidden]{display:none}
@media(max-width:600px){.cd-stage{height:310px}.cd-stage.book-out .cd-book,.cd-stage.reading .cd-book{width:34%;left:33%;top:27%}.cd-stage.book-open .cd-book{left:50%}.cd-stage.return-book .cd-book{width:34%;left:15%;top:20%}.cd-stage.disc-out .cd-disc{left:68%;top:40%}.cd-stage.open .cd-disc{width:33%}}
@media(prefers-reduced-motion:reduce){.book-left{transition:none}.book-open .turning .book-leaf{display:none}}

.physical-releases{display:grid;gap:36px;padding-bottom:80px}.physical-release-card{border:1px solid #ffffff24;background:#15181a;padding:clamp(18px,4vw,40px)}.physical-overview{display:grid;grid-template-columns:minmax(180px,300px) 1fr;gap:clamp(24px,5vw,64px);align-items:center}.physical-overview img{display:block;width:100%;height:auto;box-shadow:0 12px 30px #0006}.physical-overview h2{font-size:clamp(2rem,4vw,3rem);margin:8px 0 16px}.physical-overview p{max-width:600px}.physical-preview{margin-top:26px;border-top:1px solid #ffffff24;padding-top:18px}.physical-preview>summary{cursor:pointer;font-size:1.1rem;color:#c4a573;padding:12px 0}.physical-preview .wrap{width:100%;max-width:none}.physical-preview .cd-stage{margin-top:24px}.physical-preview .section{padding:30px 0 0}.physical-preview .cd-stage{height:clamp(310px,46vw,560px)}.release-jumps{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}
@media(max-width:600px){.physical-overview{grid-template-columns:1fr}.physical-overview img{max-width:300px;margin:auto}.physical-preview .cd-stage{height:290px}.physical-preview .cd-caption{min-height:170px}}