.vhs{margin-top:var(--sp-6);--spine:#4f3f2e;--spine-ink:#ebe8df;--lean:5deg;--ledge-lip:16px;--ledge-depth:84px;--ledge-nose:20px;--edge-room:14px;--shadow-room:16px;--ledge-inset:6px;width:100%}@supports (color:lab(0% 0 0)){.vhs{--spine:lab(28.0421% 5.15145 13.1254);--spine-ink:lab(91.9356% .140369 4.59458)}}.vhs__stage{perspective:1100px;perspective-origin:50% -30%;max-width:min(920px,100%);margin-inline:auto;position:relative;overflow:visible;container-type:inline-size}.vhs__scene{--shelf-gap:clamp(10px, 2.6cqi, 28px);--slot-w:clamp(56px, calc((100cqi - 2 * var(--edge-room) - (var(--n,4) - 1) * var(--shelf-gap)) / var(--n,4)), 164px);--sleeve-h:calc(var(--slot-w) * 1.5);--d:calc(var(--slot-w) * .25);--td:calc(var(--d) * .55);--lift-room:calc(var(--sleeve-h) * .58);width:max-content;padding:var(--lift-room) var(--edge-room) calc(var(--ledge-lip) + var(--shadow-room));transform-style:preserve-3d;margin-inline:auto;position:relative}.vhs__row{align-items:flex-end;gap:var(--shelf-gap);transform-style:preserve-3d;margin:0;padding:0;list-style:none;display:flex}.vhs__slot{flex:0 0 var(--slot-w);width:var(--slot-w);transform-style:preserve-3d;position:relative}.vhs__slot:hover{z-index:3}.vhs__slot[data-side=l]{--toe:13deg}.vhs__slot[data-side=r]{--toe:-13deg}@media (prefers-reduced-motion:reduce){.vhs{--lean:0deg}.vhs__slot[data-side]{--toe:0deg}}.vhs-pair{height:var(--sleeve-h);transform-style:preserve-3d;transform-origin:bottom;transform:rotateY(var(--toe,0deg)) rotateX(var(--lean));position:relative}.vhs-tape{width:94%;height:99%;transform-style:preserve-3d;translate:0 0 calc(-.5 * (var(--d) - var(--td)));will-change:transform;position:absolute;bottom:1.5%;left:3%}.vhs-tape__face{background:repeating-linear-gradient(0deg,#28292c 0 2px,#0e0f12 2px 5px) top/100% 11% no-repeat,linear-gradient(115deg,#0000 32%,#ffffff0d 46%,#0000 58%),linear-gradient(#202225,#0e0f12);background:repeating-linear-gradient(0deg,lab(16.446% .0604838 -2.26165) 0 2px,lab(4.41832% .0418723 -1.33582) 2px 5px) top/100% 11% no-repeat,linear-gradient(115deg,#0000 32%,lab(100% 0 0/.05) 46%,#0000 58%),linear-gradient(lab(12.9657% .0650063 -2.25923),lab(4.41832% .0418723 -1.33582));border-radius:2px 2px 0 0;position:absolute;inset:0}.vhs-tape__window{background:linear-gradient(#040404,#0f0f0f);background:linear-gradient(lab(1.20229% 0 0),lab(4.4379% 0 0));border-radius:10%/3%;width:30%;position:absolute;top:13%;bottom:9%;left:11%;overflow:hidden;box-shadow:inset 0 1px 2px #000c,inset 1px 0 1px #0000008c,inset -1px 0 #ffffff12,inset 0 -1px #ffffff14;box-shadow:inset 0 1px 2px lab(0% 0 0/.8),inset 1px 0 1px lab(0% 0 0/.55),inset -1px 0 lab(100% 0 0/.07),inset 0 -1px lab(100% 0 0/.08)}.vhs-tape__spool{aspect-ratio:1;border-radius:50%;width:300%;position:absolute;left:50%;translate:-50% -50%}.vhs-tape__spool--full{background:radial-gradient(circle,#120805 0 14%,#35251d 15% 26%,#211510 26% 38%,#2c1e18 38% 44%,#0a0403 44.5% 46%,#4d464359 46.5% 48%,#0000 49%);background:radial-gradient(circle,lab(2.98377% 2.84908 2.4717) 0 14%,lab(16.3133% 7.06235 7.99023) 15% 26%,lab(8.22822% 5.56378 5.49498) 26% 38%,lab(12.8512% 6.30566 7.13413) 38% 44%,lab(1.53008% 1.35687 1.19736) 44.5% 46%,lab(30.3466% 2.40791 2.74257/.35) 46.5% 48%,#0000 49%);top:22%}.vhs-tape__spool--bare{background:radial-gradient(circle,#120805 0 14%,#2f201a 15% 18%,#0a0403 18.5% 20%,#03030366 20% 46%,#4d464359 46.5% 48%,#0000 49%);background:radial-gradient(circle,lab(2.98377% 2.84908 2.4717) 0 14%,lab(14.0052% 6.55788 7.41949) 15% 18%,lab(1.53008% 1.35687 1.19736) 18.5% 20%,lab(.903296% 0 0/.4) 20% 46%,lab(30.3466% 2.40791 2.74257/.35) 46.5% 48%,#0000 49%);top:78%}.vhs-tape__spool:after{content:"";background:repeating-conic-gradient(#e9e8e5 0 24deg, #65635d 24deg 60deg);border-radius:50%;position:absolute;inset:36%;box-shadow:inset 0 0 0 1.5px #e9e8e5;box-shadow:inset 0 0 0 1.5px lab(91.9009% -.01055 1.52539)}@supports (color:lab(0% 0 0)){.vhs-tape__spool:after{background:repeating-conic-gradient(lab(91.9009% -.01055 1.52539) 0 24deg, lab(42.0496% .0184178 3.84414) 24deg 60deg)}}@media (prefers-reduced-motion:no-preference){.vhs-pair.is-held .vhs-tape__spool--full:after{animation:1.6s linear infinite vhs-spool}}@keyframes vhs-spool{to{transform:rotate(-360deg)}}.vhs-tape__label{background:linear-gradient(270deg,#c74b47 0 15%,#0000 15%),repeating-linear-gradient(90deg,#0000 0 8px,#65738338 8px 9px),linear-gradient(270deg,#eeebe2,#e5e1d7);background:linear-gradient(270deg,lab(49.6897% 50.3711 29.7091) 0 15%,#0000 15%),repeating-linear-gradient(90deg,#0000 0 8px,lab(47.7544% -2.88326 -10.5244/.22) 8px 9px),linear-gradient(270deg,lab(93.0957% .139892 4.59425),lab(89.6243% .173628 5.36727));border-radius:2px;place-items:center;padding:5% 20% 5% 8%;display:grid;position:absolute;inset:13% 10% 9% 48%;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001f;box-shadow:inset 0 0 0 1px lab(0% 0 0/.12)}.vhs-tape__label-text{writing-mode:vertical-rl;max-height:100%;font-family:var(--font-serif);font-style:italic;font-size:max(calc(var(--slot-w) * .078), 5px);text-align:center;color:#2c3c4f;color:lab(24.4487% -1.92362 -14.1519);line-height:1.25;overflow:hidden}.vhs-tape__end-label{font-family:var(--font-serif);font-style:italic;font-size:max(calc(var(--td) * .42), 4px);line-height:calc(var(--td) * .64);text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#2c3c4f;color:lab(24.4487% -1.92362 -14.1519);background:#ebe8df;background:lab(91.9356% .140369 4.59458);border-radius:1px;padding-inline:4%;display:block;position:absolute;inset:18% 10%;overflow:hidden;box-shadow:inset 0 0 0 1px #0000002e;box-shadow:inset 0 0 0 1px lab(0% 0 0/.18)}.vhs-tape__top{width:100%;height:var(--td);transform-origin:top;transform:translateZ(calc(-1 * var(--td))) rotateX(90deg);background:linear-gradient(#3c3d41,#1e1f22);background:linear-gradient(lab(25.7206% .0665188 -2.64081),lab(11.8056% .066787 -2.25832));border-radius:2px 2px 0 0;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #00000059;box-shadow:inset 0 0 0 1px lab(0% 0 0/.35)}.vhs-tape__side{height:100%;width:var(--td);background:linear-gradient(#151618,#08090b);background:linear-gradient(lab(7.19963% .0519007 -1.83317),lab(2.46805% .0222623 -.723961));position:absolute;top:0}.vhs-tape__side--l{transform-origin:0;transform:translateZ(calc(-1 * var(--td))) rotateY(-90deg);left:0}.vhs-tape__side--r{transform-origin:100%;transform:translateZ(calc(-1 * var(--td))) rotateY(90deg);right:0}.vhs-tape__back{transform:translateZ(calc(-1 * var(--td)));background:#0c0d0f;background:lab(3.68247% .0386983 -1.18616);position:absolute;inset:0}.vhs-sleeve{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.vhs-sleeve__front{background:repeating-linear-gradient(94deg,#00000008 0 1px,#0000 1px 4px),linear-gradient(#b6a186,#96826c);background:repeating-linear-gradient(94deg,lab(0% 0 0/.03) 0 1px,#0000 1px 4px),linear-gradient(lab(67.5504% 4.81763 17.1098),lab(55.9097% 5.18477 14.8905));border-radius:2px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #00000047;box-shadow:inset 0 1px lab(100% 0 0/.22),inset 0 0 0 1px lab(0% 0 0/.28)}.vhs-sleeve__art{object-fit:cover;backface-visibility:hidden;border-radius:2px;width:100%;height:100%;display:block;position:absolute;inset:0}.vhs-sleeve__blank{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;padding:7% 8%;display:flex;position:absolute;inset:0}.vhs-sleeve__billing{gap:calc(var(--slot-w) * .02);flex-direction:column;display:flex}.vhs-sleeve__sub{font-family:var(--font-sans);font-size:max(calc(var(--slot-w) * .055), 4px);letter-spacing:.12em;text-transform:uppercase;color:#443428bf;color:lab(23.3568% 5.59355 10.4591/.75)}.vhs-sleeve__title{font-family:var(--font-serif);font-weight:600;font-size:max(calc(var(--slot-w) * .115), 6px);letter-spacing:.01em;text-wrap:balance;color:#34251a;color:lab(16.3776% 5.99284 10.3873);line-height:1.12}.vhs-sleeve__meta{margin-top:calc(var(--slot-w) * .06);font-family:var(--font-sans);font-size:max(calc(var(--slot-w) * .048), 4px);letter-spacing:.1em;white-space:nowrap;color:#44342899;color:lab(23.3568% 5.59355 10.4591/.6)}.vhs-sleeve__side{height:100%;width:var(--d);padding-block:calc(var(--slot-w) * .07);background-color:var(--spine);background-image:linear-gradient(90deg,#00000057,#0000000d);background-image:linear-gradient(90deg,lab(0% 0 0/.34),lab(0% 0 0/.05));flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;overflow:hidden}.vhs-sleeve__side--l{transform-origin:0;transform:translateZ(calc(-1 * var(--d))) rotateY(-90deg);border-radius:2px 0 0 2px;left:0}.vhs-sleeve__side--r{transform-origin:100%;transform:translateZ(calc(-1 * var(--d))) rotateY(90deg);background-image:linear-gradient(-90deg,#00000057,#0000000d);background-image:linear-gradient(-90deg,lab(0% 0 0/.34),lab(0% 0 0/.05));border-radius:0 2px 2px 0;right:0}.vhs-sleeve__side-title{writing-mode:vertical-rl;font-family:var(--font-serif);font-size:max(calc(var(--d) * .4), 4px);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;max-height:86%;color:var(--spine-ink);overflow:hidden}.vhs-sleeve__back{transform:translateZ(calc(-1 * var(--d)));background:linear-gradient(#372b20,#1a120a);background:linear-gradient(lab(18.7737% 3.79241 9.70749),lab(6.15996% 2.97247 5.0527));border-radius:2px;position:absolute;inset:0}.vhs__contact{width:78%;height:calc(var(--ledge-depth) * .5);transform-origin:bottom;filter:blur(1px);pointer-events:none;background:radial-gradient(72% 90% at 50% 10%,#0006,#00000024 44%,#0000 72%);background:radial-gradient(72% 90% at 50% 10%,lab(0% 0 0/.4),lab(0% 0 0/.14) 44%,#0000 72%);position:absolute;bottom:2px;left:50%;transform:translate(-50%)rotateX(90deg)translateY(6px)}.vhs__ledge{left:var(--ledge-inset);right:var(--ledge-inset);bottom:var(--shadow-room);height:var(--ledge-lip);transform-style:preserve-3d;pointer-events:none;position:absolute}.vhs__ledge-front{transform:translateZ(var(--ledge-nose));background:linear-gradient(90deg,#03030499,#0000 14px),linear-gradient(-90deg,#03030499,#0000 14px),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px),linear-gradient(#313337 0%,#202226 55%,#121417 100%);background:linear-gradient(90deg,lab(.89822% -.032559 -.47102/.6),#0000 14px),linear-gradient(-90deg,lab(.89822% -.032559 -.47102/.6),#0000 14px),repeating-linear-gradient(0deg,lab(100% 0 0/.025) 0 1px,#0000 1px 3px),linear-gradient(lab(21.0886% -.286207 -2.98494) 0%,lab(12.9677% -.269063 -2.97643) 55%,lab(6.16731% -.20472 -2.69249) 100%);border-radius:0 0 2px 2px;position:absolute;inset:0;box-shadow:inset 0 1px #82868eb3,inset 0 2px 2px -1px #ffffff1f,inset 0 -1px #010202cc;box-shadow:inset 0 1px lab(55.8741% -.449866 -4.48809/.7),inset 0 2px 2px -1px lab(100% 0 0/.12),inset 0 -1px lab(.459076% -.0178963 -.306427/.8)}.vhs__ledge-top{height:var(--ledge-depth);transform-origin:bottom;transform:rotateX(90deg) translateY(var(--ledge-nose));background:linear-gradient(#0000 58%,#ffffff0a 78%,#ffffff29),repeating-linear-gradient(1.5deg,#00000029 0 1px,#0000 1px 5px),repeating-linear-gradient(178.5deg,#ffffff08 0 2px,#0000 2px 9px),linear-gradient(#222428 0%,#35383d 50%,#4a4d53 100%);background:linear-gradient(#0000 58%,lab(100% 0 0/.04) 78%,lab(100% 0 0/.16)),repeating-linear-gradient(1.5deg,lab(0% 0 0/.16) 0 1px,#0000 1px 5px),repeating-linear-gradient(178.5deg,lab(100% 0 0/.03) 0 2px,#0000 2px 9px),linear-gradient(lab(14.1278% -.272095 -2.9779) 0%,lab(23.4045% -.317946 -3.356) 50%,lab(32.681% -.361353 -3.73302) 100%);position:absolute;bottom:100%;left:0;right:0;box-shadow:inset 0 -1.5px 1px #a0a5ac80,inset 0 1px #030304b3,inset 0 2px 3px #00000059;box-shadow:inset 0 -1.5px 1px lab(67.4747% -.459611 -4.49332/.5),inset 0 1px lab(.89822% -.032559 -.47102/.7),inset 0 2px 3px lab(.112911% 0 0/.35)}