.cp-jukebox{max-width:1600px;margin:0 auto}.cp-jukebox:focus-visible{outline-offset:8px;border-radius:12px;outline:2px solid #65645f}.cp-jukebox-stage{perspective:1600px;isolation:isolate;height:clamp(330px,43vw,600px);position:relative;overflow:clip}.cp-jukebox-stage:after{content:"";z-index:20;background:linear-gradient(90deg, var(--cp-cream,#ece8df), transparent 23%, transparent 77%, var(--cp-cream,#ece8df));pointer-events:none;position:absolute;inset:0}.cp-jukebox-card{aspect-ratio:1;width:min(46%,520px);transform-style:preserve-3d;position:absolute;top:50%;left:50%}.cp-jukebox-card button{background:var(--cp-cream,#ece8df);cursor:zoom-in;border:0;border-radius:16px;width:100%;height:100%;padding:0;display:block;position:relative}.cp-jukebox-card button img{object-fit:contain;border-radius:inherit}.cp-jukebox-tint{border-radius:inherit;background:var(--cp-cream,#ece8df);pointer-events:none;position:absolute;inset:0}.cp-jukebox-card button:focus-visible{outline-offset:6px;outline:2px solid #171717}.cp-jukebox-toolbar{justify-content:space-between;align-items:center;gap:24px;margin:24px 0;display:flex}.cp-jukebox-current{align-items:center;gap:16px;min-width:0;display:flex}.cp-jukebox-current p{font-size:15px;font-weight:400;line-height:1.4}.cp-jukebox-current span{color:#686863;font-variant-numeric:tabular-nums;margin-top:6px;font-size:11px;display:block}.cp-jukebox-circle{color:#171717;cursor:pointer;background:#fff;border:0;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;transition:background .18s;display:grid}.cp-jukebox-circle:hover{background:#f9f9f7}.cp-jukebox-navigation{flex-shrink:0;gap:8px;display:flex}.cp-jukebox-strip{overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#aaa69f transparent;gap:12px;padding:8px 3px 12px;display:flex;overflow-x:auto}.cp-jukebox-strip button{background:var(--cp-cream,#ece8df);cursor:pointer;border:0;border-radius:8px;flex:0 0 72px;width:72px;height:72px;padding:0;position:relative}.cp-jukebox-strip button img{object-fit:contain;border-radius:inherit}.cp-jukebox-strip button:after{content:"";border-radius:inherit;background:var(--cp-cream,#ece8df);opacity:.45;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.cp-jukebox-strip button[aria-pressed=true]{outline-offset:3px;outline:2px solid #32322f}.cp-jukebox-strip button[aria-pressed=true]:after,.cp-jukebox-strip button:hover:after,.cp-jukebox-strip button:focus-visible:after{opacity:0}@media (max-width:600px){.cp-jukebox-stage{height:calc(94vw - 52.64px);min-height:250px;margin-inline:-8px}.cp-jukebox-card{width:78%}.cp-jukebox-toolbar{gap:12px;margin-block:20px}.cp-jukebox-current{gap:10px}.cp-jukebox-current p{font-size:13px}.cp-jukebox-navigation{gap:6px}.cp-jukebox-strip{gap:10px}.cp-jukebox-strip button{flex-basis:60px;width:60px;height:60px}}@media (prefers-reduced-motion:reduce){.cp-jukebox-stage{perspective:none}.cp-jukebox-card,.cp-jukebox-strip button:after,.cp-jukebox-circle{transition:none}}
.cp-books{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px;max-width:1600px;margin:0 auto;display:grid}.cp-book{--book-rx:0deg;--book-ry:0deg;--book-shadow-x:0px;--book-shadow-y:14px;color:#171717;cursor:pointer;text-align:left;background:0 0;border:0;width:100%;min-width:0;padding:0;display:block}.cp-book-stage{aspect-ratio:.88;perspective:900px;display:block;position:relative}.cp-book-object{transform-origin:50% 65%;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;inset:10% 12% 12%;transform:translateY(0)rotateX(0)rotateY(0)scale(1)}.cp-book-object img{object-fit:contain;filter:drop-shadow(1px 4px 3px #1c19151a)}.cp-book.is-mockup .cp-book-object{inset:-5% -10%}.cp-book.is-bound-cover .cp-book-object{transform-style:preserve-3d;inset:0}.cp-book-binding{width:72%;aspect-ratio:var(--book-cover-ratio);transform-style:preserve-3d;position:absolute;top:46%;left:14%;transform:translateY(-50%)rotateY(-12deg)}.cp-book-binding:before{content:"";background:repeating-linear-gradient(#eeeae2 0 1px,#fffdf8 1px 3px);border:1px solid #d1cec6;border-radius:0 2px 3px 0;position:absolute;inset:4px -6px -5px 5px;box-shadow:2px 3px 3px #1c191514}.cp-book-front{background:#fff;border-radius:1px 2px 2px 1px;position:absolute;inset:0;overflow:hidden;box-shadow:-2px 1px 2px #1c19151a}.cp-book-front:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000016,#0000 2%,#ffffff80 3%,#00000010 4%,#0000 7%);position:absolute;inset:0}.cp-book-front img{object-fit:contain;filter:none}.cp-book-shadow{opacity:.16;filter:blur(7px);background:#29231a;border-radius:50%;width:56%;height:7%;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s,opacity .5s;position:absolute;bottom:14%;left:22%;transform:translate(0,0)scale(.82)}.cp-book-caption{justify-content:space-between;align-items:flex-start;gap:12px;font-size:13px;line-height:1.5;display:flex}.cp-book-caption>svg{flex:0 0 17px;margin-top:2px}.cp-book-caption small{color:#676760;margin-top:8px;font-size:11px;display:block}@media (hover:hover) and (prefers-reduced-motion:no-preference){.cp-book:hover .cp-book-object{transform:translateY(-20px) rotateX(var(--book-rx)) rotateY(var(--book-ry)) scale(1.065)}.cp-book:hover .cp-book-shadow{transform:translate3d(var(--book-shadow-x), var(--book-shadow-y), 0) scale(1.3);filter:blur(15px);opacity:.11}}@media (prefers-reduced-motion:no-preference){.cp-book:focus-visible .cp-book-object{transform:translateY(-16px)scale(1.04)}.cp-book:focus-visible .cp-book-shadow{filter:blur(14px);opacity:.11;transform:translateY(14px)scale(1.25)}}@media (max-width:1000px){.cp-books{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.cp-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.cp-book-caption{font-size:12px}}@media (prefers-reduced-motion:reduce){.cp-book-object,.cp-book-shadow{transition:none}.cp-book-object{transform:none}}