/* Prova indipendente: quadrante analogico FM / AM ispirato alla radio della foto. */
.vintage-receiver{display:grid;grid-template-columns:minmax(0,1fr) 136px;align-items:center;gap:26px;margin:30px 0 12px;width:100%}
.vintage-bezel{position:relative;min-width:0;padding:6px;border-radius:5px;background:linear-gradient(135deg,#9a9d91 0%,#3c403b 6%,#111614 28%,#515a50 62%,#bbc0ae 100%);box-shadow:0 12px 25px #0005,0 0 0 1px #090d0b,inset 0 1px 1px #f3f5d766}
.vintage-glass{height:206px;position:relative;overflow:hidden;border:1px solid #030705;border-radius:2px;background:radial-gradient(ellipse at 48% 35%,#24433236,transparent 80%),linear-gradient(180deg,#171e1c,#080e0c 70%,#101714);box-shadow:inset 0 8px 14px #000b,inset 0 -2px 4px #c4e0c116}
.vintage-glass:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 3px);border-bottom:1px solid #d6dfbe46}
.band-tag,.band-unit{position:absolute;font-size:12px;line-height:1;font-weight:500;color:#8edaa0;letter-spacing:.06em;text-shadow:0 0 7px #60d28c5c}
.band-tag{left:20px}.band-unit{right:15px;font-size:10px;letter-spacing:.04em}.tag-fm,.unit-fm{top:34px}.tag-am,.unit-am{top:100px}
.vintage-track{position:absolute;top:25px;bottom:24px;left:69px;right:69px;color:#a9dcb0}
.scale-number{position:absolute;left:var(--x);transform:translateX(-50%);white-space:nowrap;font-family:BarlowCondensed,'Arial Narrow',sans-serif;font-size:23px;line-height:1;font-weight:600;color:#9ae9aa;text-shadow:0 0 8px #54df7850,0 1px 0 #d1ffdf26}
.vintage-fm-numbers{position:absolute;top:0;left:0;right:0}
.vintage-fm-ticks,.vintage-am-ticks{position:absolute;left:0;right:0;top:32px;height:17px}
.dial-tick{position:absolute;left:var(--x);bottom:0;width:1px;height:8px;margin:0;border-radius:0;background:#d8e4c4a6;box-shadow:0 0 3px #d2ffd423}
.dial-tick.tick-long{height:16px;background:#e1ebd3}
.vintage-am-numbers{position:absolute;top:67px;left:0;right:0}
.vintage-am-numbers .scale-number{font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:13px;font-weight:500;color:#8abf99}
.vintage-am-ticks{top:91px;height:12px}
.vintage-am-ticks .dial-tick{height:7px}.vintage-am-ticks .tick-long{height:11px}
.vintage-reference{position:absolute;top:112px;left:0;right:0;border-top:2px solid #c3c9b69c;padding-top:9px;display:flex;justify-content:space-between;font:8px/1 monospace;color:#c1cbbd}
.vintage-track .fm-needle{top:-14px;height:150px;width:2px;background:#f1f6d9;box-shadow:0 0 3px #fff,0 0 12px #b7ffb599;z-index:2}
.vintage-track .fm-needle:before{top:0;left:50%;width:7px;height:150px;background:#e4eed416;border-inline:1px solid #d5e7c642;border-radius:0}
.vintage-track .fm-lock{top:158px;font-family:BarlowCondensed,Arial,sans-serif;font-size:14px;font-weight:500;color:#a2d9ad;text-shadow:0 0 9px #71e88b70;letter-spacing:.08em}
.vintage-track .fm-lock small{color:#96c49c;font:7px -apple-system,sans-serif}
.glass-reflection{position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(116deg,transparent 10%,#d8e5df06 11%,#d8e5df0a 32%,transparent 32.4%,transparent 62%,#ffffff03 63%,transparent 82%);box-shadow:inset 0 1px #d8e1ce30}
.vintage-control{position:relative;aspect-ratio:1;width:100%;padding-bottom:10px}
.vintage-control .tuning-knob{position:relative;inset:auto;width:100%;filter:drop-shadow(0 9px 13px #0008)}
.vintage-control .knob-housing{background:conic-gradient(from 25deg,#a9afa4,#f1f0dc 8%,#626963 17%,#222a26 29%,#d6dac9 49%,#424b43 64%,#141b18 74%,#a7b1a3 90%,#b6bcaf);inset:8%;box-shadow:inset 0 0 0 3px #0a0d0f,0 3px 8px #000}
.vintage-control .knob-rotor{inset:13%;background:repeating-conic-gradient(#111a15 0deg 2deg,#3f4941 2deg 3deg,#111914 3deg 5deg)}
.vintage-control .knob-face{inset:14%;background:radial-gradient(circle at 35% 25%,#39453c,#131d17 70%);box-shadow:inset 0 2px 5px #73877540,0 4px 5px #000b}
.vintage-control .knob-face:after{inset:34%;border-color:#bac1ad80;background:conic-gradient(#cfd3c3,#616e65,#d7dbce,#687369,#cfd3c3);box-shadow:0 1px 4px #000}
.vintage-control .knob-index{top:16%;height:17%;width:2px;left:calc(50% - 1px);background:#e5ead9;box-shadow:0 0 4px #ddf2d43d}
.vintage-control .knob-caption{bottom:-13px;color:#ced3c7;font-size:9px;letter-spacing:.17em}
@media(max-width:900px){.vintage-receiver{grid-template-columns:minmax(0,1fr) 105px;gap:15px}.vintage-track{left:49px;right:54px}.band-tag{left:13px;font-size:10px}.band-unit{right:10px;font-size:8px}.scale-number{font-size:20px}.scale-secondary{display:none}}
@media(max-width:600px){
 .hero .hero-title{padding-top:36px}
 .vintage-receiver{grid-template-columns:minmax(0,1fr) 66px;gap:9px;margin:24px 0 12px}
 .vintage-bezel{padding:4px;border-radius:4px}
 .vintage-glass{height:134px}
 .vintage-track{left:27px;right:22px;top:22px;bottom:16px}
 .band-tag{left:7px;font-size:8px;letter-spacing:0}.tag-fm{top:25px}.tag-am{top:68px}
 .band-unit{font-size:6px;right:8px}.unit-fm{top:8px}.unit-am{top:55px}
 .scale-number{font-size:15px}.vintage-fm-ticks{top:20px;height:12px}.dial-tick{height:5px;opacity:.8}.dial-tick.tick-long{height:11px}
 .vintage-am-numbers{top:43px}.vintage-am-numbers .scale-number{font-size:9px}
 .vintage-am-ticks{top:58px}.vintage-am-ticks .dial-tick{height:5px}.vintage-am-ticks .tick-long{height:9px}
 .vintage-reference{top:76px;padding-top:5px;font-size:6px;border-top-width:1px}
 .vintage-track .fm-needle,.vintage-track .fm-needle:before{height:100px}
 .vintage-track .fm-lock{top:104px;font-size:11px}.vintage-track .fm-lock small{font-size:6px}
 .vintage-control .knob-caption{font-size:6px;bottom:-9px;letter-spacing:.1em}
}
@media(max-width:360px){.vintage-receiver{grid-template-columns:minmax(0,1fr) 54px;gap:6px}.vintage-track{left:25px;right:18px}.scale-number{font-size:13px}}

/* Tre manopole sotto il vetro, ispirate al frontale della radio originale. */
.vintage-receiver{display:block}
.vintage-controls{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;padding:26px 10% 6px}
.vintage-control{width:112px;max-width:100%;justify-self:center;aspect-ratio:auto;padding:22px 0 0}
.vintage-control .control-caption{position:absolute;top:0;left:-10px;right:-10px;text-align:center;font:600 11px/1.2 -apple-system,BlinkMacSystemFont,Arial,sans-serif;letter-spacing:.08em;color:#e0e1d8;text-shadow:0 1px 2px #000}
.vintage-control .tuning-knob{width:100%;filter:drop-shadow(0 7px 6px #000a)}
.vintage-control .knob-housing{inset:5%;border:1px solid #aeb2b0;border-radius:50%;background:linear-gradient(135deg,#e5e6e2,#737b79 25%,#c1c5bf 46%,#515957 68%,#d8dad3);box-shadow:0 0 0 2px #090c0b,inset 0 0 0 3px #181d1b,inset 0 0 0 4px #a0a8a280,0 4px 7px #0009}
.vintage-control .knob-rotor{inset:12%;border:1px solid #333b37;border-radius:50%;background:repeating-conic-gradient(#0b100e 0deg 3deg,#333c36 3deg 4deg,#151c18 4deg 6deg);box-shadow:inset 0 0 0 3px #111713,inset 0 0 6px #000,0 2px 3px #0009}
.vintage-control .knob-face{inset:24%;border-radius:50%;background:radial-gradient(circle at 38% 25%,#3d4841,#202a24 40%,#111914 78%);box-shadow:inset 0 1px 2px #b5c0b64a,inset 0 -2px 3px #000b,0 0 0 1px #070b08,0 3px 4px #0008;pointer-events:none}
.vintage-control .knob-face:after{inset:25%;width:auto;height:auto;border:1px solid #d7dbd3;border-radius:50%;background:radial-gradient(circle at 34% 25%,#ffffffa8,transparent 48%),conic-gradient(from 25deg,#a2aba3,#e8ebe1,#808e83,#dce2d5,#9da99d,#e1e5da,#a2aba3);box-shadow:inset 0 0 0 1px #aab5a8,inset 0 -1px 2px #516352,0 1px 3px #000b}
.vintage-control .knob-index{width:2px;height:13%;top:6%;left:calc(50% - 1px);background:#d8decf;box-shadow:0 0 2px #e0e8d533;border-radius:1px}
.control-volume .knob-rotor{animation:none!important;transform:rotate(-40deg)}
.control-band .knob-rotor{animation:none!important;transform:rotate(40deg)}
@media(max-width:900px){.vintage-controls{padding-inline:8%;gap:18px}.vintage-control{width:100px}}
@media(max-width:600px){.vintage-controls{padding:21px 5% 0;gap:18px}.vintage-control{width:76px;padding-top:20px}.vintage-control .control-caption{font-size:9px;letter-spacing:.05em}.vintage-track{left:33px;right:27px}.vintage-receiver{margin-bottom:0}}
@media(max-width:360px){.vintage-control{width:67px}.vintage-controls{gap:12px}.vintage-track{left:30px;right:23px}}

/* Commutazione di banda: due attraversamenti per banda. */
.control-band .knob-rotor{animation:vintage-band-selector var(--fm-cycle) linear infinite!important}
.tag-fm,.unit-fm,.vintage-fm-numbers,.vintage-fm-ticks{animation:vintage-band-fm var(--fm-cycle) linear infinite}
.tag-am,.unit-am,.vintage-am-numbers,.vintage-am-ticks{animation:vintage-band-am var(--fm-cycle) linear infinite}
.vintage-track .fm-lock small{letter-spacing:0}
.paused .control-band .knob-rotor,.paused .tag-fm,.paused .unit-fm,.paused .vintage-fm-numbers,.paused .vintage-fm-ticks,.paused .tag-am,.paused .unit-am,.paused .vintage-am-numbers,.paused .vintage-am-ticks{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
 .control-band .knob-rotor{animation:none!important;transform:rotate(40deg)}
 .tag-fm,.unit-fm,.vintage-fm-numbers,.vintage-fm-ticks,.tag-am,.unit-am,.vintage-am-numbers,.vintage-am-ticks{animation:none!important}
 .tag-am,.unit-am,.vintage-am-numbers,.vintage-am-ticks{opacity:.3}
}