@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap";@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{color-scheme:light dark;--room:#17100a;--room-shadow:#030202;--ink:#f0dfc6;--walnut-dark:#3a2415;--walnut:#4a2f1d;--wood-1:#4a2f1d;--wood-2:#3a2415;--wood-3:#5f3d24;--wood-edge:#1d0f05;--brass:#b8822e;--brass-light:#e3bb62;--brass-dark:#5a3610;--glass:#ead6a7;--glass-ink:#44311c;--amber:#ffb347;--amber-dim:#c87a2a;--amber-hot:#ffc676;--cloth:#6c5a3e;--cloth-dark:#2b251c;--paper:#f1e6c8;--focus:#fff0bd}@media (prefers-color-scheme:dark){:root{--room:#17120f;--room-shadow:#0b0907;--ink:#f0dfc6;--wood-1:#3a2415;--wood-2:#211105;--wood-3:#4a2f1d;--glass:#a98550;--glass-ink:#24170b;--cloth:#4d402c;--cloth-dark:#17130e;--paper:#d8be89}}*{box-sizing:border-box}html,body{min-height:100%}body{min-width:320px;color:var(--ink);background:#030202 radial-gradient(130% 95% at 50% 36%,#2b1c10 0%,#17100a 44%,#070504 76%,#030202 100%);margin:0;font-family:Libre Caslon Text,Georgia,serif;overflow-x:hidden}button{font:inherit}.stage{perspective:1200px;place-items:center;min-height:100svh;padding:clamp(16px,4vw,56px);display:grid;position:relative}.stage:before{content:"";aspect-ratio:1.4;pointer-events:none;filter:blur(28px);background:radial-gradient(#ffb34757 0%,#c87a2a29 42%,#0000 68%);border-radius:50%;width:min(1280px,135vw);animation:5.5s ease-in-out infinite alternate tube-breathe;position:absolute;top:46%;left:50%}@keyframes tube-breathe{0%{opacity:.55;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1.05)}}.radio{z-index:1;border:clamp(10px, 1.5vw, 20px) solid var(--wood-edge);background:repeating-linear-gradient(90deg, #0c050133 0 1px, transparent 1px 3px, #ffc4780d 3px 4px, transparent 4px 6px), repeating-linear-gradient(91deg, transparent 0 34px, #1007024d 35px 38px, transparent 39px 84px), repeating-linear-gradient(89deg, transparent 0 57px, #ffcd8c0f 58px 60px, transparent 61px 118px), linear-gradient(102deg, var(--walnut-dark), var(--walnut) 28%, var(--wood-3) 52%, var(--walnut-dark) 76%, var(--walnut));border-radius:46px 46px 30px 30px/34px 34px 24px 24px;width:min(1180px,96vw);min-height:min(720px,100svh - 48px);padding:clamp(20px,3.3vw,48px);position:relative;transform:rotateX(.4deg);box-shadow:0 28px 55px #180b0561,inset 0 0 0 3px #de9f5938,inset 0 0 28px #0000008c}.radio:before,.radio:after{content:"";z-index:-1;background:linear-gradient(#2b120c,#120806);border-radius:0 0 9px 9px;width:14%;height:26px;position:absolute;bottom:-27px;box-shadow:0 8px 10px #00000052}.radio:before{left:10%;transform:skew(-8deg)}.radio:after{right:10%;transform:skew(8deg)}.face{min-height:inherit;background:linear-gradient(110deg,#190b06b8,#3f1a0c73);border:2px solid #e1b56847;border-radius:28px 28px 18px 18px;grid-template-rows:1fr auto;grid-template-columns:minmax(240px,.72fr) minmax(360px,1.35fr);gap:clamp(22px,3vw,42px);padding:clamp(18px,2.4vw,34px);display:grid;box-shadow:inset 0 8px 18px #00000061,0 2px #ffffff14}.speaker{background-color:var(--cloth-dark);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.16'/%3E%3C/svg%3E"), radial-gradient(circle at center, #efcd8d2b 0 1px, transparent 1.5px), repeating-linear-gradient(0deg, #0003 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, #e8c48212 0 1px, transparent 1px 3px), repeating-linear-gradient(45deg, transparent 0 4px, #d6b16f2e 4px 6px), repeating-linear-gradient(-45deg, transparent 0 4px, #0000004d 4px 6px), radial-gradient(ellipse at center, var(--cloth) 0%, var(--cloth-dark) 76%);background-size:140px 140px,7px 7px,3px 3px,3px 3px,10px 10px,10px 10px,100% 100%;border:8px solid #32160e;border-radius:38% 38% 22% 22%/18% 18% 12% 12%;grid-row:1/3;min-height:420px;position:relative;overflow:hidden;box-shadow:inset 0 0 38px #110b07,0 3px #eab0532e}.speaker:before{content:"";border-radius:inherit;border:2px solid #dbac5a42;position:absolute;inset:7%;box-shadow:0 0 0 7px #24130b73,inset 0 0 22px #0000008c}.speaker:after{content:"";aspect-ratio:1;mix-blend-mode:multiply;background:radial-gradient(circle,#0000007a,#0000001f 48%,#0000 70%);border-radius:50%;width:54%;position:absolute;top:24%;left:23%}.upper{grid-template-columns:minmax(0,1fr) 108px;gap:18px;min-width:0;display:grid}.dial-glass{min-height:320px;color:var(--glass-ink);background:radial-gradient(ellipse 90% 62% at 50% 96%, #ffb3474d, transparent 62%), linear-gradient(100deg, #fff6, transparent 16% 78%, #4f230829), linear-gradient(var(--paper), var(--glass));border:8px solid #26130d;border-radius:22px 22px 14px 14px;position:relative;overflow:hidden;box-shadow:inset 0 0 28px #69340f59,inset 0 0 0 2px #fff7d28c,0 0 26px #ffb34761}.dial-glass:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 8%,#ffffff47 19%,#0000 35%);position:absolute;inset:0}.scale{border-bottom:2px solid #44311c8c;height:47%;margin:20px 26px 0;position:relative}.scale:before{content:"";background:repeating-linear-gradient(90deg, var(--glass-ink) 0 1px, transparent 1px 4%);opacity:.42;position:absolute;inset:32px 0 0;mask-image:linear-gradient(#000 0 18px,#0000 18px)}.station-mark{top:0;left:var(--x);min-height:44px;color:inherit;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;cursor:pointer;z-index:4;background:0 0;border:0;padding:12px 6px 8px;font-family:DM Mono,monospace;font-size:clamp(8.5px,1.05vw,10.5px);text-decoration:none;position:absolute;translate:-50%}.station-mark:after{content:"";opacity:.38;background:currentColor;width:1px;height:52px;margin:8px auto 0;display:block}.station-mark[aria-current=page]{color:var(--amber-dim);text-shadow:0 0 5px #ffb347e6,0 0 14px #ffb3478c,0 0 24px #c87a2a73;font-weight:700}.station-mark[aria-current=page]:after{background:var(--amber);opacity:.95;box-shadow:0 0 7px #ffb347d9}.station-mark:focus-visible{outline-offset:2px;outline:2px solid #7c2b12}.needle{top:4px;bottom:-12px;left:var(--needle,6%);z-index:3;background:#b21f19;border-radius:5px;width:3px;transition:left .65s cubic-bezier(.3,1.65,.4,1);position:absolute;translate:-50%;box-shadow:0 0 4px #b21f1999,1px 0 #ffffff80}.screen-copy{text-align:center;flex-direction:column;justify-content:center;min-height:48%;padding:clamp(20px,2.7vw,34px);display:flex}.frequency{letter-spacing:.2em;text-transform:uppercase;opacity:.72;margin:0 0 9px;font-family:DM Mono,monospace;font-size:11px}.screen-copy h1{margin:0;font-size:clamp(26px,4vw,50px);font-weight:400;line-height:1}.screen-copy p:last-child{max-width:30ch;margin:13px auto 0;font-size:clamp(13px,1.4vw,17px);font-style:italic}.meter{background:linear-gradient(#f0d89e,#bd8e4d);border:7px solid #25130c;border-radius:18px 18px 12px 12px;justify-content:center;align-self:stretch;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 0 18px #4e290d8c,0 0 13px #ffb34752}.meter-face{border-bottom:2px solid #402612b3;width:76px;height:150px;position:relative}.meter-face:before{content:"SIGNAL";letter-spacing:.12em;color:var(--glass-ink);font:500 8px/1 DM Mono,monospace;position:absolute;bottom:14px;left:50%;translate:-50%}.meter-ticks{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background:repeating-conic-gradient(from 228deg at 50% 100%,#0000 0deg 6deg,#44311ca6 6deg 7deg);border:1px solid #44311c5c;border-bottom:0;border-radius:50% 50% 0 0;position:absolute;inset:18px 6px 40px}.vu-needle{transform-origin:50% 100%;width:2px;height:88px;transform:rotate(var(--vu,-26deg));background:#a41f17;transition:transform .28s;position:absolute;bottom:39px;left:50%;box-shadow:0 0 4px #a41f1773}.controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:clamp(28px,5vw,76px);padding:4px clamp(8px,3vw,32px) 2px;display:grid}.control{justify-items:center;gap:10px;display:grid}.control-label{color:var(--brass-light);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 1px #1b0d08;font-family:DM Mono,monospace;font-size:11px}.knob{--angle:-120deg;appearance:none;aspect-ratio:1;border:6px solid var(--brass-dark);cursor:grab;touch-action:none;color:#0000;background:radial-gradient(circle at 38% 32%, #ffffff52, transparent 10%), repeating-conic-gradient(from 0deg, #ffe08f4d 0 3deg, transparent 3deg 11deg), radial-gradient(circle at 50% 46%, var(--brass-light), var(--brass) 43%, var(--brass-dark) 72%, #2f1909 74%);border-radius:50%;width:clamp(88px,10vw,122px);padding:0;position:relative;box-shadow:inset 0 0 0 4px #ffd37038,inset 5px 7px 10px #ffecab29,inset -8px -10px 13px #2e180799,0 8px 10px #00000073,0 0 0 3px #2b130c,0 0 0 6px #c0852a73}.knob:active{cursor:grabbing;transform:translateY(2px);box-shadow:inset 0 0 0 4px #ffd37038,inset 5px 7px 10px #ffecab29,inset -8px -10px 13px #2e180799,0 4px 6px #0006,0 0 0 3px #2b130c,0 0 0 6px #c0852a73}.knob:before{content:"";transform-origin:50% 126%;width:5px;height:34%;transform:rotate(var(--angle));background:#2c1709;border-radius:4px;transition:transform .18s;position:absolute;top:8%;left:calc(50% - 2.5px);box-shadow:1px 0 #ffe39d99}.knob:focus-visible{outline:3px solid var(--focus);outline-offset:8px}.control-hint{color:#d6b77e;opacity:.74;margin:0;font:10px/1.3 DM Mono,monospace}.power-btn{appearance:none;aspect-ratio:1;border:5px solid var(--brass-dark);cursor:pointer;background:radial-gradient(circle at 38% 32%, #ffffff52, transparent 12%), radial-gradient(circle at 50% 46%, var(--brass-light), var(--brass) 46%, var(--brass-dark) 74%, #2f1909 76%);border-radius:50%;width:68px;padding:0;position:relative;box-shadow:inset 0 0 0 3px #ffd37038,inset -6px -8px 11px #2e180799,0 7px 9px #00000073,0 0 0 3px #2b130c,0 0 0 5px #c0852a73}.power-btn:before{content:"";aspect-ratio:1;border:4px solid #2c1709;border-top-color:#0000;border-radius:50%;width:38%;position:absolute;top:33%;left:31%}.power-btn:after{content:"";background:#2c1709;border-radius:3px;width:4px;height:27%;position:absolute;top:15%;left:calc(50% - 2px);box-shadow:1px 0 #ffe39d8c}.power-btn:active{transform:translateY(2px)}.power-btn:focus-visible{outline:3px solid var(--focus);outline-offset:8px}.radio.on .power-btn{box-shadow:inset 0 0 0 3px #ffd3704d,inset -6px -8px 11px #2e180799,0 7px 9px #00000073,0 0 0 3px #2b130c,0 0 0 5px #c0852a73,0 0 22px 4px #ffb34773}.power-light{aspect-ratio:1;opacity:.55;background:#4a2c14;border-radius:50%;width:9px;position:absolute;bottom:18px;left:50%;translate:-50%}.radio.on .power-light{background:var(--amber-hot);opacity:1;box-shadow:0 0 8px 2px var(--amber), 0 0 22px 5px #ffb34780}.below{background:var(--paper);color:#3a2a18;text-align:center;padding:clamp(44px,7vw,84px) 20px}.below h2{margin:0 0 10px;font-size:clamp(26px,3.4vw,40px);font-weight:400}.below p{margin:0;font-size:clamp(14px,1.6vw,18px);font-style:italic}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.stage{align-items:start;padding:10px 8px 32px}.radio{border-width:10px;border-radius:29px 29px 21px 21px;width:100%;min-height:auto;padding:12px}.face{grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:17px;min-height:auto;padding:12px}.speaker{border-width:6px;border-radius:70px 70px 28px 28px/30px 30px 20px 20px;grid-row:auto;min-height:180px}.speaker:after{width:38%;top:4%;left:31%}.upper{grid-template-columns:minmax(0,1fr) 70px;gap:9px}.dial-glass{border-width:6px;min-height:260px}.scale{margin:13px 10px 0}.station-mark{letter-spacing:.04em;padding-inline:2px;font-size:8px}.station-mark:after{height:42px}.screen-copy{padding:16px 12px}.screen-copy h1{font-size:clamp(26px,9vw,42px)}.meter{border-width:5px}.meter-face{width:52px;height:130px}.meter-ticks{inset-inline:3px}.controls{gap:16px;padding:0 4px 4px}.knob{width:clamp(84px,25vw,104px)}.power-btn{width:60px}.radio:before,.radio:after{height:18px;bottom:-20px}.power-light{bottom:9px}}@media (width<=380px){.station-mark{font-size:7px}.upper{grid-template-columns:minmax(0,1fr) 58px}.meter-face{width:43px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation:none!important}}