.record-collection{overflow:hidden}.record-intro{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 24px}.record-carousel{--sleeve:clamp(230px,29vw,365px);--step:calc(var(--sleeve)*.65)}.record-track{display:flex;list-style:none;margin:0;padding:40px calc((100% - var(--sleeve))/2) 55px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab;isolation:isolate}.record-track::-webkit-scrollbar{display:none}.record-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.record-sleeve{flex:0 0 var(--sleeve);width:var(--sleeve);margin-right:calc(var(--step) - var(--sleeve));scroll-snap-align:center;position:relative;perspective:1000px}.record-sleeve:last-child{margin-right:0}.record-sleeve .cover-link{overflow:visible;transform:rotateY(var(--angle,0deg)) scale(var(--scale,.88));transform-origin:center;transition:transform .15s linear;box-shadow:3px 12px 20px #28312625;border:1px solid #28312622;position:relative}.record-sleeve .pack-cover{padding:22px;box-shadow:inset 3px 0 5px #ffffff55,inset -2px 0 3px #00000015}.record-sleeve .cover-top{font-size:9px}.record-sleeve .cover-bottom>b{font-size:clamp(23px,2.5vw,32px)}.record-sleeve .cover-bottom>span{font-size:28px}.record-sleeve .cover-link:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.record-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;border-top:1px solid var(--line)}.record-current{min-width:0}.record-position{display:block;color:var(--muted);font-size:9px;margin-bottom:12px}.record-title{font-size:clamp(22px,3vw,34px);letter-spacing:-.7px;line-height:1.2}.record-title span{font-size:18px;margin-left:12px}.record-title:hover{text-decoration:underline;text-underline-offset:6px}.record-controls{display:flex;gap:10px;flex-shrink:0}.record-controls button{border:1px solid var(--line);background:transparent;color:var(--ink);width:48px;height:48px;border-radius:50%;font-size:22px;cursor:pointer}.record-controls button:hover:not(:disabled){background:var(--ink);color:var(--paper)}.record-controls button:disabled{opacity:.25;cursor:default}.record-navigation{display:flex;align-items:center;gap:25px;margin-top:26px}.record-seek{flex:1;min-width:0;accent-color:var(--ink);height:20px;cursor:pointer}.record-hint{font:8px var(--mono);color:var(--muted);letter-spacing:.6px}.record-track:focus-visible{outline:1px solid var(--ink);outline-offset:-1px}@media(max-width:650px){.record-carousel{--sleeve:clamp(210px,67vw,300px)}.record-track{padding-top:25px;padding-bottom:35px}.record-intro{font-size:12px}.record-sleeve .pack-cover{padding:18px}.record-sleeve .cover-top{font-size:8px}.record-hint{display:none}.record-controls button{width:42px;height:42px}.record-toolbar{align-items:start}.record-title{font-size:23px}}@media(prefers-reduced-motion:reduce){.record-sleeve .cover-link{transition:none}}
.record-track{position:relative}

.record-track.is-coasting{scroll-snap-type:none}

/* A continuous travelling ripple through the individual concentric arcs. */
.record-rings{overflow:visible}
.record-rings path{transform-box:view-box;transform-origin:650px 650px}
@keyframes record-ring-flow{0%,100%{transform:scale(.93);opacity:.58}50%{transform:scale(1.035);opacity:1}}
.record-sleeve.is-settled .record-rings path{animation:record-ring-flow 3.6s ease-in-out infinite}
.record-sleeve.is-settled .record-rings>g>path:nth-child(1){animation-delay:-1.28s}
.record-sleeve.is-settled .record-rings>g>path:nth-child(2){animation-delay:-.96s}
.record-sleeve.is-settled .record-rings>g>path:nth-child(3){animation-delay:-.64s}
.record-sleeve.is-settled .record-rings>g>path:nth-child(4){animation-delay:-.32s}
.record-sleeve.is-settled .record-rings>path{animation-delay:0s}
@media(prefers-reduced-motion:reduce){.record-sleeve.is-settled .record-rings path{animation:none}}