.vinyl-study{--ink: #1a1714;--muted: rgba(26, 23, 19, .5);--shelf-width: min(60rem, 72vw);position:relative;min-height:100svh;overflow:clip;color:var(--ink);background:radial-gradient(120% 76% at 50% -6%,rgba(255,253,249,.8) 0%,rgba(252,249,242,.35) 46%,transparent 100%),linear-gradient(180deg,#fffcf6,#fdfbf4,#faf6ed);font-family:Geist,sans-serif;isolation:isolate}.vinyl-study:before{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(115deg,transparent 0 35%,rgba(255,252,246,.25) 46%,transparent 62%),radial-gradient(circle at 50% 24%,rgba(255,252,246,.45),transparent 45%)}.vinyl-study:after{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;opacity:.12;background-image:repeating-radial-gradient(circle at 17% 32%,transparent 0 1px,rgba(0,0,0,.035) 1px 2px),repeating-linear-gradient(97deg,transparent 0 3px,rgba(255,255,255,.08) 3px 4px);background-size:7px 7px,11px 11px}.vinyl-study__header{position:fixed;z-index:80;top:0;right:0;left:0;display:flex;align-items:flex-start;justify-content:space-between;padding:max(1.5rem,calc(env(safe-area-inset-top) + .6rem)) clamp(1.25rem,3vw,2.5rem) 4rem;pointer-events:none;background:linear-gradient(180deg,rgba(255,252,246,.96) 0%,rgba(255,252,246,.68) 46%,transparent 100%)}.vinyl-study__skip{position:fixed;z-index:120;top:.75rem;left:.75rem;padding:.75rem 1rem;color:#fff;background:var(--ink);font-size:.75rem;text-decoration:none;transform:translateY(-150%);transition:transform .18s ease}.vinyl-study__skip:focus-visible{transform:translateY(0)}.vinyl-study__header>div{max-width:min(34rem,calc(100vw - 13rem))}.vinyl-study__eyebrow,.vinyl-study__intro,.vinyl-study__instruction{margin:0;font-size:.72rem;line-height:1.4;letter-spacing:.01em}.vinyl-study__eyebrow{margin-bottom:.25rem;color:#1919195c;font-family:Geist Mono,monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.vinyl-study__intro{max-width:32rem;color:var(--muted);font-weight:400}.vinyl-study__back{display:inline-flex;align-items:center;gap:.35rem;min-height:2.75rem;flex:0 0 auto;color:#191919a8;font-family:Geist Mono,monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;pointer-events:auto;transition:color .18s ease}.vinyl-study__back:hover{color:var(--ink)}.vinyl-study__back svg{transition:transform .4s cubic-bezier(.22,1,.36,1)}.vinyl-study__back:hover svg{transform:translate(-.2rem)}.vinyl-study__back:focus-visible{outline:1px solid currentColor;outline-offset:.3rem}.vinyl-study__progress{position:fixed;z-index:70;top:50%;right:clamp(.55rem,1.2vw,1rem);width:1px;height:min(8rem,24vh);overflow:hidden;pointer-events:none;background:#1919191f;transform:translateY(-50%)}.vinyl-study__progress>div{width:100%;height:100%;background:#191919c7;transform:scaleY(.03);transform-origin:top;will-change:transform}.vinyl-study__shelves{width:var(--shelf-width);margin:0 auto;padding:clamp(9.5rem,17vh,12rem) 0 12rem;pointer-events:auto;transform-style:preserve-3d}.vinyl-study__row{--camera-pitch: 0deg;position:relative;z-index:1;margin-bottom:clamp(4.4rem,7vw,6.8rem)}.vinyl-study__row:before{position:absolute;z-index:-3;right:-1.2%;bottom:-3.8rem;left:-1.2%;height:4.5rem;content:"";pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(0,0,0,.2) 0%,rgba(0,0,0,.1) 31%,rgba(0,0,0,.025) 55%,transparent 75%);transform:perspective(300px) rotateX(calc(68deg + var(--camera-pitch)));transform-origin:top;transition:transform .15s cubic-bezier(.2,.7,.2,1);will-change:transform}.vinyl-study__row:after{position:absolute;z-index:18;right:-1.25%;left:-1.25%;top:calc(100% + .4rem);height:.92rem;border-top:1px solid rgba(255,252,246,.96);border-radius:0 0 3px 3px;content:"";pointer-events:none;background:linear-gradient(180deg,#faf7ea,#ece9da 22%,#dad6c6,#bcb8a8);box-shadow:0 1px #fffcf6cc inset,0 -1px #0000000f inset,0 1.35rem 1.9rem #1e1a1429,0 .28rem .5rem #1e1a1433;transform:perspective(1100px) translateZ(1.28rem) rotateX(var(--camera-pitch));transform-origin:50% 0;transition:transform .15s cubic-bezier(.2,.7,.2,1);will-change:transform}.vinyl-study__shelf-surface{position:absolute;z-index:12;right:-1.25%;left:-1.25%;top:calc(100% - 1px);height:1.35rem;border-radius:2px 2px 0 0;pointer-events:none;background:linear-gradient(180deg,#fffcf6fa,#f9f5e8 45%,#ddd9ca);box-shadow:0 1px #fffcf6fa inset,0 -1px #0000001a inset;transform:perspective(1100px) rotateX(calc(72deg + var(--camera-pitch)));transform-origin:top;transition:transform .15s cubic-bezier(.2,.7,.2,1);will-change:transform}.vinyl-study__shelf-underside{position:absolute;z-index:10;right:-1.25%;left:-1.25%;top:calc(100% + 1.32rem);height:1.35rem;border-radius:0 0 2px 2px;pointer-events:none;background:linear-gradient(180deg,#afaa9a,#cac6b6 52%,#e2ddce);box-shadow:0 1px #0000001f inset,0 -1px #fffcf659 inset;transform:perspective(1100px) translateZ(1.28rem) rotateX(calc(-72deg + var(--camera-pitch)));transform-origin:top;transition:transform .15s cubic-bezier(.2,.7,.2,1);will-change:transform}.vinyl-study__row-grid{position:relative;z-index:20;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));align-items:end;gap:clamp(.8rem,2.4vw,2.25rem);transform:perspective(1100px) rotateX(var(--camera-pitch, 0deg));transform-origin:50% 100%;transition:transform .15s cubic-bezier(.2,.7,.2,1)}.vinyl-study__record{--neighbor-shift: 0px;position:relative;perspective:68rem;perspective-origin:50% 72%;min-width:0;transform:translate3d(var(--neighbor-shift),0,0);transition:transform .65s cubic-bezier(.16,1,.3,1),filter .7s ease;animation:vinyl-study-arrive .76s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(.2s + var(--record-index) * 40ms)}.vinyl-study__record:before{position:absolute;z-index:-2;top:calc(100% + 1px);right:1.5%;left:1.5%;height:1.05rem;content:"";pointer-events:none;background-image:var(--cover-image);background-position:center bottom;background-size:100% auto;opacity:.14;filter:blur(3px) saturate(1.2);transform:scaleY(-1);-webkit-mask-image:linear-gradient(0deg,#000 12%,transparent 92%);mask-image:linear-gradient(0deg,#000 12%,transparent 92%)}.vinyl-study__record:after{position:absolute;z-index:-1;right:7%;bottom:-.18rem;left:7%;height:.9rem;border-radius:50%;content:"";pointer-events:none;background:radial-gradient(ellipse,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,transparent 76%);opacity:.42;transform:scaleX(.9) scaleY(.82);transform-origin:center;transition:opacity .45s ease,transform .65s cubic-bezier(.16,1,.3,1)}.vinyl-study__record:has(.vinyl-study__record-button:hover):after,.vinyl-study__record:has(.vinyl-study__record-button:focus-visible):after{opacity:.22;transform:translate3d(.12rem,.62rem,0) scaleX(1.18) scaleY(1.5)}.vinyl-study__record.is-active:not(:has(.vinyl-study__record-button:hover)):not(:has(.vinyl-study__record-button:focus-visible)):after{opacity:.34;transform:translate(14%) scaleX(1.38) scaleY(.9);transform-origin:left center}.vinyl-study__record.is-active:has(.vinyl-study__record-button:hover):after,.vinyl-study__record.is-active:has(.vinyl-study__record-button:focus-visible):after{opacity:.18;transform:translate3d(16%,.72rem,0) scaleX(1.52) scaleY(1.62);transform-origin:left center}.vinyl-study__record.is-active{z-index:20}.vinyl-study__shelves:has(.vinyl-study__record.is-active) .vinyl-study__record:not(.is-active){filter:saturate(.8) brightness(.96)}.vinyl-study__shelves:has(.vinyl-study__record.is-active) .vinyl-study__record:not(.is-active):hover,.vinyl-study__shelves:has(.vinyl-study__record.is-active) .vinyl-study__record:not(.is-active):focus-within{filter:none}.vinyl-study__record.is-active+.vinyl-study__record{--neighbor-shift: clamp(1.75rem, 4.5vw, 3.8rem)}.vinyl-study__record-button{--shine-x: 50%;--shine-y: 30%;--tilt-x: 0deg;--tilt-y: 0deg;--tilt-shadow-x: .18rem;--edge-opacity: .65;--occlusion-shadow-alpha: .23;position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;color:inherit;background:transparent;cursor:pointer;pointer-events:auto;touch-action:manipulation;transform:translateZ(0);transition:transform .62s cubic-bezier(.34,0,.2,1.12)}.vinyl-study__sleeve,.vinyl-study__sleeve *,.vinyl-study__vinyl,.vinyl-study__vinyl *{pointer-events:none}.vinyl-study__record-button:hover,.vinyl-study__record-button:focus-visible{z-index:12;transform:translate3d(0,-.65rem,0);transition:transform .62s cubic-bezier(.16,1,.3,1)}.vinyl-study__record.is-active .vinyl-study__record-button{transform:translate3d(-.35rem,0,0)}.vinyl-study__record.is-active .vinyl-study__record-button:hover,.vinyl-study__record.is-active .vinyl-study__record-button:focus-visible{transform:translate3d(-.35rem,-.85rem,0)}.vinyl-study__sleeve{--sleeve-rest-lean: 6.5deg;--shadow-color-contact: rgba(20, 12, 4, .42);--shadow-color-ambient: rgba(25, 15, 5, .22);position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:1px 2px 2px 1px;background-color:#d8d5ce;background-image:var(--wear-image),radial-gradient(ellipse 48.5% 48.5% at center,transparent 93.5%,rgba(255,252,244,var(--ring-light-alpha, .014)) 95.5%,rgba(230,225,215,var(--ring-paper-alpha, .024)) 98%,transparent 100%),var(--cover-image);background-repeat:no-repeat,no-repeat,no-repeat;background-position:var(--wear-position-x) var(--wear-position-y),center,center;background-size:var(--wear-scale) var(--wear-scale),100% 100%,100% 100%;box-shadow:0 1px 1px var(--shadow-color-contact),1px 3px 5px var(--shadow-color-ambient),2px 9px 16px #140c081a;transform:rotate(var(--sleeve-yaw)) rotateX(var(--sleeve-rest-lean));transform-origin:50% 100%;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .52s cubic-bezier(.16,1,.3,1),box-shadow .7s cubic-bezier(.16,1,.3,1)}.vinyl-study__record.is-active .vinyl-study__sleeve{transform:rotate(var(--sleeve-yaw)) rotateX(0);box-shadow:0 1px 1px var(--shadow-color-contact),4px 2px 7px #190f0533,2px 9px 16px #140c081c}.vinyl-study__record.is-engaged .vinyl-study__sleeve{transform:rotate(var(--sleeve-yaw)) rotateX(0)}.vinyl-study__sleeve:before{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(180deg,#fffdf68c,#fffdf600) top / 100% 1px no-repeat,linear-gradient(90deg,#fffaf052,#fffaf000) left / 1px 100% no-repeat,linear-gradient(90deg,#1c171017,#1c171000) 2px 0 / 2px 100% no-repeat}.vinyl-study__sleeve:after{position:absolute;z-index:6;right:0;bottom:0;left:0;height:1px;content:"";pointer-events:none;background:linear-gradient(90deg,#18140e24,#18140e42 50%,#18140e24)}.vinyl-study__record-button:hover .vinyl-study__sleeve,.vinyl-study__record-button:focus-visible .vinyl-study__sleeve{transform:rotate(var(--sleeve-yaw)) rotateX(0);box-shadow:var(--tilt-shadow-x) .35rem .6rem #190f0521,var(--tilt-shadow-x) 1.15rem 1.7rem #140c0824,.22rem .06rem .42rem rgba(32,22,12,var(--occlusion-shadow-alpha));transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .7s cubic-bezier(.16,1,.3,1)}.vinyl-study__record.is-settling .vinyl-study__sleeve{animation:vinyl-study-sleeve-fall 1.45s .92s both}.vinyl-study__record.is-active .vinyl-study__record-button:hover .vinyl-study__sleeve,.vinyl-study__record.is-active .vinyl-study__record-button:focus-visible .vinyl-study__sleeve{box-shadow:var(--tilt-shadow-x) .4rem .66rem #190f0524,var(--tilt-shadow-x) 1.3rem 1.9rem #140c0826,.26rem .07rem .48rem rgba(32,22,12,var(--occlusion-shadow-alpha))}.vinyl-study__sleeve-depth{position:absolute;z-index:5;top:0;right:0;bottom:0;width:3px;background:linear-gradient(90deg,#140f0a47 0,#140f0a47 34%,#fcf7ee99 34%,#e4ddcf8c);opacity:var(--edge-opacity);transition:opacity .24s ease,width .36s cubic-bezier(.16,1,.3,1)}.vinyl-study__record.is-active .vinyl-study__sleeve-depth{width:5px}.vinyl-study__sleeve-gloss{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 72% at var(--shine-x) var(--shine-y),rgba(255,252,244,.15),transparent 58%),linear-gradient(108deg,rgba(255,252,244,.04) 0%,transparent 35%,rgba(20,16,12,.028) 76%,rgba(20,16,12,.065) 100%),repeating-linear-gradient(92deg,rgba(255,255,255,.01) 0 1px,rgba(0,0,0,.008) 1px 2px,transparent 2px 5px);mix-blend-mode:soft-light;opacity:.34;transition:opacity .35s ease}.vinyl-study__record-button:hover .vinyl-study__sleeve-gloss,.vinyl-study__record-button:focus-visible .vinyl-study__sleeve-gloss{opacity:.42}.vinyl-study__vinyl{position:absolute;z-index:1;top:5.36%;right:1%;display:block;width:96%;aspect-ratio:1;border-radius:50%;transform:translate3d(var(--vinyl-slide, -2%),0,0) rotateX(var(--vinyl-tilt-x, 0deg)) rotateY(var(--vinyl-tilt-y, 0deg)) scale(.97);transition:transform .98s cubic-bezier(.16,1,.3,1)}.vinyl-study__record.is-active .vinyl-study__vinyl{--vinyl-slide: 51.04%;transition:transform .98s cubic-bezier(.16,1,.3,1) 70ms}.vinyl-study__vinyl:before{position:absolute;z-index:0;top:1%;right:1%;bottom:1%;left:1%;border-radius:50%;content:"";box-shadow:.06rem .32rem .5rem #00000036,0 .09rem .17rem #00000026;transition:box-shadow .98s cubic-bezier(.16,1,.3,1)}.vinyl-study__record.is-active .vinyl-study__vinyl:before{box-shadow:.14rem .58rem .78rem #00000040,.04rem .16rem .28rem #0000002b}.vinyl-study__record.is-active:has(.vinyl-study__record-button:hover) .vinyl-study__vinyl:before,.vinyl-study__record.is-active:has(.vinyl-study__record-button:focus-visible) .vinyl-study__vinyl:before{box-shadow:.28rem .94rem 1.2rem #00000036,.08rem .23rem .38rem #00000026}.vinyl-study__vinyl:after{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;border-radius:50%;content:"";pointer-events:none;background:linear-gradient(124deg,transparent 20%,rgba(255,255,255,.18) 35%,transparent 48% 66%,rgba(255,255,255,.07) 76%,transparent 86%),conic-gradient(from 12deg,transparent 0 11%,rgba(78,175,255,.16) 13%,transparent 16% 31%,rgba(255,87,181,.13) 33%,transparent 36% 57%,rgba(255,215,105,.13) 59%,transparent 62% 81%,rgba(105,255,198,.14) 83%,transparent 87%);-webkit-mask:radial-gradient(circle,transparent 0 23%,#000 24% 94%,transparent 95%);mask:radial-gradient(circle,transparent 0 23%,#000 24% 94%,transparent 95%)}.vinyl-study__vinyl-disc{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:50%;clip-path:circle(50% at 50% 50%);background:radial-gradient(circle at center,transparent 0 9%,rgba(255,255,255,.07) 9.4% 9.8%,transparent 10.2% 18%,rgba(255,255,255,.055) 18.4% 18.8%,transparent 19.2%),repeating-radial-gradient(circle at center,#ffffff0d 0,#ffffff0d .65px,#00000038 .9px,#00000038 2.15px),conic-gradient(from 28deg,#030303,#171719 18deg,#050506 39deg,#202022 59deg,#040405 80deg,#19191b 111deg,#030304 139deg,#1d1d1f 165deg,#030303 205deg,#18181a 244deg,#040405 289deg,#1c1c1e 327deg,#030303 360deg);box-shadow:0 0 0 .6px #0000009e,0 .11rem .2rem #ffffff1a inset,0 -.19rem .32rem #000000b8 inset}.vinyl-study__vinyl-disc:before{position:absolute;top:1.5%;right:1.5%;bottom:1.5%;left:1.5%;border-radius:inherit;content:"";background:repeating-radial-gradient(circle at center,transparent 0 7px,rgba(255,255,255,.055) 7.5px 8px,transparent 8.5px 15px);-webkit-mask:radial-gradient(circle,transparent 0 23%,#000 24% 94%,transparent 95%);mask:radial-gradient(circle,transparent 0 23%,#000 24% 94%,transparent 95%)}.vinyl-study__vinyl-disc:after{position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:inherit;content:"";background:radial-gradient(circle at center,transparent 0 22.5%,rgba(255,255,255,.12) 23%,transparent 24.5%)}.vinyl-study__record.is-playing .vinyl-study__vinyl-disc{animation:vinyl-study-spin 2.4s linear infinite}.vinyl-study__vinyl-label{position:absolute;z-index:2;width:30%;aspect-ratio:1;overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:50%;background-image:linear-gradient(#ffffff14,#00000014),var(--cover-image);background-position:center;background-size:cover;box-shadow:0 0 0 1px #00000057,0 .2rem .45rem #00000052}.vinyl-study__vinyl-hole{position:absolute;z-index:3;width:2%;aspect-ratio:1;border-radius:50%;background:#d8d8d7;box-shadow:0 0 0 1px #0009,0 0 .3rem #fff6}.vinyl-study__status{position:absolute;z-index:8;right:.65rem;bottom:.6rem;display:flex;height:.7rem;align-items:end;gap:2px;opacity:0;transform:translateY(.3rem);transition:opacity .3s ease,transform .5s cubic-bezier(.16,1,.3,1)}.vinyl-study__record.is-active .vinyl-study__status{opacity:1;transform:translateY(0)}.vinyl-study__status span{display:block;width:2px;height:35%;border-radius:999px;background:#ffffffe0;box-shadow:0 0 .35rem #0003}.vinyl-study__record.is-playing .vinyl-study__status span:nth-child(1){animation:vinyl-study-level .85s ease-in-out infinite alternate}.vinyl-study__record.is-playing .vinyl-study__status span:nth-child(2){animation:vinyl-study-level .62s .1s ease-in-out infinite alternate-reverse}.vinyl-study__record.is-playing .vinyl-study__status span:nth-child(3){animation:vinyl-study-level .76s .18s ease-in-out infinite alternate}.vinyl-study__record.is-loading .vinyl-study__status span{animation:vinyl-study-loading-level .9s ease-in-out infinite alternate}.vinyl-study__record.is-loading .vinyl-study__status span:nth-child(2){animation-delay:.12s}.vinyl-study__record.is-loading .vinyl-study__status span:nth-child(3){animation-delay:.24s}.vinyl-study__instruction{position:fixed;z-index:60;bottom:max(1.3rem,calc(env(safe-area-inset-bottom) + .6rem));left:clamp(1.25rem,3vw,2.5rem);display:none;align-items:center;gap:.45rem;color:#1919196b;pointer-events:none}@media(hover:none){.vinyl-study__instruction{display:flex;transition:opacity .6s ease}.vinyl-study__instruction.is-dismissed{opacity:0}}.vinyl-study__player{position:fixed;z-index:90;right:clamp(1rem,3vw,2.5rem);bottom:max(1rem,calc(env(safe-area-inset-bottom) + .4rem));display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;width:min(34rem,calc(100vw - 2rem));min-height:4.4rem;align-items:center;gap:.85rem;padding:.55rem .65rem;border:1px solid rgba(255,255,255,.12);border-radius:.75rem;color:#fffffff0;background:#121213e0;box-shadow:0 1.5rem 4rem #00000040,0 1px #ffffff14 inset;opacity:0;pointer-events:none;transform:translateY(calc(100% + 2rem));transition:opacity .3s ease,transform .8s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3)}.vinyl-study__player.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.vinyl-study__spotify-engine{position:fixed;top:0;left:-320px;width:300px;height:80px;overflow:hidden;opacity:.001;pointer-events:none}.vinyl-study__spotify-engine iframe{width:300px!important;height:80px!important;border:0}.vinyl-study__player-cover{width:3.2rem;height:3.2rem;border-radius:.25rem;object-fit:cover;box-shadow:0 .45rem .9rem #0000004d}.vinyl-study__player-copy{min-width:0}.vinyl-study__player-copy span,.vinyl-study__player-copy strong,.vinyl-study__player-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vinyl-study__player-copy span{margin-bottom:.12rem;color:#ffffff6e;font-family:Geist Mono,monospace;font-size:.5rem;letter-spacing:.12em;text-transform:uppercase}.vinyl-study__player-copy strong{font-size:.76rem;font-weight:500}.vinyl-study__player-copy small{margin-top:.1rem;color:#ffffff7a;font-size:.62rem}.vinyl-study__player-copy .vinyl-study__player-progress{position:relative;width:100%;height:1px;margin:.42rem 0 0;overflow:hidden;background:#ffffff21}.vinyl-study__player-progress>span{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;background:#ffffffdb;transform-origin:left center;transition:transform .18s linear}.vinyl-study__player.is-loading .vinyl-study__player-progress>span{animation:vinyl-study-preview-loading 1.4s cubic-bezier(.65,0,.35,1) infinite}.vinyl-study__player-control{display:grid;width:2.25rem;aspect-ratio:1;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;background:#ffffff14;cursor:pointer;transition:background .18s ease,transform .3s cubic-bezier(.16,1,.3,1)}.vinyl-study__player-control:hover{background:#ffffff29;transform:scale(1.06)}.vinyl-study__player-control:disabled{color:#ffffff57;cursor:not-allowed;transform:none}.vinyl-study__spotify{display:inline-flex;align-items:center;gap:.3rem;padding:0 .4rem;color:#ffffff85;font-size:.58rem;text-decoration:none;transition:color .18s ease}.vinyl-study__spotify:hover{color:#fff}@keyframes vinyl-study-spin{to{transform:rotate(360deg)}}@keyframes vinyl-study-arrive{0%{opacity:0;transform:translate3d(var(--neighbor-shift),-.7rem,0)}to{opacity:1;transform:translate3d(var(--neighbor-shift),0,0)}}@keyframes vinyl-study-level{0%{height:25%}to{height:100%}}@keyframes vinyl-study-loading-level{0%{height:28%;opacity:.48}to{height:72%;opacity:.9}}@keyframes vinyl-study-preview-loading{0%{transform:translate(-100%) scaleX(.34)}55%{transform:translate(35%) scaleX(.56)}to{transform:translate(100%) scaleX(.32)}}@keyframes vinyl-study-sleeve-fall{0%{transform:rotate(var(--sleeve-yaw)) rotateX(0);animation-timing-function:cubic-bezier(.55,.04,.72,.28)}12%{transform:rotate(var(--sleeve-yaw)) rotateX(.25deg);animation-timing-function:cubic-bezier(.42,0,.68,.56)}30%{transform:rotate(var(--sleeve-yaw)) rotateX(2.25deg);animation-timing-function:cubic-bezier(.3,.02,.45,.98)}57%{transform:rotate(var(--sleeve-yaw)) rotateX(calc(var(--sleeve-rest-lean) + .4deg));animation-timing-function:cubic-bezier(.16,1,.3,1)}73%{transform:rotate(var(--sleeve-yaw)) rotateX(calc(var(--sleeve-rest-lean) - .18deg));animation-timing-function:ease-in-out}87%{transform:rotate(var(--sleeve-yaw)) rotateX(calc(var(--sleeve-rest-lean) + .07deg));animation-timing-function:ease-out}to{transform:rotate(var(--sleeve-yaw)) rotateX(var(--sleeve-rest-lean))}}@media(min-width:761px)and (min-aspect-ratio:11 / 10){.vinyl-study__record:nth-child(5n).is-active+.vinyl-study__record{--neighbor-shift: 0px}}@media(max-width:760px),(max-aspect-ratio:11 / 10){.vinyl-study{--shelf-width: min(34rem, calc(70vw + .5rem) )}.vinyl-study__header{padding-right:1.35rem;padding-left:1.35rem}.vinyl-study__shelves{padding-top:clamp(9.25rem,18vh,11rem);padding-bottom:10rem}.vinyl-study__row{margin-bottom:clamp(3.3rem,13vw,4.2rem)}.vinyl-study__row-grid{gap:clamp(.65rem,3.6vw,1.15rem)}.vinyl-study__record.is-active+.vinyl-study__record{--neighbor-shift: clamp(1.35rem, 8vw, 2.2rem)}.vinyl-study__record:nth-child(3n).is-active+.vinyl-study__record{--neighbor-shift: 0px}.vinyl-study__record-button:hover .vinyl-study__sleeve,.vinyl-study__record-button:focus-visible .vinyl-study__sleeve,.vinyl-study__record.is-settling .vinyl-study__sleeve{transform:rotate(var(--sleeve-yaw)) rotateX(0)}.vinyl-study__record.is-settling .vinyl-study__sleeve{animation-name:vinyl-study-sleeve-fall}.vinyl-study__record-button:hover,.vinyl-study__record-button:focus-visible{transform:translate3d(0,-.5rem,0)}.vinyl-study__record.is-active .vinyl-study__record-button{transform:translate3d(-.15rem,0,0)}.vinyl-study__record.is-active .vinyl-study__record-button:hover,.vinyl-study__record.is-active .vinyl-study__record-button:focus-visible{transform:translate3d(-.15rem,-.55rem,0)}.vinyl-study__vinyl{top:3.76%}.vinyl-study__instruction{bottom:max(1rem,calc(env(safe-area-inset-bottom) + .5rem));left:1.35rem;transition:opacity .6s ease}.vinyl-study__instruction.is-dismissed{opacity:0}.vinyl-study__player{right:.65rem;bottom:max(.65rem,env(safe-area-inset-bottom));left:.65rem;width:auto;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem}.vinyl-study__spotify{display:none}.vinyl-study__progress{right:.35rem}}@media(hover:hover)and (pointer:fine){.vinyl-study__record-button:hover .vinyl-study__sleeve,.vinyl-study__record-button:focus-visible .vinyl-study__sleeve{transform:rotate(var(--sleeve-yaw)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(4px)}.vinyl-study__record:not(.is-active) .vinyl-study__record-button:hover .vinyl-study__vinyl,.vinyl-study__record:not(.is-active) .vinyl-study__record-button:focus-visible .vinyl-study__vinyl{--vinyl-slide: 8.5%;transition:transform .7s cubic-bezier(.16,1,.3,1) 40ms}.vinyl-study__record-button:hover .vinyl-study__vinyl,.vinyl-study__record-button:focus-visible .vinyl-study__vinyl{--vinyl-tilt-x: calc(var(--tilt-x) * .55);--vinyl-tilt-y: calc(var(--tilt-y) * .55)}.vinyl-study__record-button:focus-visible{--tilt-x: 0deg;--tilt-y: 0deg;--tilt-shadow-x: .08rem;--shine-x: 46%;--shine-y: 26%}}@media(prefers-reduced-motion:reduce){.vinyl-study__record-button,.vinyl-study__record,.vinyl-study__vinyl,.vinyl-study__row-grid,.vinyl-study__player{transition-duration:1ms}.vinyl-study__record-button{--tilt-x: 0deg !important;--tilt-y: 0deg !important}.vinyl-study__vinyl-disc,.vinyl-study__sleeve,.vinyl-study__record,.vinyl-study__status span{animation:none!important}.vinyl-study__record-button:hover .vinyl-study__sleeve,.vinyl-study__record-button:focus-visible .vinyl-study__sleeve{transform:rotate(var(--sleeve-yaw)) rotateX(0)}.vinyl-study__row:before,.vinyl-study__row:after,.vinyl-study__shelf-surface,.vinyl-study__shelf-underside{transition-duration:1ms}}