@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght,SOFT,WONK@9..144,500..800,0..30,0..1&display=swap');
:root{--ink:#351e29;--wine:#56303c;--cream:#f4ebd5;--coral:#eca0a5;--mint:#a3c9b2;--blue:#8faacf;--brass:#c9ab78}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #728e9e;outline-offset:5px}.skip{position:absolute;top:-80px;z-index:20;background:var(--cream)}.skip:focus{top:5px}header{display:flex;align-items:center;justify-content:space-between;height:106px;padding:12px 5%;border-bottom:1px solid #351e292b}.brand img{width:184px;max-height:78px;object-fit:contain;filter:brightness(0) saturate(100%) invert(12%) sepia(12%) saturate(1800%) hue-rotate(278deg)}nav{display:flex;gap:30px;align-items:center}nav a,nav button,.shop-nav{background:none;border:0;text-decoration:none;font-size:11px}.shop-nav{border:1px solid #351e295c;padding:12px 17px;border-radius:4px}.hero{padding:30px 7% 45px;background:var(--cream);position:relative}.station-bug{font-size:8px;letter-spacing:1.6px;font-weight:600;display:flex;align-items:center;gap:10px}.station-bug i{width:5px;height:5px;background:var(--wine);border-radius:50%;display:inline-block}.show-heading h1{font:700 clamp(50px,7vw,112px)/.95 Fraunces,Georgia,serif;letter-spacing:-5px;margin:25px 0 16px;position:relative}.show-heading h1 small{font:600 10px 'DM Sans',sans-serif;letter-spacing:2px;display:inline-block;writing-mode:vertical-rl;transform:rotate(180deg);margin-right:9px}.show-heading h1 em{font-style:italic;font-weight:500}.asterisk{font-size:60px;color:#a8636d;display:inline-block;margin-left:22px;vertical-align:top}.headline-foot{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.headline-foot p{font:18px Georgia,serif;margin:0}.headline-foot>span{font-size:8px;letter-spacing:1.4px;opacity:.7}.tv-stage{max-width:1120px;margin:auto}.tv{display:grid;grid-template-columns:1fr 150px;gap:22px;padding:28px;background:repeating-linear-gradient(1deg,#573529 0,#654131 2px,#79503a 4px,#573529 6px);border:8px solid #603c2d;border-radius:23px;box-shadow:inset 0 2px 2px #c39a6a88,inset 0 -5px 10px #21100fbb,0 14px 0 #351e2910,0 20px 30px #351e2930;position:relative}.screen-bezel{background:linear-gradient(135deg,#51463d,#211d1c 35%,#342e29);border:5px solid #ad8f6b;border-radius:34px;padding:17px;box-shadow:inset 0 8px 16px #000a,0 2px 2px #231510}.screen{aspect-ratio:4/3;position:relative;overflow:hidden;border-radius:40%/8%;background:#15171a;border:3px solid #15191b;box-shadow:inset 0 0 50px #000b;isolation:isolate}#screen-content{position:absolute;inset:0}.screen:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 30px #0006;background:linear-gradient(130deg,#fff2,transparent 20%,transparent 85%,#0003)}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.06;background:repeating-linear-gradient(0deg,#000 0 1px,transparent 1px 4px)}.tv-controls{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#d2b58e;color:#38261f;padding:22px 14px;border:3px solid #3c291f;box-shadow:inset 1px 1px 5px #f8deb3;border-radius:7px}.tv-name{font:600 12px 'DM Sans',sans-serif;letter-spacing:1px;text-align:center}.tv-name small{display:block;font-size:6px;letter-spacing:1px;margin-top:6px}.dial{border:5px solid #4d3a2d;width:94px;height:94px;border-radius:50%;background:repeating-conic-gradient(#594331 0deg 2deg,#b89a72 2deg 30deg);box-shadow:0 5px 9px #0005,inset 0 0 0 5px #927451;position:relative;transition:transform .25s}.dial:before{content:'';position:absolute;inset:10px;background:linear-gradient(135deg,#7a6045,#342920);border-radius:50%;box-shadow:inset 0 1px 3px #fff5}.dial span{position:absolute;left:39px;top:12px;height:56px;width:8px;border-radius:2px;background:linear-gradient(90deg,#c3ab8b,#6f5942);box-shadow:2px 2px 3px #0007}.dial-caption{font-size:7px;letter-spacing:1px;margin-top:-10px}.speaker{width:100%;height:135px;background:repeating-linear-gradient(0deg,#584936 0 2px,#bda17b 2px 5px);border:1px solid #8b7253;box-shadow:inset 0 1px 5px #0007;border-radius:3px}.power{font-size:8px;letter-spacing:1px;border:0;background:none;display:flex;align-items:center;gap:9px;padding:9px}.power i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8a3b3a;box-shadow:0 0 6px #b65d49}.tv-feet{display:flex;justify-content:space-between;width:74%;margin:auto;height:20px}.tv-feet span{display:block;background:#462c23;width:24px;height:20px;transform:skewX(-18deg)}.tv-feet span:last-child{transform:skewX(18deg)}.channel-switcher{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:14px 0 0}.channel-switcher button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #351e2945;background:transparent;border-radius:4px;padding:14px 8px;font-size:12px;min-height:45px;transition:background .15s}.channel-switcher button span{font:9px 'Courier New',monospace;color:#7e645f}.channel-switcher button[aria-pressed=true]{background:var(--wine);color:var(--cream);border-color:var(--wine)}.channel-switcher button[aria-pressed=true] span{color:var(--coral)}.channel-switcher button:hover{border-color:var(--wine)}.tuning-note{display:flex;align-items:center;justify-content:space-between;margin:17px 0 0;font-size:9px}.tuning-note p{margin:0}.tuning-note>span{font-size:7px;letter-spacing:1.4px;color:#8b706b}.broadcast{height:100%;position:relative;color:#fff6df;background:#739bcb}.broadcast .ident{position:absolute;z-index:2;top:7%;left:7%;font:600 clamp(8px,.8vw,12px) 'DM Sans',sans-serif;letter-spacing:2px}.broadcast .channel-id{position:absolute;right:6%;top:7%;z-index:2;font:clamp(18px,2vw,32px) 'Courier New',monospace}.screen-portrait{position:absolute;right:0;bottom:0;width:48%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal}.music-copy{position:absolute;z-index:1;left:7%;top:23%;width:52%}.music-copy h2{font:700 clamp(24px,4.8vw,68px)/.94 Fraunces,Georgia,serif;letter-spacing:-2px;margin:0 0 16px;text-shadow:0 2px #45638a3b}.music-copy p{font-size:clamp(9px,1vw,14px);line-height:1.5;max-width:210px}.on-screen-action{position:absolute;bottom:7%;left:7%;z-index:4;border:1px solid #fff0ceaa;background:#2c1b27b0;color:#fff2da;padding:11px 15px;font-size:clamp(9px,.9vw,12px);border-radius:3px;text-decoration:none;min-height:40px;display:inline-flex;align-items:center}.screen-caption{position:absolute;bottom:9%;right:6%;font-size:7px;letter-spacing:1.5px;z-index:2}.broadcast .picture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.broadcast .shade{position:absolute;inset:0;background:linear-gradient(0deg,#22111de8,transparent 85%),linear-gradient(180deg,#22111d80,transparent 35%)}.program-copy{position:absolute;left:7%;right:7%;bottom:22%;z-index:1}.program-copy small{font-size:9px;letter-spacing:2px}.program-copy h2{font:700 clamp(26px,4.4vw,62px)/1.02 Fraunces,Georgia,serif;letter-spacing:-1.7px;max-width:520px;margin:12px 0}.program-copy p{font-size:clamp(10px,1.1vw,14px);line-height:1.5;max-width:350px;margin:0}.live-broadcast{background:#527c67}.events-broadcast{background:#a76878}.test-pattern{position:absolute;inset:0;background:linear-gradient(90deg,#e9c1b1 0 16.66%,#a4c9b4 16.66% 33.33%,#8aa9d2 33.33% 50%,#d6b38e 50% 66.66%,#be86a1 66.66% 83.33%,#6b6775 83.33%);opacity:.17}.events-broadcast .program-copy,.live-broadcast .program-copy{bottom:27%}.static{position:absolute;inset:-15%;pointer-events:none;z-index:6;opacity:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23aaa' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:130px 130px;mix-blend-mode:normal;filter:grayscale(1) contrast(3)}.screen.is-tuning .static{opacity:1;animation:snow .08s steps(1) infinite}.screen.is-tuning #screen-content{opacity:.2}@keyframes snow{0%{transform:translate(-3%,2%)}25%{transform:translate(2%,-2%)}50%{transform:translate(-2%,-1%)}75%{transform:translate(3%,1%)}}.off-message{display:none;position:absolute;inset:0;background:#161718;align-items:center;justify-content:center;flex-direction:column;font:10px 'Courier New',monospace;color:#b7b5a3;text-align:center;gap:15px}.off-message span{font-size:9px}.screen.is-off .off-message{display:flex}.screen.is-off #screen-content{visibility:hidden}.channel-guide{background:var(--blue);padding:65px 8% 80px;border-top:1px solid #351e292b}.guide-top{display:grid;grid-template-columns:1fr auto;align-items:end;gap:15px;margin-bottom:38px}.guide-top>p{grid-column:1/-1;font-size:8px;letter-spacing:2px;margin:0}.guide-top h2{font:600 41px/1.1 Fraunces,Georgia,serif;margin:0;letter-spacing:-1.3px}.guide-top h2 em{font-weight:500}.guide-top>span{font-size:8px;line-height:1.8;letter-spacing:1px;text-align:right}.guide-labels,.guide-row{display:grid;grid-template-columns:80px 1fr 1fr 25px;gap:24px;align-items:center}.guide-labels{font-size:8px;letter-spacing:1.4px;padding:12px 18px;border-top:1px solid #351e2975;border-bottom:1px solid #351e2975}.guide-row{width:100%;background:none;border:0;border-bottom:1px solid #351e2945;padding:25px 18px;text-decoration:none;text-align:left;color:inherit}.guide-row.music-row{background:#a5c6bc}.guide-row:hover{background:#f4ebd53d}.guide-row .channel-number{font:italic 35px Fraunces,Georgia,serif;color:#583541}.guide-row small{font-size:8px;letter-spacing:1.5px}.guide-row h3{font:500 26px/1.1 Fraunces,Georgia,serif;letter-spacing:-.6px;margin:9px 0 0}.guide-row p{font-size:12px;line-height:1.6;margin:0}.guide-row b{font-size:24px;font-weight:400}.host{background:var(--coral);display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;padding:75px 10%;align-items:center}.host-photo{position:relative;transform:rotate(-3deg);background:var(--cream);padding:12px 12px 45px;box-shadow:8px 10px #351e2920;max-width:310px}.host-photo img{display:block;width:100%;aspect-ratio:4/4.5;object-fit:cover;object-position:top}.host-photo span{display:block;font:7px 'Courier New',monospace;letter-spacing:1px;position:absolute;bottom:17px;left:20px}.host-copy>p:first-child{font-size:8px;letter-spacing:1.5px}.host-copy h2{font:600 40px/1.1 Fraunces,Georgia,serif;letter-spacing:-1px;margin:24px 0}.host-copy h2 em{font-weight:500}.host-copy>p{font-size:13px;line-height:1.7;max-width:460px}.host-copy button{font-size:11px;background:none;border:0;border-bottom:1px solid #351e2955;padding:8px 0;margin:10px 20px 0 0}.signoff{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:32px 6%;background:var(--mint)}.signoff>span{font-size:9px;letter-spacing:2px}.signoff p{font:italic 21px Georgia,serif;margin:0}.signoff a{font-size:11px;text-decoration:none}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ink);color:var(--cream);padding:25px 5%;font-size:8px;letter-spacing:1px}footer a{text-decoration:none;font-size:9px}
@media(min-width:1500px){.hero{padding-left:10%;padding-right:10%}}
@media(max-width:900px){.tv{grid-template-columns:1fr 105px;gap:15px;padding:20px;border-width:6px}.tv-controls{padding:18px 9px}.dial{width:74px;height:74px}.dial span{left:29px;top:10px;height:43px}.speaker{height:100px}.screen-bezel{padding:12px;border-width:4px}.show-heading h1{letter-spacing:-3px}.asterisk{font-size:42px}.guide-labels,.guide-row{grid-template-columns:50px 1.2fr 1fr 20px;gap:17px}.guide-row h3{font-size:23px}.guide-row p{font-size:11px}.host{padding:60px 8%}.host-copy h2{font-size:32px}}
@media(max-width:600px){header{height:86px;padding:10px 5%}.brand img{width:135px;max-height:65px}nav{gap:0}nav a{font-size:10px}nav button{display:none}.shop-nav{font-size:9px;padding:9px}.hero{padding:24px 5% 30px}.station-bug{font-size:6px;letter-spacing:1px;gap:6px}.station-bug i{width:4px;height:4px}.show-heading h1{font-size:44px;letter-spacing:-2.5px;line-height:1;margin:22px 0 16px}.show-heading h1 small{font-size:7px;margin-right:3px}.show-heading h1 em{display:block;margin-left:25px}.asterisk{position:absolute;right:13px;top:31px;font-size:41px;margin:0}.headline-foot{display:block;margin-bottom:23px}.headline-foot p{font-size:15px}.headline-foot>span{display:block;font-size:6px;letter-spacing:1px;margin-top:10px}.tv{grid-template-columns:1fr;padding:12px 10px 10px;border:5px solid #603c2d;border-radius:15px;gap:9px;box-shadow:0 8px 0 #351e2910,0 14px 25px #351e2920}.screen-bezel{padding:7px;border-width:3px;border-radius:20px}.screen{border-width:2px}.tv-controls{flex-direction:row;padding:4px 7px;height:35px;border-width:1px;gap:10px}.tv-name{font-size:7px;text-align:left;letter-spacing:1px}.tv-name small{font-size:4px;margin-top:3px}.dial{width:27px;height:27px;border-width:2px;box-shadow:none;min-height:27px}.dial:before{inset:3px}.dial span{width:3px;height:15px;left:10px;top:4px}.dial-caption{font-size:5px;margin:0 auto 0 -4px;letter-spacing:.5px}.speaker{display:none}.power{font-size:6px;padding:5px 0;gap:5px;min-height:27px}.power i{height:5px;width:5px}.tv-feet{height:14px}.tv-feet span{width:16px;height:14px}.channel-switcher{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.channel-switcher button{font-size:11px;padding:12px 7px;gap:7px}.channel-switcher button span{font-size:8px}.tuning-note{font-size:8px;line-height:1.4;gap:20px}.tuning-note>span{font-size:5px;letter-spacing:.7px;text-align:right}.music-copy{top:24%;left:7%}.music-copy h2{font-size:30px;letter-spacing:-1px}.music-copy p{font-size:8px;max-width:120px;margin-top:0}.broadcast .ident{font-size:6px;letter-spacing:1.2px}.broadcast .channel-id{font-size:17px}.screen-caption{font-size:4px;letter-spacing:.6px}.on-screen-action{font-size:8px;padding:8px 10px;min-height:34px;bottom:6%}.program-copy{bottom:24%}.program-copy h2{font-size:27px;letter-spacing:-.8px}.program-copy small{font-size:6px;letter-spacing:1px}.program-copy p{font-size:9px;max-width:210px}.events-broadcast .program-copy,.live-broadcast .program-copy{bottom:27%}.guide-top{display:block}.guide-top h2{font-size:31px;margin-top:20px;letter-spacing:-.7px}.guide-top>span{display:none}.channel-guide{padding:35px 6% 45px}.guide-labels{grid-template-columns:35px 1fr;padding:11px 0;gap:15px;font-size:7px}.guide-labels>span:nth-child(n+3){display:none}.guide-row{grid-template-columns:35px 1fr 18px;gap:15px;padding:22px 0}.guide-row h3{font-size:23px}.guide-row small{font-size:7px;letter-spacing:1px}.guide-row .channel-number{font-size:24px}.guide-row p{grid-column:2;line-height:1.5;font-size:10px;margin-top:-5px}.guide-row p br{display:none}.guide-row b{grid-column:3;grid-row:1;align-self:center;font-size:20px}.guide-row.music-row{padding-left:8px;padding-right:8px;margin-left:-8px;width:calc(100% + 16px)}.host{display:block;padding:40px 8%}.host-photo{width:175px;margin:0 0 35px 5px;padding:8px 8px 35px}.host-photo span{font-size:5px;bottom:12px;left:12px}.host-copy h2{font-size:30px;margin:20px 0}.host-copy>p{font-size:12px}.signoff{flex-wrap:wrap;padding:25px 6%;gap:16px}.signoff>span{font-size:7px}.signoff p{font-size:17px}.signoff a{font-size:10px}footer{font-size:6px;padding:22px 6%;gap:16px;flex-wrap:wrap}footer>span:nth-child(2){display:none}footer a{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.screen.is-tuning .static{display:none}}

dialog{border:1px solid #bca07855;background:#eee3cd;color:var(--ink);width:min(960px,92vw);max-height:88vh;padding:0;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#170b10cc;backdrop-filter:blur(6px)}.dialog-top{padding:16px 30px;border-bottom:1px solid #80665444;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#eee3cd;z-index:2;font-size:8px;letter-spacing:1.5px}.close{border:0;background:none;font-size:30px;line-height:1}#panel-content{padding:35px 40px 45px}#panel-content h2{font:48px/1.1 Italiana,Georgia,serif;margin:10px 0 20px}#panel-content .eyebrow{font-size:9px;letter-spacing:1.6px;color:#806654}#panel-content p{font-size:14px;line-height:1.7;max-width:670px}.panel-link{display:inline-block;text-decoration:none;border-bottom:1px solid #806654;margin:8px 20px 22px 0;padding-bottom:6px;font-size:12px}.reel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.reel-card{display:block;position:relative;aspect-ratio:3/4;overflow:hidden}.reel-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.reel-card:hover img{transform:scale(1.035)}.reel-card span{position:absolute;right:10px;top:8px;color:white;font-size:20px;text-shadow:0 1px 5px #000}.vlog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 16px}.vlog-card{text-decoration:none;display:block}.vlog-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.vlog-card strong{font:18px/1.3 Georgia,serif;display:block;margin:12px 0 6px}.vlog-card small{font-size:8px;letter-spacing:1px;color:#806654}.more{background:var(--wine);color:var(--cream);border:0;padding:13px 23px;margin:30px 0;font-size:12px}.profile{width:140px;height:180px;object-fit:cover;float:right;margin:0 0 20px 25px}.music-note{display:flex;align-items:center;gap:22px;border-top:1px solid #80665444;border-bottom:1px solid #80665444;padding:25px 0;margin:25px 0}.disc{width:100px;height:100px;border-radius:50%;background:repeating-radial-gradient(#211b1b 0 2px,#393030 3px 4px);position:relative;flex-shrink:0}.disc:after{content:'P';position:absolute;inset:32px;background:#8d5260;border-radius:50%;display:grid;place-items:center;color:var(--cream);font:20px Georgia,serif}.music-note strong{font:26px Georgia,serif;display:block}.music-note small{font-size:10px;display:block;margin-top:9px}.menu-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.menu-list button,.menu-list a{display:block;background:none;border:0;border-top:1px solid #80665455;padding:22px 0;text-align:left;text-decoration:none;color:inherit;font:24px Georgia,serif}.menu-list small{display:block;font:10px Arial;margin-top:8px;color:#806654}.quiet{font-size:11px!important;color:#806654}.replay-empty{border:1px solid #80665444;padding:20px;margin:15px 0}.replay-empty h3{font:23px Georgia,serif}

@media(max-width:600px){#panel-content{padding:25px 20px 32px}.dialog-top{padding:12px 20px;font-size:7px}#panel-content h2{font-size:36px}#panel-content p{font-size:13px}.reel-grid{gap:4px}.vlog-grid{grid-template-columns:1fr}.profile{width:100px;height:135px;margin-left:15px}.music-note strong{font-size:21px}.disc{width:80px;height:80px}.disc:after{inset:24px}}

@media(max-width:600px){.tv-controls{height:54px}.dial{width:44px;height:44px;min-width:44px;min-height:44px;border-width:3px}.dial:before{inset:5px}.dial span{left:17px;top:6px;height:27px;width:4px}.power{min-height:44px;min-width:55px}.on-screen-action{min-height:44px;padding:10px;font-size:8px}}
/* A clipped display cannot scroll its contents when a control receives focus. */
.screen{overflow:clip!important}#screen-content,.broadcast{position:absolute;inset:0;width:100%;height:100%;min-height:100%}
/* The real cabinet is a generated photograph; content follows its glass opening. */
.tv.photo-tv{display:block;aspect-ratio:5056/3392;position:relative;padding:0;border:0;background:none;border-radius:0;box-shadow:none}.photo-tv .cabinet-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.photo-tv .screen-bezel{position:absolute;left:17.2%;top:16.7%;width:52.3%;height:63.7%;padding:0;border:0;background:none;box-shadow:none;border-radius:0}.photo-tv .screen{position:relative;inset:0;width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;clip-path:url(#crt-shape);box-shadow:none;overflow:clip!important}.photo-tv .screen:after{box-shadow:inset 0 0 35px #0008;background:linear-gradient(125deg,#e5eeff19,transparent 30%,transparent 75%,#0003)}.photo-tv .tv-controls{position:absolute;inset:0;height:auto;display:block;padding:0;border:0;background:none;box-shadow:none;border-radius:0;pointer-events:none}.photo-tv .tv-name,.photo-tv .dial-caption,.photo-tv .speaker{display:none}.photo-tv .dial,.photo-tv .power{position:absolute;left:76.5%;width:8.5%;height:13%;padding:0;border:0;min-height:0;min-width:0;border-radius:50%;background:none;box-shadow:none;pointer-events:auto;font-size:0}.photo-tv .dial{top:17.5%}.photo-tv .power{top:32%}.photo-tv .dial:before,.photo-tv .dial span,.photo-tv .power i{display:none}.photo-tv .dial:hover,.photo-tv .power:hover{background:#fff2}.tv-feet{display:none}.photo-tv .screen-content{overflow:clip}.photo-tv .scanlines{opacity:.045}.tv-stage{max-width:1050px}.photo-tv .music-copy h2{font-size:clamp(26px,4.6vw,62px)}
@media(max-width:600px){.photo-tv .dial,.photo-tv .power{width:44px;height:44px;min-width:44px;min-height:44px;left:calc(80.8% - 22px)}.photo-tv .dial{top:calc(23.4% - 22px)}.photo-tv .power{top:calc(37.8% - 22px)}.photo-tv .music-copy h2{font-size:22px;letter-spacing:-.6px;line-height:.95}.photo-tv .music-copy p,.photo-tv .program-copy p{display:none}.photo-tv .music-copy{top:24%}.photo-tv .program-copy h2{font-size:19px;letter-spacing:-.5px;margin:8px 0}.photo-tv .program-copy,.photo-tv .events-broadcast .program-copy,.photo-tv .live-broadcast .program-copy{bottom:38%}.photo-tv .program-copy small{font-size:5px;letter-spacing:.6px}.photo-tv .broadcast .ident{font-size:4px;letter-spacing:.7px}.photo-tv .broadcast .channel-id{font-size:12px}.photo-tv .screen-caption{display:none}.photo-tv .on-screen-action{font-size:7px;min-height:44px;padding:8px;bottom:5%}.channel-switcher{margin-top:2px}}
.photo-tv .cabinet-art{mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 95%,transparent);mask-composite:intersect}

/* Preserve Fraunces while disabling its intentionally wonky letter variants in the guide. */
.guide-top h2,.guide-row h3{font-optical-sizing:none;font-variation-settings:"opsz" 24,"SOFT" 30,"WONK" 0}

/* Keep the same serif family, using its crisp text-size letterforms in the guide. */
.guide-top h2,.guide-row h3{font-optical-sizing:none;font-variation-settings:"opsz" 9,"SOFT" 0,"WONK" 0}
.show-heading h1.late-night-title{margin:24px 0 16px;display:flex;align-items:center;position:relative;gap:24px;flex-wrap:wrap;letter-spacing:normal}.late-night-title .late-night-kicker{font:600 15px 'DM Sans',Arial,sans-serif;letter-spacing:5px;display:block;width:100%;margin:0 0 -5px}.late-night-title img{width:clamp(300px,39vw,560px);max-height:190px;object-fit:contain;object-position:left;filter:brightness(0) saturate(100%) invert(12%) sepia(12%) saturate(1800%) hue-rotate(278deg)}.late-night-title .asterisk{margin:0;font-size:58px;position:static;align-self:center}
@media(max-width:600px){.show-heading h1.late-night-title{gap:12px;margin:23px 0 18px}.late-night-title .late-night-kicker{font-size:10px;letter-spacing:3px;margin-bottom:-2px}.late-night-title img{width:calc(100% - 60px);min-width:0;max-height:115px}.late-night-title .asterisk{font-size:36px}.photo-tv .broadcast .ident{font-size:3.8px;letter-spacing:.4px}}
.show-heading h1.late-night-title{justify-content:center;gap:12px;text-align:center}.late-night-title .late-night-kicker{font-size:clamp(24px,2.4vw,34px);font-weight:700;letter-spacing:6px;line-height:1.2;text-align:center;margin:0 0 2px}.late-night-title img{object-position:center}.late-night-title .asterisk{position:absolute;right:10%;top:48%;font-size:48px}
@media(max-width:600px){.show-heading h1.late-night-title{gap:10px;margin-top:24px}.late-night-title .late-night-kicker{font-size:20px;letter-spacing:3.5px;margin:0}.late-night-title img{width:calc(100% - 55px);max-height:120px}.late-night-title .asterisk{font-size:28px;right:0;top:53%}}

/* A compact program recommendation beneath the physical channel buttons. */
.feature-strip{display:flex;align-items:stretch;gap:16px;margin:22px auto 0;max-width:1040px}
.feature-pick{flex:1;min-width:0;display:flex;align-items:center;gap:18px;text-align:left;background:#eee2cb;border:1px solid #351e2933;border-radius:4px;padding:14px;color:#351e29;cursor:pointer}
.feature-pick img{width:108px;aspect-ratio:16/9;object-fit:cover;border-radius:2px}
.feature-pick span{display:grid;gap:5px}
.feature-pick small{font:700 10px 'DM Sans',sans-serif;letter-spacing:2px}
.feature-pick strong{font:600 19px/1.2 'Fraunces',serif}
.feature-pick em{font:500 12px 'DM Sans',sans-serif;font-style:normal}
.surprise-pick{background:#351e29;color:#fff3da;border:1px solid #351e29;border-radius:4px;padding:18px 26px;font:600 15px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}
.surprise-pick span{display:inline-block;font-size:25px;margin-left:10px;vertical-align:middle}
.feature-pick:hover{background:#f4ddcf}.surprise-pick:hover{background:#633748}
.feature-pick:focus-visible,.surprise-pick:focus-visible{outline:3px solid #b35d54;outline-offset:4px}
.episode-broadcast .program-copy{bottom:24%;max-width:88%}
.episode-broadcast .program-copy h2{font-size:clamp(20px,3.2vw,46px);line-height:1.03}
@media(max-width:600px){.feature-strip{gap:10px;flex-direction:column;margin-top:16px}.feature-pick{gap:12px;padding:12px}.feature-pick img{width:85px}.feature-pick strong{font-size:17px}.surprise-pick{padding:12px}.episode-broadcast .program-copy h2{font-size:18px}.episode-broadcast .program-copy small{font-size:7px}}
@media(max-width:600px){.photo-tv .episode-broadcast .program-copy{bottom:33%;max-width:86%}.photo-tv .episode-broadcast .program-copy h2{font-size:14px;line-height:1.06;margin:5px 0;letter-spacing:-.2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.photo-tv .episode-broadcast .program-copy small{font-size:5px}}

/* Stationary print grain ties the colored sections to the retro television. */
.hero,.channel-guide,.host,.signoff{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.64' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.42'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-repeat:repeat;background-size:240px 240px}

/* Personality leads; the invitation to a DJ night follows. */
.station-bug i{width:7px;height:7px;background:#ba443f;box-shadow:0 0 0 4px #ba443f17}
.hero-invitation{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1050px;margin:28px auto 0;border-top:1px solid #351e2933;padding-top:24px}
.hero-invitation>p{font:600 clamp(28px,3.5vw,46px)/1.08 Fraunces,Georgia,serif;margin:0;letter-spacing:-1px}
.hero-invitation>p em{color:#a64e59}.hero-invitation>div{display:flex;gap:12px;flex-wrap:wrap}
.primary-invite,.secondary-invite{padding:16px 21px;border-radius:3px;font-size:13px;font-weight:600;border:1px solid var(--wine)}
.primary-invite{background:var(--wine);color:var(--cream)}.secondary-invite{background:transparent}
.primary-invite:hover{background:#753f50}.secondary-invite:hover{background:#eca0a533}
.welcome-montage{position:absolute;inset:0;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:3px;transform:scale(1.04)}
.welcome-montage img{width:100%;height:100%;min-width:0;object-fit:cover}.welcome-montage img:first-child{object-position:40% center}.welcome-montage img:nth-child(2){transform:rotate(-3deg) scale(1.08)}
.welcome-broadcast .shade{background:linear-gradient(0deg,#1e0b1cef 0%,#1e0b1c40 75%)}
.welcome-live{position:absolute;right:7%;top:7%;font-size:8px;letter-spacing:1.5px;color:#fff1cd}
.welcome-broadcast .program-copy{bottom:25%}.welcome-broadcast .program-copy h2{font-size:clamp(28px,4.4vw,62px)}
.dj-invitation{display:grid;grid-template-columns:1.4fr 1fr;gap:7%;align-items:center;padding:70px 8%;background:var(--wine);color:var(--cream);overflow:hidden}
.dj-eyebrow{font-size:10px;letter-spacing:2px;color:var(--coral)}.dj-copy h2{font:600 clamp(32px,4vw,56px)/1.08 Fraunces,Georgia,serif;letter-spacing:-1px;margin:23px 0}.dj-copy h2 em{color:var(--coral)}
.dj-copy>p{max-width:490px;font-size:14px;line-height:1.7;color:#f4ebd5cf}.dj-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 18px}.dj-actions button{padding:14px 19px;background:var(--coral);border:1px solid var(--coral);border-radius:3px;font-size:13px;font-weight:600;color:var(--ink)}.dj-actions button+button{background:none;color:var(--cream);border-color:#f4ebd560}.dj-copy>small{font-size:11px;color:#f4ebd5a6}
.record-sleeve{aspect-ratio:1;position:relative;background:var(--blue);color:var(--ink);transform:rotate(6deg);padding:22px;box-shadow:12px 16px 0 #1e0b1c33;max-width:380px;width:100%;justify-self:center}
.sleeve-label{position:relative;z-index:1;font-size:12px;font-weight:700;letter-spacing:2px;line-height:1.5}.large-record{position:absolute;width:82%;height:82%;border-radius:50%;right:-16%;top:13%;background:repeating-radial-gradient(circle,#201a21 0 2px,#332b33 3px,#201a21 4px);box-shadow:3px 4px 10px #0005;display:grid;place-items:center}.large-record>span{width:33%;height:33%;display:grid;place-content:center;text-align:center;background:var(--coral);border-radius:50%;font:700 34px Fraunces,serif}.large-record i{font:600 7px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:7px}.sleeve-bottom{position:absolute;bottom:22px;left:22px;font-size:8px;letter-spacing:1.8px}
.show-status{border:1px solid #351e2933;background:#a3c9b244;padding:22px;margin:24px 0}.show-status p{margin-bottom:0}
@media(max-width:600px){.hero-invitation{display:block;padding-top:20px}.hero-invitation>p{font-size:32px}.hero-invitation>div{margin-top:18px;gap:8px}.primary-invite,.secondary-invite{padding:13px 14px;font-size:11px}.photo-tv .welcome-broadcast .program-copy{bottom:33%}.photo-tv .welcome-broadcast .program-copy h2{font-size:22px;line-height:1;margin:5px 0}.welcome-live{font-size:4px;letter-spacing:.6px}.dj-invitation{grid-template-columns:1fr;padding:44px 7%;gap:38px}.dj-copy h2{font-size:35px}.record-sleeve{width:70%;max-width:280px;margin-bottom:15px}.large-record>span{font-size:26px}}
@media(prefers-reduced-motion:no-preference){.station-bug i{animation:on-air 3s ease-in-out infinite}@keyframes on-air{50%{box-shadow:0 0 0 6px #ba443f09}}}
.large-record{transform:rotate(var(--record-turn,0deg));will-change:transform;box-shadow:0 2px 2px #0009,3px 7px 12px #0008}
.large-record::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff33;pointer-events:none}
.host-photo{transform:rotate(var(--photo-turn,-3deg));will-change:transform;box-shadow:1px 2px 3px #351e2933,8px 18px 24px #351e2944}
@media(prefers-reduced-motion:reduce){.large-record,.host-photo{will-change:auto}}
/* Photographic materials, with live HTML content above them. */
.large-record{background:#171419 url('assets/vinyl-real.webp') center/118% 118% no-repeat}
.large-record>span{background:transparent;color:var(--ink)}
.record-sleeve{background:linear-gradient(110deg,#ffffff22,transparent 45%,#351e291c),var(--blue);box-shadow:1px 2px 3px #0005,10px 18px 28px #15071155}
.host-photo{aspect-ratio:1005/1253;padding:0;background:url('assets/polaroid-real.webp') center/136% 145.5% no-repeat;border-radius:3px;max-width:340px;width:100%;box-shadow:1px 3px 4px #351e2922,9px 20px 25px #351e293b}
.host-photo img{position:absolute;left:6.5%;top:5.9%;width:87.2%;height:73.2%;aspect-ratio:auto;object-fit:cover;object-position:top;filter:sepia(.15) saturate(.84) contrast(.92) brightness(1.06)}
.host-photo::after{content:"";position:absolute;left:6.5%;top:5.9%;width:87.2%;height:73.2%;background:linear-gradient(120deg,#fff5,transparent 40%,#f0c59412);box-shadow:inset 0 0 3px #351e2944;pointer-events:none}
.host-photo span{left:10%;bottom:9%;font:italic 12px 'Fraunces',serif;letter-spacing:.5px;transform:rotate(-2deg);max-width:80%}
@media(max-width:600px){.host-photo{width:220px;margin:0 auto 38px}.host-photo span{font-size:8px}.record-sleeve{width:74%}}



/* Original magazine collage layout with selected photo substitutions. */
.collage-guide{position:relative;isolation:isolate;overflow:hidden;background:#221b1a url('assets/collage-wallpaper-tall.webp') center top/100% 100% no-repeat;padding:420px 15% 80px}
.reel-wallpaper{position:absolute;inset:0;z-index:-1;pointer-events:none}
.wallpaper-photo{position:absolute;width:18%;height:245px;padding:7px;background:#ead7ae;transform:rotate(var(--tilt));box-shadow:1px 4px 14px #0008;clip-path:polygon(1% 0,24% 1%,45% 0,68% 1%,99% 0,100% 19%,99% 41%,100% 65%,99% 99%,75% 100%,52% 99%,26% 100%,0 98%,1% 76%,0 50%,1% 26%)}
.wallpaper-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 35%;filter:sepia(.28) saturate(.8) contrast(1.08)}
.wallpaper-photo:nth-child(-n+4){width:21%;height:190px}.wallpaper-photo:nth-child(1){left:1%;top:20px}.wallpaper-photo:nth-child(2){right:1%;top:20px}.wallpaper-photo:nth-child(3){left:5%;top:210px}.wallpaper-photo:nth-child(4){right:5%;top:210px}
.wallpaper-photo:nth-child(5){left:-3%;top:365px}.wallpaper-photo:nth-child(6){right:-3%;top:440px}.wallpaper-photo:nth-child(7){left:-2%;top:665px}.wallpaper-photo:nth-child(8){right:-2%;top:740px}.wallpaper-photo:nth-child(9){left:-3%;top:965px}.wallpaper-photo:nth-child(10){right:-3%;top:1040px}.wallpaper-photo:nth-child(11){left:0;top:1265px}.wallpaper-photo:nth-child(12){right:0;top:1340px}
.collage-guide .guide-top{position:relative;background:#f4ebd5;padding:28px;box-shadow:2px 5px 12px #0005;transform:rotate(-1deg);margin-bottom:28px}
.collage-guide .guide-labels{background:#f4ebd5;padding:12px 18px;border:0;margin-bottom:10px}
.collage-guide .guide-row{background:#f4ebd5f5;margin:12px 0;border:1px solid #351e2922;box-shadow:2px 3px 8px #0003;padding:23px 18px;transition:transform .18s ease,background .18s ease}
.collage-guide .guide-row.music-row{background:#a3c9b2}.collage-guide .guide-row:hover{background:#fff4db;transform:translateY(-2px)}
@media(max-width:600px){.collage-guide{padding:320px 6% 45px;background-size:auto 100%;background-position:center top}.wallpaper-photo{width:23%;height:190px;padding:5px}.wallpaper-photo:nth-child(-n+4){width:28%;height:140px}.wallpaper-photo:nth-child(1){left:0;top:15px}.wallpaper-photo:nth-child(2){right:0;top:15px}.wallpaper-photo:nth-child(3){left:4%;top:170px}.wallpaper-photo:nth-child(4){right:4%;top:170px}.collage-guide .guide-top{padding:22px 18px}.collage-guide .guide-top h2{margin-top:15px;font-size:33px}.collage-guide .guide-row{padding:20px 13px}.collage-guide .guide-row.music-row{margin-left:0;width:100%}.collage-guide .guide-row h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.collage-guide .guide-row{transition:none}}

.wallpaper-photo:nth-child(13){left:41%;top:220px;width:19%;height:190px;transform:rotate(-4deg)}
@media(max-width:600px){.wallpaper-photo:nth-child(13){left:36%;top:170px;width:28%;height:140px}}

.large-record>.record-label{width:36%;height:36%;display:grid;place-items:center;place-content:normal;background:#000;overflow:hidden;border-radius:50%;box-shadow:0 0 0 1px #0008}
.record-label img{display:block;width:92%;height:92%;object-fit:contain}

.sleeve-label{display:block;width:33%;line-height:1}
.sleeve-label img{display:block;width:100%;height:auto;filter:url(#logo-ink)}
.sleeve-bottom{font:400 10px 'DM Sans',sans-serif;letter-spacing:3px}
@media(max-width:600px){.sleeve-bottom{font-size:8px;letter-spacing:2px}}

.events-broadcast{background:#2c1824}
.events-logo{position:absolute;left:20%;top:9%;width:76%;height:76%;object-fit:contain;filter:url(#logo-pink);opacity:.65;pointer-events:none}

.events-broadcast .event-photo{object-position:55% center}
.events-broadcast .shade{background:linear-gradient(0deg,#1e0b1cee,transparent 88%)}
.events-broadcast .events-logo{left:46%;top:7%;width:48%;height:48%;opacity:.9}

@media(max-width:600px){.collage-guide .music-row p br{display:block}}


/* YouTube HQ files include 45px black bands inside the 480x360 bitmap. */
.travel-broadcast .picture,.travel-episode .picture{transform:scale(1.35);transform-origin:center}
.host-copy .booking-link{display:inline-block;text-decoration:none;font-size:11px;background:none;border:0;border-bottom:1px solid #351e2955;padding:8px 0;margin:10px 20px 0 0}

/* Keep the entire 16:9 content visible, with a soft fill rather than black bands. */
.vlog-fill{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;transform:scale(1.35);filter:blur(12px) brightness(.65);pointer-events:none}
.travel-broadcast .vlog-picture,.travel-episode .vlog-picture{left:0;right:0;top:0;width:100%;height:100%;transform:none;z-index:0}

/* Vector marks render consistently on phones without emoji substitution. */
.ui-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.late-night-title .asterisk svg{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2.5}
@media(min-width:601px){.collage-guide{background-size:cover;background-position:center top}}
@media(max-width:600px){.collage-guide{padding-top:230px}}

.tuning-note{gap:14px;flex-wrap:wrap}
#tuning-sound{background:none;color:inherit;border:0;border-bottom:1px solid #351e2944;padding:5px 0;font:500 10px 'DM Sans',sans-serif;white-space:nowrap}
@media(max-width:600px){#tuning-sound{font-size:9px}}

/* Screen blending keeps the supplied neon K and removes its black backdrop. */
.kick-screen-logo{position:absolute;right:1%;top:17%;width:53%;height:69%;object-fit:contain;mix-blend-mode:screen;opacity:.8;pointer-events:none}

#panel-content .music-panel-brand{margin:0 0 18px} .music-panel-brand img{display:block;width:260px;max-width:75%;height:auto;filter:url(#logo-pink)} .spotify-playlist{margin:26px 0 12px} .spotify-playlist iframe{display:block;width:100%;height:352px}

/* Panel headings receive focus for screen readers, without a visual control outline. */
#panel-title:focus{outline:none}