.about-phono-wrap{padding-block:var(--sp-16);justify-content:center;display:flex}.about-phono{cursor:pointer;width:300px;height:400px;position:relative}.about-phono:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:20px}.about-phono__cabinet{width:280px;height:320px;box-shadow:var(--shadow-glass);transition:border-color var(--dur-ui) var(--ease-out);background:linear-gradient(160deg,#3d2008 0%,#2a1504 50%,#1c0e02 100%);background:linear-gradient(160deg,lab(15.9786% 12.745 20.35) 0%,lab(9.43902% 9.71412 12.7575) 50%,lab(5.18846% 5.2107 7.07296) 100%);border:1px solid #ffc86426;border:1px solid lab(84.2093% 12.5265 56.9289/.15);border-radius:16px 16px 24px 24px;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.about-phono__cabinet:before{content:"";opacity:.14;pointer-events:none;background:repeating-linear-gradient(6deg,#00000080 0 1px,#0000 1px 7px);background:repeating-linear-gradient(6deg,lab(0% 0 0/.5) 0 1px,#0000 1px 7px);position:absolute;inset:0}.about-phono__cabinet:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 1px #ffc87833;box-shadow:inset 1px 1px lab(84.3399% 13.5058 47.4549/.2)}.about-phono:hover .about-phono__cabinet,.about-phono:focus-visible .about-phono__cabinet{border-color:#ffc86466;border-color:lab(84.2093% 12.5265 56.9289/.4)}.about-phono__window{background:#130b06;background:lab(3.66708% 2.14009 3.09245);border:2px solid #ffc8644d;border:2px solid lab(84.2093% 12.5265 56.9289/.3);border-radius:50%;width:184px;height:184px;position:absolute;top:36px;left:50%;overflow:hidden;transform:translate(-50%)}.about-phono__platter{background:repeating-conic-gradient(#1a1a1a 0deg 1.5deg,#252525 1.5deg 3deg);background:repeating-conic-gradient(lab(9.288% 0 -.00000298023) 0deg 1.5deg,lab(14.624% 0 0) 1.5deg 3deg);border-radius:50%;position:absolute;inset:0}.about-phono__platter:before,.about-phono__platter:after{content:"";pointer-events:none;border:1px solid #ffffff0a;border:1px solid lab(100% 0 0/.04);border-radius:50%;position:absolute}.about-phono__platter:before{inset:30px}.about-phono__platter:after{inset:46px}.about-phono__label{width:62px;height:62px;font-family:var(--font-serif);color:var(--ink);background:#f5edd8;background:lab(93.9881% .209212 11.2142);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-style:italic;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #07080a1a;box-shadow:inset 0 0 0 1px lab(2.16462% -.0631213 -.832307/.1)}.about-phono__label:after{content:"";background:#181009;background:lab(5.22845% 2.65991 3.97764);border-radius:50%;width:5px;height:5px;position:absolute}.about-phono__tonearm{transform-origin:86.7% 13.3%;width:120px;height:120px;position:absolute;top:22px;right:16px;transform:rotate(24deg)}.about-phono__horn{transform-origin:100px 126px;width:200px;height:190px;transition:filter .25s var(--ease-out);position:absolute;top:-22px;left:143px;transform:rotate(-25deg)}.about-phono__brand{opacity:.5;transition:opacity .15s var(--ease-out);flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:36px;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__brand-label{font-family:var(--font-serif);color:#fdfcf8d9;color:lab(98.8649% .0175536 1.90743/.85);font-size:11px;font-style:italic}.about-phono:hover .about-phono__horn,.about-phono:focus-visible .about-phono__horn{filter:brightness(1.05)saturate(1.06);transition:filter .3s var(--ease-out)}.about-phono__notes{z-index:5;pointer-events:none;width:0;height:0;position:absolute;top:35px;left:211px}.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__tonearm{transition:transform .3s ease-in}.about-phono:hover .about-phono__tonearm,.about-phono:focus-visible .about-phono__tonearm{transition:transform .4s 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}}@keyframes phono-idle{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.003)}}@media (max-width:480px){.about-phono{transform-origin:top;transform:scale(.86)}}