.about-phono-wrap{padding-block:var(--sp-16);justify-content:center;display:flex}.about-phono{width:300px;height:400px;color:inherit;cursor:pointer;text-decoration:none;display:block;position:relative}.about-phono:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:24px}.about-phono__cabinet{width:280px;height:320px;transition:box-shadow var(--dur-ui) var(--ease-out);background:linear-gradient(163deg,#7b5238 0%,#6a432c 44%,#4e3020 78%,#3d2418 100%);background:linear-gradient(163deg,lab(39.1227% 15.4956 22.7904) 0%,lab(32.6157% 15.1903 21.0135) 44%,lab(23.3696% 12.9316 16.2675) 78%,lab(17.3682% 11.2539 13.2842) 100%);border-radius:22px;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 1px #f9daa157,inset 1px 0 #ebcc9924,inset -2px 0 6px #1106046b,inset 0 -3px 7px #0c04028c,0 0 0 1px #190c0680,0 2px 2px #2e190c29,0 20px 34px -16px #3c210f80;box-shadow:inset 0 1px lab(88.566% 5.4653 31.9582/.34),inset 1px 0 lab(83.8841% 5.96333 29.7606/.14),inset -2px 0 6px lab(2.40957% 2.90065 2.20185/.42),inset 0 -3px 7px lab(1.51214% 1.99857 1.40754/.55),0 0 0 1px lab(4.32404% 4.91008 3.97837/.5),0 2px 2px lab(11.6317% 9.43238 12.3402/.16),0 20px 34px -16px lab(16.2326% 11.4908 17.4124/.5)}.about-phono__grain{pointer-events:none;background:radial-gradient(150% 130% at 16% 6%,#b2896666,#b2896600 58%),radial-gradient(130% 120% at 84% 98%,#1507038c,#15070300 62%),radial-gradient(34% 116% at 28% 38%,#391f1166,#0000 72%),radial-gradient(24% 96% at 70% 68%,#391f1152,#0000 74%),repeating-linear-gradient(2deg,#22110a00 0 9px,#22110a1a 17px,#22110a00 26px 44px),repeating-linear-gradient(93.5deg,#22110a00 0 1.4px,#22110a26 2.6px,#22110a00 4.2px 7px),repeating-linear-gradient(90.5deg,#1a0b0600 0 2px,#1a0b061f 3.4px,#1a0b0600 5px 13px),repeating-linear-gradient(95.5deg,#ba977600 0 3px,#ba977612 4.4px,#ba977600 6px 19px);background:radial-gradient(150% 130% at 16% 6%,lab(60.3808% 12.648 25.2542/.4),lab(60.3808% 12.648 25.2542/0) 58%),radial-gradient(130% 120% at 84% 98%,lab(2.94977% 4.24058 3.21402/.55),lab(2.94977% 4.24058 3.21402/0) 62%),radial-gradient(34% 116% at 28% 38%,lab(15.0221% 12.276 14.9167/.4),#0000 72%),radial-gradient(24% 96% at 70% 68%,lab(15.0221% 12.276 14.9167/.32),#0000 74%),repeating-linear-gradient(2deg,lab(7.03096% 8.25424 6.72489/0) 0 9px,lab(7.03096% 8.25424 6.72489/.1) 17px,lab(7.03096% 8.25424 6.72489/0) 26px 44px),repeating-linear-gradient(93.5deg,lab(7.03096% 8.25424 6.72489/0) 0 1.4px,lab(7.03096% 8.25424 6.72489/.15) 2.6px,lab(7.03096% 8.25424 6.72489/0) 4.2px 7px),repeating-linear-gradient(90.5deg,lab(4.30736% 5.47835 4.09898/0) 0 2px,lab(4.30736% 5.47835 4.09898/.12) 3.4px,lab(4.30736% 5.47835 4.09898/0) 5px 13px),repeating-linear-gradient(95.5deg,lab(65.0814% 10.3474 22.4592/0) 0 3px,lab(65.0814% 10.3474 22.4592/.07) 4.4px,lab(65.0814% 10.3474 22.4592/0) 6px 19px);position:absolute;inset:0}.about-phono__inlay{pointer-events:none;border:1px solid #1e100980;border:1px solid lab(6.03934% 6.65866 5.30075/.5);border-radius:14px;position:absolute;inset:10px;box-shadow:0 1px #d6b08721,inset 0 1px #d6b08717;box-shadow:0 1px lab(74.4064% 10.2628 26.2002/.13),inset 0 1px lab(74.4064% 10.2628 26.2002/.09)}.about-phono__seam{pointer-events:none;background:linear-gradient(#190b07bf,#0000);background:linear-gradient(lab(4.318% 5.03653 3.85403/.75),#0000);width:1px;height:66px;position:absolute;top:0;left:22px;box-shadow:1px 0 #d0a9821c;box-shadow:1px 0 lab(72.0534% 11.0291 25.8558/.11)}.about-phono__deck{background:#2e190f;background:lab(11.617% 9.4839 11.2032);border-radius:50%;width:180px;height:180px;position:absolute;top:44px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 3px #0c0402b3,inset 0 -1px #dbb68d29,0 0 0 1px #190c0659;box-shadow:inset 0 2px 3px lab(1.51214% 1.99857 1.40754/.7),inset 0 -1px lab(76.7594% 9.48155 26.5115/.16),0 0 0 1px lab(4.32404% 4.91008 3.97837/.35)}.about-phono__mat{background:radial-gradient(circle at 34% 26%,#9d9f99,#6b6c67 54%,#3f403d 100%);background:radial-gradient(circle at 34% 26%,lab(65.2989% -1.62759 2.90309),lab(45.5654% -1.36232 2.63907) 54%,lab(26.9803% -.89395 2.05743) 100%);border-radius:50%;position:absolute;inset:3px;box-shadow:inset 0 1px #ffffff3d,0 1px 2px #06020280;box-shadow:inset 0 1px lab(100% 0 0/.24),0 1px 2px lab(.880104% .950679 .703153/.5)}.about-phono__window{background:#08090b;background:lab(2.47136% -.0632778 -.71795);border-radius:50%;position:absolute;inset:5px;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 1px 3px #03010199;box-shadow:inset 0 1px lab(100% 0 0/.14),0 1px 3px lab(.452019% .429221 .326377/.6)}.about-phono__platter{background:radial-gradient(circle,#161513 0 36px,#0f0e0d 39px 68px,#181716 73px 79px,#32302e 80.5px 82px);background:radial-gradient(circle,lab(6.69903% .311501 .936845) 0 36px,lab(4.0585% .224665 .66829) 39px 68px,lab(7.78338% .343591 1.03643) 73px 79px,lab(19.962% .463083 1.44401) 80.5px 82px);border-radius:50%;position:absolute;inset:0}.about-phono__grooves{pointer-events:none;opacity:.8;background:repeating-radial-gradient(circle,#0c0b0a 0 .5px,#181715 1px,#0c0b0a 2px);background:repeating-radial-gradient(circle,lab(3.04923% .186563 .550979) 0 .5px,lab(7.78355% .464 1.37303) 1px,lab(3.04923% .186563 .550979) 2px);border-radius:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 0 34px,#000 40px 71px,#0000 78px);mask-image:radial-gradient(circle,#0000 0 34px,#000 40px 71px,#0000 78px)}.about-phono__tracks{pointer-events:none;background:radial-gradient(circle,#0000 0 43px,#49474580 43.6px 44.8px,#0000 45.4px 53px,#49474573 53.6px 54.8px,#0000 55.4px 63px,#49474566 63.6px 64.8px,#0000 65.4px);background:radial-gradient(circle,#0000 0 43px,lab(30.4021% .459865 1.4419/.5) 43.6px 44.8px,#0000 45.4px 53px,lab(30.4021% .459865 1.4419/.45) 53.6px 54.8px,#0000 55.4px 63px,lab(30.4021% .459865 1.4419/.4) 63.6px 64.8px,#0000 65.4px);border-radius:50%;position:absolute;inset:0}.about-phono__label{background:radial-gradient(circle at 36% 28%,#fbf4e1,#f1e7d0 72%,#e4d8bf 100%);background:radial-gradient(circle at 36% 28%,lab(96.4139% .0981092 10.0323),lab(92.0169% .569969 12.398) 72%,lab(86.7943% 1.13288 13.98) 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #07080a1a,0 1px 2px #0101008c;box-shadow:inset 0 0 0 1px lab(2.16462% -.0631213 -.832307/.1),0 1px 2px lab(.192039% .180006 .225028/.55)}.about-phono__label:before{content:"";border:1px solid #07080a29;border:1px solid lab(2.16462% -.0631213 -.832307/.16);border-radius:50%;position:absolute;inset:5px}.about-phono__label-text{font-family:var(--font-serif);color:var(--ink);font-size:15px;font-style:italic;line-height:1;transform:translateY(-6px)}.about-phono__gloss{pointer-events:none;background:conic-gradient(from 188deg,#0000 0deg,#f0ebde33 26deg,#0000 62deg 160deg,#f0ebde1f 204deg,#0000 242deg 360deg),radial-gradient(110% 110% at 26% 16%,#ffffff29,#0000 58%);background:conic-gradient(from 188deg,#0000 0deg,lab(93.1295% .0288785 6.91631/.2) 26deg,#0000 62deg 160deg,lab(93.1295% .0288785 6.91631/.12) 204deg,#0000 242deg 360deg),radial-gradient(110% 110% at 26% 16%,lab(100% 0 0/.16),#0000 58%);border-radius:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 0 30px,#000 34px);mask-image:radial-gradient(circle,#0000 0 30px,#000 34px)}.about-phono__spindle{pointer-events:none;background:radial-gradient(circle at 34% 28%,#616368,#222427 58%,#0c0d0f 100%);background:radial-gradient(circle at 34% 28%,lab(41.9699% -.308067 -2.99642),lab(14.1367% -.218138 -2.2405) 58%,lab(3.68787% -.100821 -1.17634) 100%);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%;box-shadow:inset 0 .5px #ffffff59,0 1px 2px #010100b3;box-shadow:inset 0 .5px lab(100% 0 0/.35),0 1px 2px lab(.192039% .180006 .225028/.7)}.about-phono__rig{pointer-events:none;width:370px;max-width:none;height:470px;transition:filter .26s var(--ease-out);position:absolute;top:-60px;left:-40px}.about-phono:hover .about-phono__rig,.about-phono:focus-visible .about-phono__rig{filter:brightness(1.05)saturate(1.06);transition:filter .3s var(--ease-out)}.about-phono__arm{transform-box:view-box;transform-origin:306px 170px;transform:rotate(-18deg)}.about-phono__head-shadow{opacity:.55;transition:opacity var(--dur-ui) var(--ease-out)}.about-phono:hover .about-phono__head-shadow,.about-phono:focus-visible .about-phono__head-shadow,.about-phono--auto .about-phono__head-shadow{opacity:.85}.about-phono__brand{opacity:.74;transition:opacity var(--dur-hover) var(--ease-out);flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.about-phono:hover .about-phono__brand,.about-phono:focus-visible .about-phono__brand{opacity:1;transition:opacity .2s var(--ease-out) .1s}.about-phono__play{width:30px;height:30px;transition:transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out);background:radial-gradient(circle at 34% 26%,#ff7461,#e50001 46%,#9c0000 100%);background:radial-gradient(circle at 34% 26%,lab(66.2342% 61.488 44.97),lab(48.6386% 76.015 66.4343) 46%,lab(32.2526% 58.4917 50.4902) 100%);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px 1px #ffecd480,inset 0 -1.5px 2px #400404bf,0 0 0 1px #5c0204b3,0 2px 4px #110603a6;box-shadow:inset 0 1px 1px lab(95.1431% 16.0186 32.1426/.5),inset 0 -1.5px 2px lab(10.9482% 28.2541 15.7183/.75),0 0 0 1px lab(17.6012% 37.7608 25.8989/.7),0 2px 4px lab(2.4023% 3.20268 2.3658/.65)}.about-phono__play:before{content:"";pointer-events:none;background:linear-gradient(#ffffff52,#fff0);background:linear-gradient(lab(100% 0 0/.32),lab(100% 0 0/0));border-radius:50% 50% 46% 46%/76% 76% 30% 30%;height:42%;position:absolute;inset:2px 4px auto}.about-phono__play:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:-3px;box-shadow:inset 0 1px 1px #0c04028c,inset 0 -1px #dbb68d1f;box-shadow:inset 0 1px 1px lab(1.51214% 1.99857 1.40754/.55),inset 0 -1px lab(76.7594% 9.48155 26.5115/.12)}.about-phono__play svg{z-index:1;filter:drop-shadow(0 .5px .5px #4004048c);filter:drop-shadow(0 .5px .5px lab(10.9482% 28.2541 15.7183/.55));position:relative}.about-phono:hover .about-phono__play,.about-phono:focus-visible .about-phono__play{transform:translateY(-.5px);box-shadow:inset 0 1px 1px #ffefd79e,inset 0 -1.5px 2px #400404bf,0 0 0 1px #6c0a09bf,0 3px 6px #110603b3;box-shadow:inset 0 1px 1px lab(96.3041% 15.9993 32.1181/.62),inset 0 -1.5px 2px lab(10.9482% 28.2541 15.7183/.75),0 0 0 1px lab(22.1488% 40.8402 29.9565/.75),0 3px 6px lab(2.4023% 3.20268 2.3658/.7)}.about-phono:active .about-phono__play{transition-duration:90ms;transform:translateY(1px);box-shadow:inset 0 2px 3px #400404d9,inset 0 -1px #ffd4b038,0 0 0 1px #5c0204b3,0 1px 2px #11060399;box-shadow:inset 0 2px 3px lab(10.9482% 28.2541 15.7183/.85),inset 0 -1px lab(88.1775% 14.9275 27.9045/.22),0 0 0 1px lab(17.6012% 37.7608 25.8989/.7),0 1px 2px lab(2.4023% 3.20268 2.3658/.6)}.about-phono__brand-label{font-family:var(--font-serif);letter-spacing:.01em;color:#faf6eeeb;color:lab(97.1558% .138283 4.59317/.92);text-shadow:0 1px 1px #11060499;text-shadow:0 1px 1px lab(2.40957% 2.90065 2.20185/.6);font-size:11.5px;font-style:italic}.about-phono__notes{z-index:5;pointer-events:none;width:0;height:0;position:absolute;top:30px;left:283px}.about-phono__note{color:var(--ink);opacity:0;will-change:transform, opacity;animation:phono-note-float 2.8s var(--ease-out) both;margin-top:-12px;margin-left:-12px;position:absolute;top:0;left:0}.about-phono__note svg{filter:drop-shadow(0 1px 1px #180f092e);filter:drop-shadow(0 1px 1px lab(5.22211% 3.00353 4.35658/.18));display:block}@keyframes phono-note-float{0%{opacity:0;transform:translate(0)scale(.42)rotate(0)}14%{opacity:var(--note-peak,.9);transform:translate(calc(var(--sway) * .55px), calc(var(--ny) * .16px)) scale(var(--note-scale,1)) rotate(calc(var(--rot) * .3deg))}44%{opacity:var(--note-peak,.9);transform:translate(calc(var(--nx) * .42px - var(--sway) * .5px), calc(var(--ny) * .45px)) scale(var(--note-scale,1)) rotate(calc(var(--rot) * .6deg))}72%{opacity:calc(var(--note-peak,.9) * .55);transform:translate(calc(var(--nx) * .74px + var(--sway) * .4px), calc(var(--ny) * .74px)) scale(var(--note-scale,1)) rotate(calc(var(--rot) * .85deg))}to{opacity:0;transform:translate(calc(var(--nx) * 1px), calc(var(--ny) * 1px)) scale(calc(var(--note-scale,1) * 1.02)) rotate(calc(var(--rot) * 1deg))}}@media (prefers-reduced-motion:no-preference){.about-phono__arm{transition:transform .34s ease-in}.about-phono:hover .about-phono__arm,.about-phono:focus-visible .about-phono__arm{transition:transform .46s var(--ease-out);transform:rotate(0)}.about-phono__cabinet{animation:phono-idle 3s var(--ease-in-out) infinite}.about-phono:hover .about-phono__cabinet,.about-phono:focus-visible .about-phono__cabinet{animation-play-state:paused}.about-phono--auto .about-phono__platter{animation:2.4s linear infinite phono-spin}.about-phono--auto .about-phono__arm{transform:rotate(0)}}@keyframes phono-idle{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.003)}}@keyframes phono-spin{to{transform:rotate(360deg)}}.pg-canvas .about-phono{margin-block:54px;transform:scale(1.26)}@media (max-width:640px){.pg-canvas .about-phono{margin-block:0;transform:scale(1)}}@media (max-width:480px){.about-phono{transform-origin:top;transform:scale(.86)}}