*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow:hidden;overscroll-behavior:none;touch-action:none;position:fixed;width:100%}body{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#1c1a17;color:#f4f1ec}button{font-family:inherit;cursor:pointer}a{color:inherit}.app{height:100vh;height:100dvh;display:flex}.crate{flex:1;height:100%;display:flex;align-items:center;justify-content:center;padding:2.5rem;overflow:hidden}.crate-box{position:relative;padding:2rem 4.5rem 4.75rem;background-color:#8a6240;background-image:linear-gradient(180deg,#ffffff0f,#0000001f);border:1px solid rgba(43,32,20,.4);border-radius:8px;box-shadow:inset 0 0 0 6px #2b20142e,0 2rem 4rem #00000073}.crate-band{position:absolute;left:0;right:0;display:flex;align-items:center;z-index:25;color:#e8d9bf9e;background-color:#2b20143d;background-image:linear-gradient(180deg,#0000002e,#0000000d);box-shadow:inset 0 2px 5px #00000073,inset 0 -1px #ffffff0a;letter-spacing:.1em;text-transform:uppercase}.crate-band-bottom{bottom:0;height:3.25rem;justify-content:center;gap:2.5rem;border-radius:0 0 7px 7px;font-size:.7rem;color:#e8d9bf7a}@media (hover: none) and (pointer: coarse){.crate-band-bottom{display:none}}.crate-wall{position:absolute;top:2rem;bottom:4.75rem;width:4rem;background-color:#5b4027;background-image:linear-gradient(180deg,#ffffff14,#00000040);box-shadow:inset 0 0 1.5rem #0000004d;z-index:16;pointer-events:none}.crate-wall-left{left:0;clip-path:polygon(0 0,100% 18%,100% 100%,0 100%);border-radius:5px 0 0}.crate-wall-right{right:0;clip-path:polygon(0 18%,100% 0,100% 100%,0 100%);border-radius:0 5px 0 0}.crate-plaque{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#2b2014;color:#e8d9bf;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;padding:.4rem 1.1rem;border-radius:3px;box-shadow:0 2px 6px #0000004d}.crate-stack{position:relative;width:36rem;height:44rem;overflow:hidden;perspective:1500px;perspective-origin:50% 0%;touch-action:none}.crate-front{position:absolute;left:-1px;right:-1px;bottom:-1px;height:30%;background-color:#6e4c30;background-image:linear-gradient(180deg,#ffffff14,#0003);border-top:1px solid rgba(43,32,20,.5);border-radius:0 0 6px 6px;box-shadow:inset 0 6px 12px #00000059;z-index:20;pointer-events:none}.sleeve{position:absolute;top:50%;left:50%;width:34rem;height:34rem;border:1px solid rgba(244,241,236,.22);background-color:#2b2825;color:inherit;display:flex;align-items:flex-end;padding:1.5rem;text-align:left;transform-origin:center bottom;transform:translate(-50%,-50%) translateY(14rem) rotateX(34deg) scale(1);z-index:calc(50 - var(--abs-distance));transition:transform .5s ease,border-color .2s ease,background-color .2s ease}.sleeve-active{border-color:#f4f1ec;background-color:#3a3530}@keyframes sleeve-flip-away{0%{transform:translate(-50%,-50%) translateY(14rem) rotateX(34deg) scale(1);opacity:1}35%{transform:translate(-50%,-50%) translateY(14.25rem) rotateX(4deg) scale(1.025);opacity:1}to{transform:translate(-50%,-50%) translateY(15.25rem) rotateX(34deg) scale(.96);opacity:0}}.sleeve-leaving{animation:sleeve-flip-away .45s ease-in forwards;z-index:60}.sleeve-title{font-size:1.15rem;font-weight:500;line-height:1.3}.sleeve-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.vinyl-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;cursor:pointer}.vinyl-card-wrap{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1200px}.vinyl-scale-wrapper{position:absolute;top:50%;left:50%;width:34rem;height:34rem;transform-origin:center center}@keyframes vinyl-lift{0%{transform:translateY(22vh) scale(1);opacity:0}22%{opacity:1}55%{transform:translateY(-12vh) scale(1);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes vinyl-lower{0%{transform:translateY(0) scale(1)}38%{transform:translateY(-12vh) scale(1)}to{transform:translateY(22vh) scale(1)}}@keyframes vinyl-lower-flipped{0%{transform:translateY(0) rotateY(180deg)}45%{transform:translateY(-12vh) rotateY(0)}to{transform:translateY(22vh) rotateY(0)}}.vinyl-flip-card{position:relative;width:34rem;height:34rem;transform-style:preserve-3d;background:transparent;cursor:default;transition:transform .5s ease;touch-action:none}.vinyl-lifting{animation:vinyl-lift .45s cubic-bezier(.22,.61,.36,1) both}.vinyl-lowering{animation:vinyl-lower .6s cubic-bezier(.4,0,.6,1) forwards}.vinyl-lowering-flipped{animation:vinyl-lower-flipped .6s cubic-bezier(.4,0,.6,1) both}.vinyl-lifting,.vinyl-lowering,.vinyl-lowering-flipped{transition:none}.vinyl-face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;backface-visibility:hidden}.vinyl-face-front{background-color:#1a1a1a}.vinyl-cover{width:100%;height:100%;object-fit:cover;display:block}.vinyl-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#1a1a1a;color:#f4f1ec66;font-size:.9rem;letter-spacing:.1em;padding:1.5rem;text-align:center}.vinyl-face-back{transform:rotateY(180deg)}.vinyl-liner{background-color:var(--liner-bg);color:var(--liner-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:2.5rem 2rem;text-align:center}.liner-artist{font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin:0}.liner-title{font-size:1.6rem;font-weight:700;line-height:1.2;margin:.2rem 0 0}.liner-meta{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin:0}.liner-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:.4;margin:0}.liner-links{display:flex;gap:1.25rem;align-items:center;justify-content:center;margin-top:.75rem}.liner-stream-link{color:var(--liner-text);opacity:.75;transition:opacity .15s ease;display:flex;align-items:center}.liner-stream-link:hover{opacity:1}.streaming-icon{width:1.4rem;height:1.4rem}.vinyl-liner-journalism{justify-content:space-between;gap:0;padding:1.5rem;overflow-y:hidden}.journalism-header{display:flex;flex-direction:column;align-items:center;gap:.3rem}.vinyl-liner-journalism .liner-title{margin:0}.journalism-body-wrap{display:flex;flex-direction:column;gap:.5rem}.vinyl-liner-journalism-no-video{justify-content:center;gap:2rem}.journalism-video-wrap{width:88%;margin-top:.15rem}.journalism-video{display:block;width:100%;aspect-ratio:16 / 9;border:none;border-radius:4px}.journalism-body{font-size:.64rem;line-height:1.55;opacity:.85;text-align:left;margin:.1rem 0 0;max-width:100%}.vinyl-liner-qr{justify-content:center;align-items:center;gap:1.25rem}.qr-wrap{padding:1rem;background:#ffffff0f;border-radius:8px}.qr-pass-it-on{font-size:1.4rem;font-style:italic;letter-spacing:.04em;opacity:.9;margin:0}.qr-domain{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:.45;margin:0}.divider{position:absolute;top:50%;left:50%;width:34rem;height:34rem;transform-origin:center bottom;transform:translate(-50%,-50%) translateY(14rem) rotateX(34deg) scale(1);z-index:calc(50 - var(--abs-distance))}.divider-sheet{position:absolute;top:-3.5rem;right:0;bottom:0;left:0;background-color:#c9a877;background-image:linear-gradient(180deg,#ffffff1f,#0000001f);border:1px solid rgba(43,32,20,.35);box-shadow:inset 0 0 0 1px #ffffff14,0 .5rem 1.25rem #0000004d;clip-path:polygon(0 0,34% 0,34% 3.5rem,100% 3.5rem,100% 100%,0 100%)}.divider-passed .divider-sheet{clip-path:polygon(0 3.5rem,100% 3.5rem,100% 100%,0 100%)}.divider-label{position:absolute;top:-2.9rem;left:0;width:34%;text-align:center;color:#2b2014;letter-spacing:0;font-weight:700;font-size:.42rem;line-height:1.15}.divider-leaving{animation:sleeve-flip-away .45s ease-in forwards;z-index:60}.divider-annotation{font-family:Kalam,cursive;font-weight:300;font-size:.72rem;color:#2b201480;position:absolute;top:1.1rem;left:1.5rem;right:1.5rem;line-height:1.55;transform:rotate(-1.2deg);pointer-events:none;white-space:pre-line}.sleeve-cover-handwritten{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;background:#1a1612;padding-top:13.6rem}.sleeve-cover-handwritten span{font-weight:700;font-size:2.8rem;letter-spacing:.18em;text-transform:uppercase;color:#e8d4b0b3;text-align:center;line-height:1.2;white-space:nowrap}.vinyl-placeholder-handwritten{background:#1a1612}.vinyl-placeholder-handwritten span{font-weight:700;font-size:1.6rem;letter-spacing:.2em;text-transform:uppercase;color:#e8d4b0cc}.sleeve-cover-replay{position:absolute;top:0;right:0;bottom:0;left:0;background:#111}.vinyl-placeholder-replay{background:#111}.vinyl-liner-hub{justify-content:space-between;gap:0;padding:1.75rem}.hub-links{display:flex;flex-direction:column;flex:1;justify-content:space-evenly;margin-bottom:0;width:19rem;align-self:center}.hub-link-row{display:flex;align-items:center;justify-content:center;gap:.85rem;padding:.7rem 0;text-decoration:none;color:var(--liner-text);border-bottom:1px solid rgba(255,255,255,.07)}.hub-link-row:first-child{border-top:1px solid rgba(255,255,255,.07)}.hub-icon-badge{width:2.75rem;height:2.75rem;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#c9a55a}.hub-link-label{font-size:.95rem;letter-spacing:.01em;width:11rem}.hub-chevron{opacity:.3;flex-shrink:0}.hub-social{width:100%;padding-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.hub-social-label{font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;opacity:.35;margin:0}.hub-social-icons{display:flex;gap:1.6rem;align-items:center}.hub-social-link{color:var(--liner-text);opacity:.55;text-decoration:none;display:flex;transition:opacity .15s}.hub-social-link:hover{opacity:1}.vinyl-liner-replay{justify-content:center;align-items:center}.replay-connecting{opacity:.2;font-style:italic;letter-spacing:.05em}