.retro-stage{overflow:hidden}.retro-reveal-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:800px;margin:0 auto 25px}.retro-reveal-bar .eyebrow{font-size:9px;margin-bottom:6px}.retro-reveal-bar p{font-size:15px;font-weight:700;color:#3d4132}.retro-reveal-bar button{display:flex;align-items:center;gap:16px;background:#293f32;color:#f8edcf;padding:13px 19px;border-radius:6px;font-size:12px;font-weight:700;box-shadow:0 4px 12px #26362920;min-height:46px}.retro-reveal-bar button span{font-size:23px;line-height:1}.retro-perspective{perspective:1700px;max-width:800px;margin:auto}.retro-turntable{position:relative;transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.65,.02,.24,1)}.retro-turntable.is-reversed{transform:rotateY(180deg)}.retro-front,.retro-back{backface-visibility:hidden;-webkit-backface-visibility:hidden}.retro-front{transform:translateZ(1px)}.retro-back{position:absolute;inset:0;transform:rotateY(180deg) translateZ(1px);border:8px solid #623e27;border-radius:38px 38px 14px 14px;background:radial-gradient(ellipse at 50% 35%,#493422,#171d18 80%);box-shadow:inset 0 0 0 2px #b38a53,0 18px 35px #231c2740;color:#e9dcc3;display:flex;flex-direction:column;padding:24px;transform-style:preserve-3d}.back-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:2}.back-heading .eyebrow{font-size:8px;letter-spacing:2px;color:#c8ab74;margin-bottom:8px}.back-heading h2{font-size:24px;letter-spacing:-.6px;color:#f6ead4}.back-power{flex-shrink:0;border:1px solid #958463;background:#30382e;color:#f5dfad;padding:10px 14px;font-size:11px;border-radius:5px}.retro-chassis{position:relative;flex:1;min-height:250px;margin-top:16px;isolation:isolate}.chassis-wires{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:5;filter:drop-shadow(0 2px 2px #000)}.chassis-part{background:none;color:#e9d1a5;cursor:pointer;padding:0;border:0}.chassis-part:focus-visible{outline:2px solid #f3d17c;outline-offset:8px;border-radius:8px}.part-tag{display:block;font-size:10px;letter-spacing:.3px;margin-top:12px;white-space:nowrap;color:#c2b592}.chassis-part[aria-pressed=true] .part-tag{color:#ffe3a0;text-decoration:underline;text-underline-offset:4px}.chassis-speaker{position:absolute;left:4%;top:2%;width:145px;z-index:2}.speaker-magnet{display:grid;place-items:center;width:130px;height:130px;margin:auto;border:8px solid #655841;border-radius:50%;background:repeating-conic-gradient(#7a6d55 0deg 14deg,#242920 14deg 60deg);box-shadow:inset 0 0 0 8px #a19372,0 4px 12px #0008}.speaker-magnet i{width:56px;height:56px;border:7px solid #c5b99c;border-radius:50%;background:radial-gradient(circle at 30% 30%,#9d957d,#393d32);box-shadow:0 0 0 7px #302f23}.chassis-transformer{position:absolute;right:7%;top:4%;width:110px;z-index:2}.transformer-core{display:block;height:95px;width:100px;margin:auto;border:5px solid #6f725c;border-radius:4px;background:repeating-linear-gradient(0deg,#555b4b 0 3px,#898e74 3px 4px);box-shadow:6px 7px 0 #151b1580,inset 0 0 0 7px #313b2b}.transformer-core i{display:block;margin:17px auto;width:60px;height:51px;border:8px solid #9b6538;background:repeating-linear-gradient(0deg,#b98549 0 2px,#6e482f 2px 3px);border-radius:7px}.chassis-deck{position:absolute;left:3%;right:3%;height:65px;bottom:36px;transform:skewX(-8deg);background:linear-gradient(165deg,#9b9c84,#545c4d 56%,#b1a588);border:1px solid #b4b69c;box-shadow:0 16px 0 #343f35,0 19px 5px #0008}.chassis-deck i{position:absolute;width:7px;height:7px;border-radius:50%;background:#353e31;top:9px}.chassis-deck i:nth-child(1){left:4%}.chassis-deck i:nth-child(2){right:4%}.chassis-deck i:nth-child(3){left:4%;top:49px}.chassis-deck i:nth-child(4){right:4%;top:49px}.chassis-tubes{position:absolute;left:15%;right:12%;bottom:30px;display:flex;align-items:end;justify-content:space-between;gap:12px;z-index:3}.tube{position:relative;display:flex;flex-direction:column;align-items:center;width:74px;flex-shrink:0}.tube-glass{display:block;width:64px;height:110px;position:relative;border:1px solid #b8c2a77a;border-radius:26px 26px 9px 9px;background:linear-gradient(90deg,#b7d6c911,#e2f4d11f 20%,#090e0822 45%,#b6c8b722 80%,#e7efd13d);box-shadow:inset 3px 0 6px #dde9d11a,3px 5px 7px #0007;overflow:hidden;transition:box-shadow 1.4s,background 1.4s}.tube-large .tube-glass{height:142px;width:74px;border-radius:30px 30px 10px 10px}.tube-small .tube-glass{height:88px;width:52px}.tube-grid{position:absolute;left:23%;right:23%;top:28%;bottom:11%;border:2px solid #49463b;background:repeating-linear-gradient(0deg,#8a8371 0 2px,#363d30 2px 6px);border-radius:6px}.tube-filament{position:absolute;width:5px;left:calc(50% - 2px);top:38%;bottom:14%;border-radius:10px;background:#9a6136;box-shadow:0 0 0 transparent;transition:background 1.5s,box-shadow 1.5s}.tube-shine{position:absolute;top:10px;bottom:20px;left:9px;width:5px;background:linear-gradient(#ffffff63,#fff0);border-radius:10px}.tube-base{width:70px;height:17px;background:repeating-linear-gradient(90deg,#51442c 0 4px,#292c20 4px 7px);border:2px solid #8e7850;border-radius:3px 3px 7px 7px;box-shadow:0 3px 7px #0008}.tube-large .tube-base{width:80px}.tube-small .tube-base{width:58px}.tube>.part-tag{position:absolute;top:100%;margin-top:9px}.chassis-ambient{position:absolute;inset:25% 0 0;background:radial-gradient(ellipse at 50% 70%,#ff99212b,transparent 65%);opacity:0;pointer-events:none;transition:opacity 2s}.retro-turntable.is-powered .tube-filament{background:#fff4b1;box-shadow:0 0 5px 2px #ffc16c,0 0 18px 6px #ff8d2d,0 0 36px 12px #e86d164a}.retro-turntable.is-powered .tube-glass{background:linear-gradient(90deg,#b7d6c90d,#ffc77418 30%,#e88a3615 60%,#e7efd12e);box-shadow:inset 0 -15px 24px #ef853733,3px 5px 7px #0007}.retro-turntable.is-powered .chassis-ambient{opacity:1}.component-info{min-height:115px;margin-top:22px;padding:17px 19px;border:1px solid #8c815142;background:#0e16118c;border-radius:7px;position:relative;z-index:3}.component-info .eyebrow{font-size:8px;margin-bottom:7px;color:#cbb075}.component-info h3{font-size:19px;color:#f2dfba;letter-spacing:-.4px}.component-info p{font-size:11px;line-height:1.75;margin-top:8px;color:#c5c6af}.back-plate{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:15px;font-size:11px;color:#c6b791}.back-plate>span:first-child{font-size:18px;font-family:Georgia,serif;font-style:italic}.back-plate>span:last-child{text-align:right}.back-plate small{font-size:8px;color:#969e89}.retro-rear-door{position:absolute;inset:0;border-radius:29px 29px 7px 7px;background:repeating-linear-gradient(18deg,#ffffff03 0 2px,#00000009 2px 4px),linear-gradient(110deg,#6d563b,#493d2b);border:3px solid #8b6f45;box-shadow:0 0 12px #0007;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:35px;transform-origin:50% 100%;transition:transform 1.05s cubic-bezier(.5,.02,.24,1),opacity .35s .6s;z-index:5;pointer-events:none;backface-visibility:hidden}.retro-turntable.is-open .retro-rear-door{transform:rotateX(-112deg) translateY(18px);opacity:0}.door-vents{width:90%;height:100px;border-radius:22px;background:repeating-linear-gradient(90deg,transparent 0 15px,#171d13 15px 24px,transparent 24px 36px);box-shadow:inset 0 2px 7px #181a11}.door-label{border:1px solid #b99f66;padding:25px 45px;text-align:center;color:#dbc99f;background:#282b2180}.door-label strong{display:block;letter-spacing:6px;font-size:23px}.door-label span{display:block;font-family:Georgia,serif;font-style:italic;font-size:22px;margin:13px}.door-label small{font-size:8px;letter-spacing:3px}.door-screw{position:absolute;width:13px;height:13px;border-radius:50%;background:linear-gradient(90deg,#99916b 43%,#24251a 44% 56%,#99916b 57%);box-shadow:0 1px 3px #000}.screw-one{left:20px;top:20px}.screw-two{right:20px;top:20px}.screw-three{left:20px;bottom:20px}.screw-four{right:20px;bottom:20px}.retro-turntable.is-reversed .door-screw{animation:screw-turn .7s ease-in-out forwards}.retro-turntable.is-open .chassis-part{animation:part-arrive .75s both}.retro-turntable.is-open .tube-large{animation-delay:.16s}@keyframes screw-turn{to{transform:rotate(450deg)}}@keyframes part-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:760px){.retro-reveal-bar{gap:12px;margin-bottom:17px;padding:0 4px}.retro-reveal-bar .eyebrow{font-size:7px;letter-spacing:1px}.retro-reveal-bar p{font-size:11px;max-width:125px}.retro-reveal-bar button{font-size:10px;gap:7px;padding:10px;min-height:44px}.retro-reveal-bar button span{font-size:19px}.retro-back{padding:15px 12px;border-width:5px;border-radius:25px 25px 12px 12px}.back-heading{gap:8px;align-items:start}.back-heading .eyebrow{font-size:6px;letter-spacing:1px}.back-heading h2{font-size:20px;max-width:165px}.back-power{font-size:9px;padding:10px 8px;min-height:40px}.back-power .play-symbol{display:none}.retro-chassis{min-height:230px;margin-top:16px}.chassis-speaker{left:0;top:0;width:100px}.speaker-magnet{width:90px;height:90px;border-width:6px}.speaker-magnet i{width:40px;height:40px;border-width:5px}.chassis-transformer{right:0;top:2%;width:82px}.transformer-core{height:73px;width:73px}.transformer-core i{width:42px;height:37px;margin:12px auto;border-width:6px}.part-tag{font-size:8px;margin-top:9px}.chassis-tubes{left:4%;right:4%;gap:6px;bottom:30px}.tube{width:46px}.tube-glass{width:39px;height:85px}.tube-large .tube-glass{width:48px;height:112px}.tube-small .tube-glass{width:31px;height:63px}.tube-base{width:45px;height:13px}.tube-large .tube-base{width:54px}.tube-small .tube-base{width:37px}.tube-shine{left:5px;width:3px}.tube>.part-tag{font-size:7px;letter-spacing:0}.chassis-deck{left:1%;right:1%;bottom:34px}.component-info{min-height:138px;margin-top:14px;padding:13px}.component-info h3{font-size:17px}.component-info p{font-size:10px;line-height:1.65}.component-info .eyebrow{font-size:7px}.back-plate{margin-top:12px;font-size:9px}.back-plate>span:first-child{font-size:16px}.back-plate small{font-size:6px}.retro-rear-door{border-radius:19px 19px 8px 8px;padding:20px}.door-vents{height:80px;background-size:auto}.door-label{padding:22px 15px}.door-label strong{font-size:17px;letter-spacing:3px}.door-label span{font-size:19px}.retro-perspective{perspective:1100px}}
@media(prefers-reduced-motion:reduce){.retro-turntable,.retro-rear-door,.tube-filament,.tube-glass,.chassis-ambient{transition:none}.retro-turntable.is-reversed .door-screw,.retro-turntable.is-open .chassis-part{animation:none}}