:root{--cream:#f7e6c3;--gold:#d5a55e;--ink:#241b15;--line:rgba(221,177,109,.28);--sky-shade:rgba(37,24,15,.26)}*{box-sizing:border-box}html{min-height:100%;background:#251b13}body{margin:0;color:var(--cream);font-family:Georgia,'Times New Roman',serif;min-height:100vh;overflow-x:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button,a{color:inherit}a{text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f4cb85;outline-offset:5px}button{border:0}.landscape{position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(21,19,17,.33),var(--sky-shade) 35%,rgba(21,16,12,.94)),url('/images/achtergrond.jpg') center/cover no-repeat;transition:filter 3s,background-color 3s}body.is-night .landscape{filter:brightness(.65) saturate(.75)}body.weather-rain .landscape,body.weather-storm .landscape{filter:saturate(.45) brightness(.65)}.wrap{max-width:1140px;margin:auto;padding:0 38px;position:relative;z-index:3}header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:57px;height:57px;object-fit:contain;border-radius:50%;border:1px solid var(--gold)}.brand span{font-size:20px;letter-spacing:.07em;font-weight:bold}.brand small{display:block;font:10px/1.6 system-ui,sans-serif;letter-spacing:.27em;color:var(--gold);margin-top:4px}.request-link{font:12px system-ui,sans-serif;letter-spacing:.05em;border:1px solid var(--line);padding:12px 17px;border-radius:4px}.request-link span{margin-left:15px;color:var(--gold)}.hero{padding:53px 0 34px;text-align:center;text-shadow:0 3px 22px #21160e}.eyebrow{font:10px/1.6 system-ui,sans-serif;font-weight:650;letter-spacing:.19em;margin:0;color:var(--gold)}.hero .eyebrow span{margin:0 12px}.hero h1{font-size:clamp(44px,5.6vw,72px);line-height:1.05;letter-spacing:-.035em;font-weight:normal;margin:17px 0}.hero h1 em{color:#e4bc7b}.hero>p:last-child{font:14px/1.7 system-ui,sans-serif;color:#e3d2b9;margin:16px 0 0}.radio-card{display:grid;grid-template-columns:290px 1fr;border:1px solid #997144;border-radius:8px;background:linear-gradient(115deg,#37271d,#241c16);box-shadow:0 22px 60px #100a0780;overflow:hidden;position:relative}.radio-card:before{content:'';position:absolute;inset:5px;border:1px solid var(--line);border-radius:4px;pointer-events:none}.cover{position:relative;min-height:310px;background:#473021;overflow:hidden}.cover-art{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.6}.cover.has-art .cover-art{opacity:1}.cover-logo{position:absolute;inset:20%;width:60%;height:60%;object-fit:contain;filter:drop-shadow(0 5px 20px #120805)}.cover.has-art .cover-logo{display:none}.cover-stamp{position:absolute;bottom:18px;left:18px;padding:7px 10px;border:1px solid #fff5d47a;background:#211811b5;color:#fff0cf;font:9px/1.5 system-ui,sans-serif;letter-spacing:.23em}.player-content{padding:30px 34px 24px;min-width:0}.player-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.station-badge{font:9px system-ui,sans-serif;letter-spacing:.12em;color:#d8c6ab;white-space:nowrap;border:1px solid var(--line);padding:6px 8px}.np-label{display:block;font:9px system-ui,sans-serif;letter-spacing:.2em;color:#ab9579;margin-top:25px}#spotify-text{font-size:clamp(21px,2.5vw,31px);line-height:1.22;font-weight:normal;margin:8px 0 25px;overflow-wrap:anywhere;min-height:38px}.controls{display:flex;align-items:center;gap:18px}#playBtn{width:64px;height:64px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#e8c589,#bd873f);color:#302115;font:23px system-ui,sans-serif;box-shadow:0 0 0 5px #d0a05816;transition:transform .2s}#playBtn:hover{transform:scale(1.05)}.play-description strong{display:block;font-size:17px;font-weight:normal}.play-description span{display:block;font:11px/1.5 system-ui,sans-serif;color:#bda98d;margin-top:5px}.player-bottom{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:25px;padding-top:18px}.vol{display:flex;align-items:center;gap:13px}.vol span{font:9px system-ui,sans-serif;letter-spacing:.14em;color:#bda98d}.vol input{width:115px;accent-color:#d5a55e;height:20px;cursor:pointer}#muteBtn{color:#d5a55e;background:transparent;font:19px system-ui,sans-serif;padding:2px 6px}.sound-note{margin-left:auto;font:10px/1.5 system-ui,sans-serif;color:#a08b70}.weather-card{display:flex;align-items:center;gap:26px;margin-top:18px;padding:21px 25px;background:#211b16e6;border:1px solid var(--line);border-radius:6px}.weather-title{display:flex;align-items:center;gap:12px}.weather-title>span{font-size:33px;color:var(--gold)}.weather-title h2{font-weight:normal;font-size:19px;margin:3px 0 0}.weather-reading{display:flex;align-items:center;gap:14px}.weather-reading strong{font-size:34px;font-weight:normal;white-space:nowrap}.weather-reading>span{font:11px/1.5 system-ui,sans-serif;max-width:115px;color:#d2c0a7}.weather-details{display:flex;flex-direction:column;gap:4px;font:10px/1.5 system-ui,sans-serif;color:#b9a58a}.weather-details small{font-size:9px;color:#897963}.weather-actions{margin-left:auto;display:flex;flex-direction:column;gap:6px}.weather-actions button{font:10px system-ui,sans-serif;background:transparent;border:1px solid var(--line);border-radius:3px;padding:8px 12px;white-space:nowrap}.weather-actions button:hover{background:#d5a55e20}.request-card{display:flex;align-items:center;gap:23px;padding:28px 10px;margin-top:10px}.request-star{font-size:38px;color:var(--gold)}.request-card h2{font-size:23px;font-weight:normal;margin:6px 0}.request-card p:last-child{font:11px/1.6 system-ui,sans-serif;color:#bba98c;margin:0}.request-card a{margin-left:auto;border-bottom:1px solid #ad834c;font:12px system-ui,sans-serif;padding:12px 0;color:#e6c48d}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:23px 0 28px;font:9px/1.6 system-ui,sans-serif;color:#ad987c}footer>span:nth-child(2){letter-spacing:.13em}footer a{text-decoration:underline}.promo-popup{position:fixed;right:25px;bottom:25px;z-index:20;background:#f0dfb9;color:#34271b;padding:24px;border:4px double #a1733f;border-radius:5px;box-shadow:0 14px 50px #0008;width:min(310px,calc(100vw - 36px));opacity:0;visibility:hidden;transform:translateY(16px);transition:.3s}.promo-popup.is-visible{opacity:1;visibility:visible;transform:none}.promo-popup p{font:12px system-ui,sans-serif}.promo-popup a{font:12px system-ui,sans-serif;text-decoration:underline}#promoClose{position:absolute;top:4px;right:7px;background:transparent;font-size:22px}#weatherFx{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.sun,.moon{position:absolute;right:15%;top:13%;border-radius:50%;opacity:0;transition:opacity 3s}.sun{width:85px;height:85px;background:#ffdc9380;box-shadow:0 0 100px 70px #edb65838}.weather-clear:not(.is-night) .sun{opacity:1}.moon{width:48px;height:48px;box-shadow:inset -12px -5px #f7e5bc88,0 0 50px #fff3;transform:rotate(-20deg)}.is-night .moon{opacity:1}.clouds{position:absolute;inset:-20%;background:radial-gradient(ellipse at 22% 28%,#d5d4c33d,transparent 25%),radial-gradient(ellipse at 75% 20%,#b6b9b53d,transparent 28%);filter:blur(20px);opacity:0;animation:drift 36s ease-in-out infinite alternate;transition:opacity 3s}.weather-cloudy .clouds,.weather-rain .clouds,.weather-storm .clouds{opacity:1}.fog{position:absolute;inset:-25%;background:radial-gradient(ellipse at 35% 60%,#e6e3d45c,transparent 40%),radial-gradient(ellipse at 80% 70%,#dedcc546,transparent 36%);filter:blur(25px);opacity:0;animation:drift 24s ease-in-out infinite alternate}.weather-fog .fog{opacity:1}#rainCanvas{width:100%;height:100%}.effects-off #weatherFx{display:none}@keyframes drift{from{transform:translateX(-5%)}to{transform:translateX(5%)}}
#saloon-intro[hidden]{display:none}#saloon-intro{position:fixed;inset:0;z-index:100;background:#160e08;perspective:1200px;overflow:hidden;transition:opacity .7s}.intro-backdrop{position:absolute;inset:0;background:linear-gradient(#140d0866,#140d08bb),url('/images/achtergrond.jpg') center/cover;filter:sepia(.2)}.saloon-sign{position:absolute;top:9%;left:50%;transform:translateX(-50%) rotate(-1deg);width:min(680px,85vw);text-align:center;padding:24px;border:5px double #a9753e;background:linear-gradient(110deg,#342015,#593a23,#2d1c12);box-shadow:0 10px 45px #0009;color:#efd29a}.saloon-sign span,.saloon-sign small{display:block;font:10px system-ui,sans-serif;letter-spacing:.28em}.saloon-sign strong{display:block;font-size:clamp(35px,6vw,68px);letter-spacing:.07em;margin:8px 0}.doorframe{position:absolute;width:min(700px,88vw);height:45vh;top:38%;left:50%;transform:translateX(-50%);perspective:1000px;border-left:14px ridge #83522b;border-right:14px ridge #83522b}.door{position:absolute;inset:0;width:50%;background:repeating-linear-gradient(90deg,#5e351c 0 16%,#754725 17% 32%,#422611 33% 34%);border:9px ridge #a36b33;border-radius:24% 24% 5px 5px;box-shadow:inset 0 0 0 6px #291508,inset 0 0 55px #1a0e09,0 8px 30px #0008;transition:transform 1.6s cubic-bezier(.22,.75,.25,1)}.door span{display:grid;place-items:center;height:100%;font-size:65px;color:#bd9052;text-shadow:0 3px #301b0d}.door-left{transform-origin:left center}.door-right{left:50%;transform-origin:right center}.intro-open .door-left{transform:rotateY(-115deg)}.intro-open .door-right{transform:rotateY(115deg)}.entry-actions{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;white-space:nowrap}.entry-actions button:first-child{background:#e0b36b;border:3px double #62401f;color:#382312;padding:16px 29px;font-size:18px;box-shadow:0 5px 25px #0008}.entry-actions button:first-child span{margin-left:20px}.entry-actions button:last-child{background:transparent;color:#ebd6b5;padding:8px;font:12px system-ui,sans-serif;text-decoration:underline}.intro-open .entry-actions{opacity:0;pointer-events:none}.intro-done{opacity:0;pointer-events:none}.intro-active .wrap{visibility:hidden}
@media(max-width:800px){.radio-card{grid-template-columns:230px 1fr}.player-content{padding:25px}.player-heading .eyebrow{font-size:8px}.station-badge{display:none}.sound-note{display:none}.weather-card{gap:18px;flex-wrap:wrap}.weather-details{margin-left:auto}.weather-actions{flex-direction:row;width:100%;justify-content:flex-end}.hero{padding-top:40px}footer{flex-wrap:wrap}.request-card a{max-width:145px;line-height:1.5}}@media(max-width:560px){.wrap{padding:0 19px}header{height:85px}.brand img{width:44px;height:44px}.brand span{font-size:14px}.brand small{font-size:8px}.request-link{font-size:0;padding:10px}.request-link span{font-size:18px;margin:0}.hero{padding:32px 0 27px}.hero h1{font-size:48px}.hero .eyebrow{font-size:8px;letter-spacing:.15em}.hero .eyebrow span{margin:0 5px}.hero>p:last-child{font-size:12px;max-width:260px;margin:16px auto 0}.radio-card{grid-template-columns:1fr}.cover{width:160px;min-height:160px;height:160px;margin:23px auto 0;border:4px double #b88c51;border-radius:4px}.cover-stamp{font-size:7px;left:8px;bottom:8px}.player-content{padding:23px}.player-heading{justify-content:center}.player-heading .eyebrow{font-size:9px}.np-label{text-align:center;margin-top:19px}#spotify-text{text-align:center;font-size:25px;min-height:0;margin-bottom:23px}.controls{justify-content:center}.player-bottom{justify-content:center}.vol input{width:135px}.weather-card{padding:18px;gap:18px 12px}.weather-title{width:48%}.weather-title .eyebrow{font-size:8px}.weather-title>span{font-size:27px}.weather-title h2{font-size:17px}.weather-reading{flex:1;gap:9px}.weather-reading strong{font-size:28px}.weather-reading>span{font-size:10px}.weather-details{width:100%;flex-direction:row;justify-content:space-between;gap:6px}.weather-actions{justify-content:center}.request-card{gap:12px;flex-wrap:wrap;padding:26px 2px}.request-star{font-size:30px}.request-card h2{font-size:20px}.request-card .eyebrow{font-size:8px}.request-card a{margin:0 0 0 43px;max-width:none}footer{font-size:8px;justify-content:center;text-align:center}footer>span:nth-child(2){display:none}.saloon-sign{top:12%;padding:22px 10px}.saloon-sign small{font-size:8px}.doorframe{top:40%;height:35vh}.entry-actions{bottom:9%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}#weatherFx{display:none}html{scroll-behavior:auto}}
[hidden]{display:none!important}

/* Country & piratenmuziek — warm hout, messing en klassieke zenderradio. */
:root{--radio-green:#283b30;--radio-amber:#e0b879}
.hero h1{font-size:clamp(38px,5.1vw,64px);line-height:1.12}
.genre-mix{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:24px;font:10px/1.5 system-ui,sans-serif;letter-spacing:.15em;color:#dfccb0}
.genre-mix b{font:19px Georgia,serif;color:var(--gold);margin-right:6px}
.genre-mix i{font:19px Georgia,serif;color:#a17b47;font-style:normal}
.radio-card{background:radial-gradient(ellipse at 90% 0%,#3f574033,transparent 70%),linear-gradient(115deg,#37271d,#202b23)}
.station-badge{background:#14251b88;color:#e3bc79;border-color:#b0894c66}
.montana-dial{display:flex;gap:22px;align-items:center;padding:22px 24px;margin-top:18px;border:4px double #8f7046;border-radius:6px;background:linear-gradient(135deg,#4b301e,#2b2017);box-shadow:inset 0 0 0 5px #20150e55,0 8px 25px #0003}
.dial-content{flex:1;min-width:0;background:#182b21;padding:14px 20px 11px;border:1px solid #ab8c55;box-shadow:inset 0 0 18px #040d0988;border-radius:3px}
.dial-labels{display:flex;justify-content:space-between;gap:12px;font:9px/1.5 system-ui,sans-serif;letter-spacing:.16em;color:#dfb76d}
.dial-center{color:#a1b39e;font-size:8px}
.dial-scale{position:relative;height:22px;margin:10px 0 8px;border-bottom:1px solid #c1a16b55;background:repeating-linear-gradient(90deg,#caa86888 0 1px,transparent 1px 12px);background-size:100% 12px;background-repeat:no-repeat;background-position:bottom}
.dial-scale span{position:absolute;left:50%;top:0;height:27px;width:2px;background:#eea358;box-shadow:0 0 8px #f2b26180}
.dial-caption{display:flex;justify-content:space-between;gap:12px;font:9px/1.6 system-ui,sans-serif;color:#b6b9a4}
.dial-knob{flex-shrink:0;width:43px;height:43px;border-radius:50%;border:3px double #ae8a51;background:repeating-conic-gradient(#533e27 0deg 8deg,#392a1c 8deg 16deg);box-shadow:0 3px 7px #0007;position:relative}
.dial-knob:after{content:'';position:absolute;left:50%;top:5px;width:2px;height:11px;background:#e7c58e}
.saloon-sign strong{font-size:clamp(28px,5vw,57px);line-height:1.1}
.door-radio{font-family:Georgia,serif}
@media(max-width:800px){.dial-center{display:none}.montana-dial{gap:14px;padding:18px}.dial-caption{font-size:8px}}
@media(max-width:560px){.hero h1{font-size:clamp(31px,8.4vw,43px)}.hero>p:last-child{max-width:290px}.genre-mix{gap:12px;font-size:8px;letter-spacing:.08em;margin-top:20px}.genre-mix b{font-size:17px;margin-right:4px}.montana-dial{gap:10px;padding:14px 10px}.dial-knob{width:25px;height:25px;border-width:2px}.dial-knob:after{top:3px;height:7px}.dial-content{padding:11px 10px}.dial-labels{font-size:8px;letter-spacing:.08em}.dial-caption{font-size:8px;gap:8px}.dial-caption span{max-width:48%}.saloon-sign small{letter-spacing:.12em}.player-heading .eyebrow{font-size:8px}}

/* Welkomstmelding na het openen van de klapdeuren. */
.music-notice{position:fixed;width:min(460px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:auto;margin:auto;padding:34px 30px 28px;border:4px double #ba9056;border-radius:8px;background:linear-gradient(135deg,#354435,#211d16);color:#f7e6c3;box-shadow:0 25px 90px #0009;text-align:center;font-family:Georgia,serif}
.music-notice::backdrop{background:#120d09b8;backdrop-filter:blur(4px)}
.music-notice h2{font-size:29px;line-height:1.15;font-weight:normal;margin:17px 0}
.music-notice>p:not(.eyebrow){font:14px/1.7 system-ui,sans-serif;color:#dccbad}
.music-notice .music-notice-wish{color:#edc584!important;font-weight:600!important;margin:20px 0}
.music-notice-close{position:absolute;right:9px;top:6px;background:transparent;color:#dccbad;font:25px system-ui,sans-serif;padding:4px 8px}
.music-notice-okay{background:linear-gradient(135deg,#e8c589,#bd873f);color:#302115;border:2px solid #d9b37a;border-radius:4px;padding:12px 24px;font:600 13px system-ui,sans-serif}
@media(max-width:560px){.music-notice{padding:30px 23px 25px}.music-notice h2{font-size:25px}}
/* Studio Montana — countryhout & klassieke etherpiratenstudio. */
:root{--gold:#dfb56f;--cream:#f3e5c7;--line:#c39a5d40}
body{background:#181c17}
.landscape{background:radial-gradient(ellipse at 15% 18%,#ab683f40,transparent 50%),radial-gradient(ellipse at 88% 22%,#5b745a30,transparent 45%),linear-gradient(180deg,#19251deb,#121811ed),url('/images/achtergrond.jpg') center/cover no-repeat}
.wrap{max-width:1220px;padding:0 44px}
header{height:98px;border-bottom:1px solid #b3966038}
.brand small{color:#d3b377}
.hero{position:relative;min-height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 140px 42px;isolation:isolate}
.studio-decor{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1;pointer-events:none;opacity:.82}
.hero h1{font-size:clamp(32px,4vw,51px);line-height:1.12;margin:20px 0 14px;letter-spacing:-.025em;max-width:700px}
.hero h1 em{color:#ddb882}
.hero>p:last-child{max-width:440px;font-size:12px;line-height:1.8;color:#c8c2a9;margin:6px auto 0}
.hero .eyebrow{font-size:9px;letter-spacing:.19em;color:#c9ab73}
.hero .eyebrow span{margin:0 8px}
.studio-console{grid-template-columns:230px minmax(0,1fr) 145px;gap:0;border:8px solid #66462c;border-radius:16px;padding:14px;background:repeating-linear-gradient(0deg,#38271b18 0 2px,transparent 2px 7px),linear-gradient(120deg,#89582f,#523922 44%,#875831);box-shadow:0 0 0 1px #b99b65,0 30px 70px #080c0999,inset 0 0 0 2px #b08a5266;overflow:visible}
.radio-card:before{inset:-4px;border-color:#b6955c66;border-radius:9px}
.studio-console .cover{margin:10px;min-height:245px;height:calc(100% - 20px);border:6px double #b0986c;border-radius:6px;background:#22271e;box-shadow:0 5px 14px #19100955}
.cover-art{filter:saturate(.9)}
.cover-stamp{border-radius:2px;letter-spacing:.16em}
.studio-console .player-content{margin:9px 10px;padding:18px 24px 20px;border:2px solid #b5a172;border-radius:5px;background:linear-gradient(115deg,#24352b,#15251c);box-shadow:inset 0 0 22px #07130c88,0 3px 12px #25170d66}
.console-top{display:flex;justify-content:space-between;align-items:center;color:#869782;border-bottom:1px solid #bda46b30;padding-bottom:10px;margin-bottom:16px;font:8px/1.4 system-ui,sans-serif;letter-spacing:.2em}
.console-mark{font:italic 17px Georgia,serif;letter-spacing:.14em;color:#c9b884}
.player-heading .eyebrow{font-size:9px;letter-spacing:.14em;color:#b4c0a8}.station-badge{font-size:8px;background:#142018;color:#c4b487;border-color:#9c976b55}
.np-label{font-size:9px;margin-top:20px;color:#aeb99c;letter-spacing:.2em}
#spotify-text{font-size:clamp(21px,2.4vw,29px);color:#f4dfab;margin:9px 0 22px;min-height:35px;text-shadow:0 0 20px #e8c86b20}
#playBtn{background:radial-gradient(circle at 35% 25%,#f0d39a,#b38e50);border:3px double #6b512e;box-shadow:0 0 0 4px #121d16,0 5px 13px #0007}
.play-description strong{font-size:16px}.play-description span{color:#a7b69e;font-size:10px}.player-bottom{margin-top:22px;padding-top:14px;border-color:#bcaf6a40}.vol span{color:#afbb9f}.sound-note{font-size:9px;color:#95a18b}
.console-speaker{padding:12px 9px 8px;display:flex;flex-direction:column;align-items:center;gap:18px}
.speaker-cloth{width:100%;flex:1;min-height:170px;border:4px double #b19c6b;border-radius:5px;background:repeating-linear-gradient(0deg,#211f1770 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#a0906340 0 1px,transparent 1px 4px),radial-gradient(ellipse,#4d4d37,#2a2c20);box-shadow:inset 0 0 24px #070d09aa}
.console-speaker>span{text-align:center;font:8px/1.9 system-ui,sans-serif;letter-spacing:.18em;color:#dfc795}
.weather-card{margin-top:25px;background:#19251ee6;border-color:#8d9f7535;padding:20px 25px}.weather-title .eyebrow{color:#acb696}.weather-title>span{color:#d9c28b}
.request-card{border:1px solid #b3986130;border-radius:7px;background:linear-gradient(115deg,#3f2a1a7a,#18271e99);padding:24px 27px;margin:22px 0}.request-card h2{font-size:24px}.request-card a{color:#debd7c}
footer{border-top-color:#b0986333;padding-top:20px}
.intro-backdrop{background:radial-gradient(ellipse at 30% 20%,#ac6c3233,transparent 60%),linear-gradient(#17231ce6,#11180def),url('/images/achtergrond.jpg') center/cover;filter:none}
.intro-studio-decor{position:absolute;inset:12% 0 0;background:url('../images/studio-decor.svg') center/contain no-repeat;opacity:.45;pointer-events:none}
.saloon-sign{background:linear-gradient(110deg,#334034,#18281e);border-color:#b49458;color:#ecdbad}.saloon-sign span{color:#c7b179}
.music-notice{background:linear-gradient(135deg,#334332,#18251c)}
@media(max-width:1000px){.wrap{padding:0 28px}.studio-console{grid-template-columns:200px minmax(0,1fr) 95px}.studio-console .player-content{padding:17px 19px;margin:9px 5px}.hero{padding-left:120px;padding-right:120px;min-height:320px}.hero h1{font-size:41px}.studio-decor{opacity:.65}.console-speaker{padding-left:8px;padding-right:3px}.sound-note{display:none}.station-badge{display:none}}
@media(max-width:800px){.studio-console{grid-template-columns:185px minmax(0,1fr)}.console-speaker{display:none}.hero{padding:42px 95px;min-height:300px}.hero h1{font-size:35px}.studio-decor{opacity:.4}.studio-console .cover{min-height:250px}.request-card{padding:22px}.weather-card{margin-top:20px}}
@media(max-width:560px){.wrap{padding:0 18px}header{height:82px}.hero{min-height:300px;padding:92px 0 28px}.studio-decor{height:190px;width:calc(100% + 20px);left:-10px;top:-8px;opacity:.8;object-fit:fill}.hero:after{content:'';position:absolute;inset:90px -8px 0;z-index:-1;background:linear-gradient(transparent,#19241cdc 25%,#19241cf5 60%)}.hero h1{font-size:34px;margin:14px 0;max-width:330px}.hero .eyebrow{font-size:8px;letter-spacing:.1em}.hero>p:last-child{font-size:11px;max-width:290px;margin:0 auto;line-height:1.7}.studio-console{grid-template-columns:1fr;border-width:6px;border-radius:12px;padding:10px;background:repeating-linear-gradient(0deg,#27180d22 0 1px,transparent 1px 5px),linear-gradient(120deg,#825430,#4c331e,#744b29)}.studio-console .cover{width:150px;height:150px;min-height:150px;margin:10px auto 15px;border-width:4px}.studio-console .player-content{margin:0;padding:16px 20px 19px}.console-top{margin-bottom:13px}.player-heading{justify-content:center}.player-heading .eyebrow{font-size:8px}#spotify-text{font-size:24px;min-height:0;margin-bottom:22px}.np-label{margin-top:17px}.controls{gap:14px}.player-bottom{margin-top:21px}.console-mark{font-size:15px}.request-card{padding:21px 16px;gap:13px}.request-card h2{font-size:20px}.request-card a{margin-left:43px}.weather-card{padding:18px 15px}.saloon-sign strong{font-size:clamp(26px,7vw,40px)}.saloon-sign small{font-size:8px;letter-spacing:.08em}.intro-studio-decor{inset:17% -35% 0;opacity:.38}}

/* JT Portal: respecteer hidden ook bij flexlabels; grotere aanraakknop. */
[hidden]{display:none!important}#muteBtn{min-width:44px;min-height:44px}.play-description{min-width:0;overflow-wrap:anywhere}