:root{--paper:#f4f1e9;--ink:#0a0a0a;--red:#e51b24;--blue:#2e5cb8;--muted:#64625d;--line:#cecbc2;--heading:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--body:Inter,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 var(--body);padding-bottom:125px}
button,input,select,textarea{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer;border-radius:0}
button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%}
h1,h2,h3,p,figure{margin:0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.shell{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.utility{background:var(--ink);color:var(--paper);font-size:9px;letter-spacing:.13em;font-weight:500}
.utility-inner{height:28px;display:flex;align-items:center;justify-content:space-between}
.utility-dash{margin-inline:10px;color:#827f77}
.utility-right{display:flex;gap:10px;align-items:center}
.mini-dot{width:5px;height:5px;background:var(--red);border-radius:50%}
.site-header{position:sticky;top:0;z-index:30;background:rgba(244,241,233,.98);border-bottom:1px solid var(--line)}
.header-inner{height:96px;display:flex;align-items:center;gap:34px}
.brand{margin-right:auto;flex-shrink:0}
.brand img{width:106px;height:auto;mix-blend-mode:multiply}
.main-nav{display:flex;align-items:center;gap:28px;font-size:11px;font-weight:600}
.main-nav a{padding-block:16px;position:relative;white-space:nowrap}
.main-nav a>span{font-size:8px;font-weight:400;margin-right:5px;color:var(--muted)}
.main-nav a:after{content:"";position:absolute;bottom:10px;left:0;width:0;height:2px;background:var(--red);transition:width .2s}
.main-nav a:hover:after,.main-nav a.current:after{width:100%}
.main-nav a:last-child{margin-left:20px}
.button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:600;transition:background .2s,translate .2s}
.button:hover{background:#32312d;translate:0 -2px}
.header-listen{background:var(--red);color:white;border-color:var(--red)}
.header-listen:hover{background:#c9141d}
.play-icon{width:20px;height:20px;fill:currentColor;flex-shrink:0}
.menu-toggle{display:none}
.eyebrow{font-size:9px;font-weight:600;letter-spacing:.15em;line-height:1.5}
.hero{display:grid;grid-template-columns:1.18fr 1fr;gap:0 30px;padding-top:38px;position:relative;isolation:isolate}
.hero-copy{position:relative;z-index:3;animation:enter .7s both}
.hero .eyebrow{display:flex;align-items:center;gap:12px;font-size:9px}
.red-dash{height:3px;width:26px;background:var(--red);flex-shrink:0}
h1{font-family:var(--heading);font-size:clamp(130px,13.5vw,190px);font-weight:800;letter-spacing:-.035em;line-height:.77;margin:27px 0 31px}
.hero-line{display:block}
.hero-shift{color:var(--red);transform:translateX(35px) rotate(-2deg);transform-origin:left center}
.hero-last{position:relative}
.hero-spark{display:inline-block;color:var(--red);font-size:.4em;line-height:.7;margin-left:60px;vertical-align:top;transform:rotate(10deg)}
.hero-intro{display:flex;align-items:flex-start;gap:14px;margin-top:13px}
.intro-line{height:1px;width:25px;background:var(--ink);margin-top:11px;flex-shrink:0}
.hero-intro p{font-size:13px;line-height:1.75}
.hero-intro strong{font-weight:500}
.hero-actions{display:flex;align-items:center;gap:35px;margin-top:25px}
.hero-listen{display:flex;align-items:center;gap:12px;min-height:56px;background:none;border:0;padding:0;color:var(--ink);font-size:12px;font-weight:600;white-space:nowrap}
.hero-play-disc{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:white;transition:rotate .3s,scale .3s}
.hero-play-disc .play-icon{width:25px;height:25px;margin-left:2px}
.hero-listen:hover .hero-play-disc{scale:1.08;rotate:-8deg}
.text-link{display:inline-flex;align-items:center;gap:21px;font-size:11px;font-weight:600}
.text-link>span{font-size:22px;line-height:1}
.text-link:hover{color:var(--red)}
.poster-scene{position:relative;height:620px;margin:18px 20px 0 12px;align-self:start;animation:enter .9s .1s both;min-width:0}
.poster-back{position:absolute;inset:24px -5px 8px 18px;transform:rotate(-5deg);background:var(--red);overflow:hidden}
.poster-back:before{content:"";position:absolute;inset:0;opacity:.12;background:repeating-linear-gradient(-45deg,transparent 0 8px,#0a0a0a 8px 9px)}
.poster-back>span{position:absolute;bottom:0;left:7px;font:700 160px/.8 var(--heading);letter-spacing:-.04em;color:var(--ink)}
.hero-art{position:absolute;inset:0 7px 40px 5px;padding:10px;background:var(--paper);border:1px solid var(--ink);transform:rotate(5deg);display:flex;flex-direction:column;box-shadow:4px 6px 0 #0a0a0a15;overflow:hidden}
.art-index{font-size:8px;letter-spacing:.07em;font-weight:600;display:flex;align-items:center;justify-content:space-between;height:25px;flex-shrink:0;border-bottom:1px solid var(--ink)}
.art-index>span:last-child{font-size:20px}
.hero-art>img{width:100%;height:0;min-height:0;flex:1;object-fit:cover;object-position:center 60%;mix-blend-mode:multiply}
.hero-art figcaption{background:var(--paper);border-top:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:8px;flex-shrink:0;min-height:58px}
.hero-art figcaption>span:first-child{font-size:8px;letter-spacing:.09em;max-width:100px;font-weight:500;line-height:1.5}
.poster-frequency{font:700 57px/.9 var(--heading);letter-spacing:-.04em;white-space:nowrap}
.poster-frequency small{font:700 14px var(--heading);color:var(--red);margin-left:4px;letter-spacing:0}
.city-stamp{position:absolute;bottom:1px;right:-10px;z-index:4;transform:rotate(-8deg);border:1px solid var(--ink);background:var(--paper);padding:13px 20px;box-shadow:3px 3px 0 var(--ink);font-size:8px;letter-spacing:.13em;line-height:1.35}
.city-stamp>span{display:block}
.city-stamp strong{display:block;font:700 37px/1 var(--heading);letter-spacing:-.01em;margin:3px 0}
.poster-side{position:absolute;right:-28px;top:110px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.22em}
.hero-bottom{grid-column:1/-1;margin-top:32px;border-top:1px solid var(--ink);padding:16px 0;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.09em;gap:20px}
.hero-bottom a{font-weight:600}
.hero-bottom a>span{font-size:16px;margin-left:14px}
.hero-bottom-note{color:#b9141e;font-weight:600}
.signal-strip{background:var(--red);color:white;overflow:hidden;padding:12px 0;border-block:1px solid var(--ink)}
.strip-track{display:flex;width:max-content;animation:ticker 40s linear infinite}
.signal-strip:hover .strip-track{animation-play-state:paused}
.strip-group{display:flex;align-items:center;gap:35px;padding-right:35px;flex-shrink:0;font:700 31px/1.1 var(--heading);letter-spacing:.02em;white-space:nowrap}
.strip-group>span:nth-child(even){color:var(--ink);font-size:30px}
.section-pad{padding-block:90px}
.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:31px}
.section-top>.eyebrow{color:#b9141e}
.section-note{font-size:8px;letter-spacing:.12em;color:var(--muted)}
h2{font:700 clamp(56px,6.3vw,88px)/.94 var(--heading);letter-spacing:-.02em}
.red-text{color:var(--red)}
.program-section{background:var(--ink);color:var(--paper)}
.program-section .section-top>.eyebrow{color:#ff6b72}
.program-section .section-note{color:#a8a59c}
.program-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:38px}
.program-heading>p{font-size:13px;color:#bab7ae;max-width:295px;line-height:1.8;margin-bottom:5px}
.program-toolbar{display:flex;justify-content:space-between;gap:22px;align-items:center;border-top:1px solid #45423b;padding:20px 0 25px}
.filter-group{display:flex;flex-wrap:wrap;gap:8px}
.filter{background:transparent;color:#c8c5bd;border:1px solid #5f5b52;min-height:42px;padding:8px 16px;font-size:10px;font-weight:500;transition:background .2s,color .2s}
.filter:hover{border-color:var(--paper)}
.filter.active{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.program-tools{display:flex;align-items:center;gap:16px}
.program-count{font-size:9px;color:#bcb9b0;letter-spacing:.1em;white-space:nowrap}
.program-pager{display:none;gap:6px}
.program-pager button{width:37px;height:37px;display:grid;place-items:center;background:none;border:1px solid #777167;color:var(--paper);font-size:20px}
.program-pager button:disabled{opacity:.3;cursor:default}
.program-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;padding-bottom:18px;align-items:start}
.program-item{color:var(--ink);background:var(--paper);border:1px solid var(--paper);position:relative;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s,translate .2s}
.program-item[hidden]{display:none}
.program-item:nth-child(3n+2){margin-top:17px}
.program-item:hover{box-shadow:5px 5px 0 #e51b2480}
.program-item[data-program="pegi-pagi"]{background:var(--red);color:white;border-color:var(--red)}
.program-item[data-program="keburu-siang"]{background:var(--blue);color:white;border-color:var(--blue)}
.program-item[data-program="ganti-giliran"]{background:#e5e1d6}
.program-item[data-program="baru-balique"]{background:#d5d0c4}
.program-item[data-program="disetel"]{background:#191917;color:var(--paper);border-color:#6c6558}
.program-summary{border:0;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:stretch;width:100%;padding:26px;text-align:left;min-height:310px;position:relative}
.program-top{display:flex;align-items:center;justify-content:space-between;gap:15px;line-height:1.3;font-size:10px;font-weight:500}
.program-number{font-size:9px;opacity:.7}
.program-time{font-size:12px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.program-time small{font-size:7px;margin-left:5px;letter-spacing:.05em;font-weight:400}
.card-wave{display:flex;align-items:center;justify-content:flex-end;gap:3px;height:20px;margin:8px 0 -4px;opacity:.45}
.card-wave i{height:4px;width:3px;background:currentColor}
.card-wave i:nth-child(3n){height:18px}.card-wave i:nth-child(3n+1){height:11px}.card-wave i:nth-child(4n){height:15px}
.program-name{display:block;margin-top:6px;margin-bottom:22px}
.program-name-label{display:block;font:700 clamp(45px,4.7vw,68px)/.84 var(--heading);letter-spacing:-.018em}
.program-name-label>span{display:block}
.program-name small{display:block;width:max-content;max-width:100%;border:1px solid currentColor;font-size:7px;font-weight:600;letter-spacing:.06em;padding:4px 5px;margin-top:15px}
.program-name small[hidden]{display:none}
.program-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;font-size:8px;letter-spacing:.06em}
.program-bottom>span:last-child{display:flex;align-items:center;gap:12px;font-size:9px;font-weight:500;letter-spacing:0}
.program-plus{font-size:27px;font-weight:400;line-height:1;transition:rotate .2s}
.program-summary[aria-expanded="true"] .program-plus{rotate:90deg}
.program-detail{padding:0 26px 26px;color:inherit}
.program-detail[hidden]{display:none}
.program-detail p{font-size:12px;line-height:1.75;margin-bottom:15px}
.program-detail .host{font-size:10px;font-weight:600}
.program-detail .text-link{font-size:10px;text-decoration:underline;text-underline-offset:4px}
.program-item[data-program="pegi-pagi"] .text-link:hover,.program-item[data-program="keburu-siang"] .text-link:hover{color:white}
.swipe-note{display:none}
.warga-section{overflow:clip}
.warga-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:43px}
.warga-heading>p{font-size:13px;line-height:1.8;color:var(--muted);width:250px;flex-shrink:0}
.rubrics{display:grid;grid-template-columns:1.15fr 1fr;gap:23px}
.rubric{position:relative;overflow:hidden;display:block;border:1px solid var(--ink);padding:32px;transition:translate .25s,box-shadow .25s}
.rubric:hover{translate:0 -4px;box-shadow:5px 5px 0 #0a0a0a18}
.rubric-copy{position:relative;z-index:2}
.rubric-category{display:block;font-size:8px;font-weight:600;letter-spacing:.14em;line-height:1.5}
.rubric h3{font-family:var(--heading);font-size:76px;font-weight:700;line-height:.85;letter-spacing:-.02em;margin-top:16px;margin-bottom:20px}
.rubric p{font-size:12px;line-height:1.7;max-width:295px}
.rubric-local{grid-row:span 2;min-height:649px;background:#e8e3d7}
.rubric-local h3{font-size:89px}
.rubric-local>img{position:absolute;bottom:39px;left:0;width:100%;height:57%;object-fit:cover;object-position:bottom;mix-blend-mode:multiply}
.rubric-local .rubric-category{color:#ae161e}
.rubric-bottom{position:absolute;bottom:0;left:0;right:0;padding:12px 22px;border-top:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.08em;z-index:3;background:var(--paper)}
.rubric-bottom>span{font-size:22px;line-height:1}
.rubric-talk{min-height:310px;background:var(--ink);color:var(--paper);transform:rotate(1.5deg);transform-origin:bottom right}
.rubric-talk .rubric-category{color:#ff6b72}
.rubric-talk h3{max-width:250px}
.rubric-talk p{color:#c5c1b8;max-width:265px}
.quote-mark{position:absolute;right:8px;top:15px;font:700 290px/1 var(--heading);color:var(--red);z-index:0}
.rubric-arrow{position:absolute;right:25px;bottom:25px;font-size:30px;font-weight:400;z-index:3;line-height:1}
.rubric-music{min-height:316px;background:var(--red);color:white}
.rubric-music h3{color:var(--ink)}
.rubric-music p{max-width:250px}
.vinyl-art{position:absolute;right:-168px;top:15px;width:330px;height:330px;border-radius:50%;background:repeating-radial-gradient(circle at center,#11110f 0 2px,#292822 3px 4px,#0a0a0a 5px 9px);rotate:20deg;z-index:0;opacity:.85}
.vinyl-art:after{content:"";position:absolute;inset:115px;border:24px solid var(--paper);border-radius:50%;background:var(--red)}
.vinyl-art i{position:absolute;inset:157px;border-radius:50%;background:var(--ink);z-index:1}
.rubric-voices{grid-column:1/-1;display:grid;grid-template-columns:.8fr 2.1fr 1.4fr 25px;gap:24px;align-items:center;padding:31px}
.rubric-voices h3{font-size:54px;margin:0;line-height:.95}
.rubric-voices p{color:var(--muted);font-size:12px}
.rubric-voices .rubric-arrow{position:static}
.about-section{background:var(--ink);color:var(--paper)}
.about-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:95px}
.about-section .eyebrow{color:#aaa69e}
.about-frequency{font:700 clamp(120px,16vw,220px)/.9 var(--heading);letter-spacing:-.055em;color:var(--red);margin-top:35px}
.about-frequency>span{display:block;font:500 9px/1.3 var(--body);letter-spacing:.2em;margin-top:12px;color:var(--paper)}
.mascot-note{display:flex;align-items:center;gap:23px;margin-top:36px}
.mascot-note img{width:88px;height:88px;object-fit:cover;background:var(--paper);border:6px solid var(--paper);box-shadow:5px 5px 0 var(--red)}
.mascot-note>span{font-size:9px;letter-spacing:.09em;line-height:2;font-weight:500}
.mascot-note small{font-size:10px;color:#b5b0a6;letter-spacing:0;font-weight:400}
.about-copy h2{font-size:58px;line-height:1;margin-bottom:27px}
.about-copy>p{font-size:13px;color:#bdb8ae;line-height:1.85;margin-bottom:16px;max-width:570px}
.ecosystem{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin-top:29px}
.ecosystem>span{border-top:1px solid #46423a;display:flex;gap:12px;align-items:center;padding:16px 0;font-size:9px;letter-spacing:.04em;font-weight:500}
.ecosystem b{color:#8e897d;font-size:8px;font-weight:400}
.ecosystem i{font-size:20px;color:var(--red);font-style:normal;margin-left:auto;line-height:1}
.collab-section{background:var(--red);color:white;overflow:clip}
.collab-section .section-top>.eyebrow{color:white}
.collab-mark{font-size:46px;line-height:1;color:var(--ink)}
.collab-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:75px;align-items:center;padding-bottom:15px}
.collab-copy h2{font-size:clamp(76px,7.8vw,112px);color:var(--ink);line-height:.9}
.collab-copy h2>span{color:var(--paper)}
.collab-copy>p{font-size:13px;line-height:1.85;max-width:430px;margin-top:29px}
.collab-services{display:flex;flex-wrap:wrap;gap:8px;max-width:440px;margin-top:27px;margin-bottom:35px}
.collab-services>span{border:1px solid #ffffff80;padding:6px 10px;font-size:9px}
.contact-email{display:block;border-bottom:1px solid #ffffffa0;padding-bottom:9px;width:max-content;max-width:100%;font-size:16px;letter-spacing:-.02em}
.contact-email>span{margin-left:25px;font-size:24px;line-height:1}
.contact-email:hover{color:var(--ink)}
.contact-phone{display:inline-block;font-size:10px;margin-top:13px}
.brief-form{background:var(--paper);color:var(--ink);padding:33px;border:1px solid var(--ink);box-shadow:10px 10px 0 #0a0a0a30;transform:rotate(-1.5deg)}
.form-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:17px;margin-bottom:25px;gap:15px}
.form-kicker{font-size:10px;font-weight:600;letter-spacing:.12em}
.form-top>span{font-size:27px;line-height:1}
.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.brief-form label{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:500;margin-bottom:22px}
.brief-form input,.brief-form select,.brief-form textarea{min-width:0;width:100%;background:none;border:0;border-bottom:1px solid #aaa499;border-radius:0;color:var(--ink);padding:7px 0 10px;min-height:42px;font-size:12px}
.brief-form textarea{resize:vertical;min-height:80px}
.brief-form input::placeholder,.brief-form textarea::placeholder{color:#6c685f;opacity:1}
.brief-form select{padding-right:10px}
.brief-form select option{background:var(--paper)}
.form-submit{width:100%;justify-content:space-between}
.form-submit>span{font-size:22px;line-height:1}
.form-note{font-size:9px;color:var(--muted);line-height:1.7;margin-top:12px}
.form-status{font-size:11px;margin-top:12px}
.form-status:empty{display:none}
.form-status a{text-decoration:underline;text-underline-offset:3px}
.site-footer{padding-top:45px;padding-bottom:25px}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:35px}
.footer-main img{width:150px;height:auto;mix-blend-mode:multiply}
.footer-main>p{font:700 47px/.95 var(--heading);letter-spacing:-.02em}
.footer-social{display:flex;flex-direction:column;gap:7px;font-size:10px;min-width:100px}
.footer-social a:hover{color:var(--red)}
.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-top:20px;color:var(--muted);font-size:8px;line-height:1.6}
.footer-bottom>a{color:var(--ink);white-space:nowrap}
.radio-player{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(1280px,calc(100% - 48px));z-index:50;background:var(--ink);color:var(--paper);border:1px solid #696259;border-left:4px solid var(--red);box-shadow:0 8px 28px #0a0a0a40}
.player-inner{height:82px;display:flex;align-items:center;gap:20px;padding:12px 23px}
.player-toggle{width:49px;height:49px;background:var(--red);border:0;color:white;display:grid;place-items:center;flex-shrink:0;transition:background .2s}
.player-toggle:hover{background:#bc151d}
.player-toggle .play-icon{width:24px;height:24px}
.player-info{display:flex;flex-direction:column;min-width:210px;line-height:1.4}
.player-eyebrow{font-size:7px;letter-spacing:.14em;color:#b8b1a7;display:flex;gap:7px;align-items:center;margin-bottom:3px}
.status-dot{width:5px;height:5px;background:#8e877b;border-radius:50%}
.player-info>strong{font:700 25px/1 var(--heading);letter-spacing:.01em}
.player-info>span{font-size:9px;color:#b8b1a7;margin-top:5px}
.player-wave{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;height:33px;overflow:hidden;margin-inline:15px 25px}
.player-wave i{display:block;width:3px;background:#7b756a;height:6px;flex-shrink:0}
.player-wave i:nth-child(3n){height:24px}.player-wave i:nth-child(3n+1){height:13px}.player-wave i:nth-child(4n){height:31px}
.is-playing .player-wave i{background:var(--red);animation:wave 1s ease-in-out infinite alternate}
.is-playing .player-wave i:nth-child(2n){animation-delay:-.3s}.is-playing .player-wave i:nth-child(3n){animation-delay:-.7s}
.is-playing .status-dot{background:var(--red)}
.is-buffering .player-toggle .play-icon{animation:pulse .6s infinite alternate}
.volume-control{display:flex;align-items:center;gap:10px}
.volume-control button{width:30px;height:38px;background:none;border:0;padding:3px;color:var(--paper)}
.volume-control svg{width:23px;height:23px}
.volume-control input{width:77px;height:3px;accent-color:var(--red);cursor:pointer}
.player-frequency{font:700 39px/1 var(--heading);letter-spacing:-.03em;white-space:nowrap;margin-left:10px;padding-left:25px;border-left:1px solid #514b43}
.player-frequency small{font-size:12px;color:var(--red);letter-spacing:0}
.player-message{background:#28251f;text-align:center;font-size:11px;line-height:1.6}
.player-message:not(:empty){padding:10px 18px}
.player-message a{text-decoration:underline}
.skip-link{position:fixed;top:-70px;left:12px;z-index:100;background:var(--ink);color:white;padding:12px 16px}
.skip-link:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.will-reveal{opacity:0;translate:0 18px;transition:opacity .6s ease,translate .6s ease}
.will-reveal.in-view{opacity:1;translate:0 0}
@keyframes ticker{to{transform:translateX(-50%)}}
@keyframes enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes wave{from{transform:scaleY(.4)}to{transform:scaleY(1.1)}}
@keyframes pulse{to{opacity:.3}}
@media(min-width:1600px){.hero{gap:0 55px}.poster-scene{margin-right:35px}.program-name-label{font-size:71px}}
@media(max-width:1150px){
.shell{width:calc(100% - 64px)}.header-inner{gap:24px}.main-nav{gap:20px;font-size:10px}.main-nav a:last-child{margin-left:0}.hero{gap:0 15px}h1{font-size:17vw}.hero-shift{transform:translateX(20px) rotate(-2deg)}.poster-scene{height:590px;margin-left:12px;margin-right:18px}.hero-art figcaption>span:first-child{font-size:7px}.poster-frequency{font-size:49px}.hero-intro p{font-size:12px}.hero-actions{gap:24px}.hero-listen{font-size:11px}.about-layout{gap:60px}.about-copy h2{font-size:52px}.collab-grid{gap:45px}.collab-copy h2{font-size:90px}.program-summary{padding:23px}.program-name-label{font-size:57px}.program-detail{padding:0 23px 23px}.rubric{padding:28px}.rubric-local h3{font-size:78px}.rubric-voices h3{font-size:48px}.rubric-voices{grid-template-columns:.7fr 1.8fr 1.25fr 20px;gap:20px}.contact-email{font-size:14px}.contact-email>span{margin-left:10px}.player-info{min-width:190px}.player-wave{margin-right:10px}.player-frequency{padding-left:17px;font-size:33px}.volume-control input{width:60px}}
@media(max-width:900px){
.header-inner{height:84px}.brand img{width:96px}.main-nav{gap:17px}.main-nav a>span{display:none}.header-listen{font-size:10px;padding-inline:14px;min-height:44px}.hero{padding-top:30px}h1{font-size:16.8vw;margin-top:27px;margin-bottom:27px}.hero .eyebrow{font-size:7px;gap:8px}.red-dash{width:20px}.hero-intro{gap:10px}.intro-line{width:17px}.hero-intro p{font-size:11px}.hero-actions{gap:20px}.hero-listen{font-size:10px;gap:9px}.hero-play-disc{width:47px;height:47px}.hero-actions .text-link{font-size:9px;gap:10px}.poster-scene{height:510px;margin-top:20px}.hero-art{padding:8px}.art-index{font-size:6px;height:22px}.poster-frequency{font-size:41px}.hero-art figcaption{min-height:50px}.hero-art figcaption>span:first-child{font-size:6px}.poster-side{font-size:7px;right:-23px}.city-stamp{padding:10px 15px;right:-8px;bottom:6px;font-size:7px}.city-stamp strong{font-size:30px}.hero-bottom{margin-top:26px;font-size:7px}.section-pad{padding-block:70px}.program-heading{gap:35px}.program-heading>p{max-width:240px;font-size:12px}.program-list{gap:17px}.program-summary{min-height:285px;padding:21px}.program-name-label{font-size:49px}.program-time{font-size:10px}.program-bottom{font-size:6px}.program-bottom>span:last-child{font-size:8px;gap:7px}.program-detail{padding:0 21px 21px}.program-detail p{font-size:11px}.program-plus{font-size:23px}.rubrics{gap:18px}.rubric{padding:25px}.rubric h3{font-size:66px}.rubric-local h3{font-size:74px}.rubric-local{min-height:620px}.rubric-talk,.rubric-music{min-height:300px}.rubric p{font-size:11px;max-width:225px}.rubric-voices h3{font-size:42px}.rubric-voices{grid-template-columns:1.8fr 1.2fr 20px;gap:15px}.rubric-voices>.rubric-category{grid-column:1/-1}.warga-heading>p{width:210px;font-size:12px}.about-layout{gap:40px;grid-template-columns:1fr 1.25fr}.about-frequency{font-size:155px}.about-copy h2{font-size:43px}.about-copy>p{font-size:12px}.mascot-note{gap:18px}.mascot-note img{width:75px;height:75px}.ecosystem{gap:0 16px}.ecosystem>span{font-size:8px}.collab-grid{gap:32px}.collab-copy h2{font-size:73px}.collab-copy>p{font-size:12px}.brief-form{padding:25px}.form-pair{gap:14px}.contact-email{font-size:12px}.contact-email>span{font-size:20px}.collab-services>span{font-size:8px;padding:5px 8px}.footer-main>p{font-size:38px}.footer-main img{width:125px}.player-wave{max-width:130px;gap:3px}.player-inner{gap:16px;padding-inline:20px}.player-info{min-width:180px}.volume-control input{width:48px}.player-frequency{font-size:30px}}
@media(max-width:760px){
html{scroll-padding-top:90px}.main-nav{display:none;position:absolute;top:84px;left:0;right:0;padding:15px 32px 27px;background:var(--paper);border-bottom:1px solid var(--ink);box-shadow:0 15px 24px #0a0a0a15}.main-nav.open{display:flex;flex-direction:column;gap:0;align-items:stretch}.main-nav a{font-size:22px;padding:12px 0;border-bottom:1px solid var(--line);font-family:var(--heading)}.main-nav a>span{display:inline;font-size:9px;margin-right:10px;font-family:var(--body)}.main-nav a:last-child{border:0;margin-top:4px}.main-nav a:after{display:none}.header-listen{margin-left:auto}.menu-toggle{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:none;border:0;padding:0}.menu-toggle span{width:24px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{grid-template-columns:1.1fr 1fr;gap:0 10px}h1{font-size:17.4vw}.hero-spark{margin-left:35px}.poster-scene{height:475px;margin-left:6px;margin-right:15px}.hero-art figcaption>span:first-child{display:none}.hero-art figcaption{justify-content:flex-end}.hero-intro strong{font-weight:400}.hero-intro{max-width:330px}.hero-listen{font-size:9px}.hero-play-disc{width:42px;height:42px}.hero-actions{gap:17px}.hero-actions .text-link{font-size:8px;gap:7px}.hero-bottom-note{display:none}.program-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.program-item:nth-child(3n+2){margin-top:0}.program-item:nth-child(even){margin-top:15px}.program-summary{padding:26px;min-height:300px}.program-name-label{font-size:67px}.program-detail{padding:0 26px 26px}.program-detail p{font-size:12px}.program-time{font-size:12px}.program-bottom{font-size:8px}.program-bottom>span:last-child{font-size:9px}.program-toolbar{gap:16px}.filter{font-size:9px;padding-inline:13px}.program-heading{gap:22px}.program-heading>p{max-width:230px;font-size:11px}.rubric h3{font-size:62px}.rubric-local h3{font-size:69px}.rubric-local{min-height:610px}.rubric p{max-width:220px}.rubric-voices h3{font-size:40px}.quote-mark{font-size:230px;right:-8px;top:26px}.about-layout{grid-template-columns:1fr;gap:45px}.about-label{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.about-label>.eyebrow{grid-column:1/-1}.about-frequency{font-size:180px;margin-top:27px}.mascot-note{margin-top:28px;align-self:center;justify-self:end}.about-copy h2{font-size:58px;max-width:550px}.about-copy>p{max-width:550px;font-size:13px}.ecosystem{max-width:600px;gap:0 35px}.ecosystem>span{font-size:10px}.collab-grid{grid-template-columns:1fr;gap:42px}.collab-copy h2{font-size:102px}.collab-copy>p{max-width:500px;font-size:13px}.collab-services{max-width:500px}.collab-services>span{font-size:9px}.contact-email{font-size:17px}.contact-phone{font-size:11px}.brief-form{padding:32px;margin:0 10px;transform:rotate(-1deg)}.brief-form input,.brief-form select,.brief-form textarea{font-size:16px}.brief-form input::placeholder,.brief-form textarea::placeholder{font-size:12px}.footer-bottom{font-size:7px}.footer-main>p{font-size:34px}.player-wave{display:none}.player-info{min-width:0;flex:1}.player-frequency{font-size:32px}.volume-control input{width:70px}}
@media(max-width:600px){
body{padding-bottom:110px}.shell{width:calc(100% - 40px)}.utility{font-size:7px;letter-spacing:.1em}.utility-inner{height:24px}.utility-dash{margin-inline:7px}.header-inner{height:78px;gap:13px}.brand img{width:91px}.header-listen{width:44px;height:44px;padding:0;min-height:44px;border:0;position:relative}.header-listen [data-play-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.header-listen .play-icon{width:22px;height:22px}.menu-toggle{width:40px}.main-nav{top:78px;padding:12px 20px 22px}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0 16px;padding-top:26px;min-height:0;overflow:clip}.hero .eyebrow{font-size:7.5px;gap:10px;letter-spacing:.09em}.red-dash{width:22px;height:2px}.hero-copy{display:contents}.hero .eyebrow,.hero h1{grid-column:1/-1}.hero-details{grid-column:1;min-width:0;padding-top:10px}.hero h1{font-size:clamp(100px,31vw,158px);margin-top:26px;margin-bottom:23px;line-height:.79;letter-spacing:-.032em}.hero-shift{transform:translateX(10px) rotate(-2deg)}.hero-spark{font-size:.34em;margin-left:49px;line-height:.9}.hero-intro{max-width:none;gap:0;margin-top:0}.intro-line{display:none}.hero-intro p{font-size:12px;line-height:1.75}.hero-intro strong{font-weight:500}.hero-intro strong+br{display:block}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:20px;max-width:none}.hero-listen{font-size:10px;gap:9px;min-height:44px}.hero-play-disc{width:42px;height:42px}.hero-play-disc .play-icon{width:21px;height:21px}.hero-actions .text-link{font-size:10px;gap:17px;margin-left:3px}.poster-scene{position:relative;grid-column:2;top:auto;right:auto;width:calc(100% - 8px);height:clamp(286px,80vw,360px);margin:12px 8px 0 0;z-index:2}.hero-art{inset:0 0 27px 0;padding:5px;transform:rotate(6deg);border-color:var(--ink)}.art-index{font-size:4.6px;letter-spacing:.025em;height:18px}.art-index>span:last-child{font-size:13px}.hero-art>img{object-position:center 57%}.hero-art figcaption{padding-top:5px;min-height:39px}.poster-frequency{font-size:39px}.poster-frequency small{font-size:10px}.poster-back{inset:11px -1px 0 7px;transform:rotate(-5deg)}.poster-back>span{font-size:77px;bottom:1px}.city-stamp{padding:6px 8px;bottom:6px;right:0;font-size:4.5px;letter-spacing:.12em;box-shadow:2px 2px 0 var(--ink);transform:rotate(-7deg)}.city-stamp strong{font-size:20px;margin-block:2px}.poster-side{right:-17px;top:40px;font-size:5px;letter-spacing:.15em}.hero-bottom{position:relative;margin-top:32px;padding:14px 0 16px;font-size:6px;line-height:1.4;gap:8px;letter-spacing:.04em}.hero-bottom a{font-size:6px}.hero-bottom a>span{font-size:13px;margin-left:6px}.signal-strip{padding-block:10px}.strip-group{font-size:26px;gap:25px;padding-right:25px}.strip-group>span:nth-child(even){font-size:24px}.section-pad{padding-block:53px}.section-top{margin-bottom:26px;gap:12px}.eyebrow{font-size:8px;letter-spacing:.1em}.section-note{font-size:7px;letter-spacing:.08em}h2{font-size:59px;line-height:.93}.program-heading{display:block;margin-bottom:26px}.program-heading>p{font-size:12px;max-width:340px;line-height:1.75;margin-top:22px}.program-toolbar{padding:17px 0 19px;gap:13px;align-items:flex-end;flex-wrap:wrap}.filter-group{gap:6px}.filter{min-height:42px;font-size:8px;padding-inline:11px}.program-tools{width:100%;justify-content:space-between;gap:20px}.program-count{font-size:8px}.program-pager{display:flex}.program-pager button{width:36px;height:33px;font-size:21px}.program-list{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;align-items:flex-start;width:calc(100% + 20px);padding:3px 20px 24px 0;scroll-padding-left:0;scrollbar-color:var(--red) #37342e;scrollbar-width:thin}.program-item{flex:0 0 84%;scroll-snap-align:start;margin:0!important;min-width:0}.program-summary{min-height:310px;padding:26px}.program-name-label{font-size:73px}.program-name{margin-top:8px}.program-time{font-size:12px}.program-number{font-size:8px}.program-bottom{font-size:8px}.program-bottom>span:last-child{font-size:10px;gap:13px}.program-detail{padding:0 26px 26px}.program-detail p{font-size:13px}.program-detail .host{font-size:10px}.program-detail .text-link{font-size:10px}.swipe-note{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.12em;color:#b4afa5;margin-top:14px}.swipe-note>span{font-size:19px;line-height:1}.warga-heading{display:block;margin-bottom:31px}.warga-heading>p{font-size:12px;width:auto;margin-top:22px}.warga-section .section-top .text-link{font-size:8px;gap:9px}.warga-section .section-top .text-link>span{font-size:19px}.rubrics{display:flex;flex-direction:column;gap:20px}.rubric{padding:28px}.rubric-local{min-height:575px}.rubric-local h3{font-size:84px;margin-top:19px}.rubric-local p{font-size:12px;max-width:250px}.rubric-local>img{height:57%;bottom:40px}.rubric-talk{min-height:327px;transform:rotate(1.3deg);margin:3px 3px 2px 0}.rubric h3{font-size:78px}.rubric-local h3{font-size:84px}.rubric-talk p{font-size:13px;max-width:255px}.rubric-category{font-size:8px}.quote-mark{font-size:270px;right:3px;top:28px}.rubric-music{min-height:340px}.rubric-music p{font-size:12px;max-width:242px}.vinyl-art{width:320px;height:320px;right:-185px;top:22px}.vinyl-art:after{inset:112px}.vinyl-art i{inset:153px}.rubric-voices{display:block;padding-right:42px}.rubric-voices h3{font-size:51px;margin-top:20px;margin-bottom:21px}.rubric-voices p{font-size:12px;max-width:250px}.rubric-voices .rubric-arrow{position:absolute;bottom:25px;right:22px}.about-layout{gap:37px}.about-label{display:block}.about-frequency{font-size:clamp(142px,44vw,206px);margin-top:26px}.about-frequency>span{font-size:8px;letter-spacing:.15em;margin-top:9px}.mascot-note{margin-top:27px;justify-content:flex-start;gap:19px}.mascot-note img{width:75px;height:75px}.mascot-note>span{font-size:8px}.mascot-note small{font-size:10px}.about-copy h2{font-size:43px;line-height:1.02;margin-bottom:23px}.about-copy>p{font-size:12px;line-height:1.85;margin-bottom:16px}.ecosystem{gap:0 20px;margin-top:25px}.ecosystem>span{font-size:8px;padding:15px 0;gap:8px}.ecosystem b{font-size:7px}.ecosystem i{font-size:19px}.collab-mark{font-size:34px}.collab-grid{gap:34px;padding-bottom:10px}.collab-copy h2{font-size:clamp(74px,22vw,112px);line-height:.89}.collab-copy>p{font-size:12px;line-height:1.85;margin-top:25px;max-width:355px}.collab-services{gap:7px;margin-top:23px;margin-bottom:27px}.collab-services>span{font-size:8px;padding:5px 8px}.contact-email{font-size:14px;padding-bottom:8px}.contact-email>span{margin-left:13px;font-size:21px}.contact-phone{font-size:9px;margin-top:12px}.brief-form{padding:24px;margin:0 3px;transform:rotate(-1deg);box-shadow:6px 6px 0 #0a0a0a30}.form-top{padding-bottom:15px;margin-bottom:21px}.form-kicker{font-size:9px;letter-spacing:.1em}.form-top>span{font-size:24px}.form-pair{grid-template-columns:1fr;gap:0}.brief-form label{font-size:10px;margin-bottom:20px}.brief-form input,.brief-form select,.brief-form textarea{font-size:16px;min-height:45px;padding-bottom:11px}.brief-form input::placeholder,.brief-form textarea::placeholder{font-size:12px}.brief-form textarea{min-height:100px}.form-submit{font-size:11px;min-height:48px;padding-inline:16px}.form-note{font-size:8px}.site-footer{padding-top:33px;padding-bottom:18px}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-bottom:28px}.footer-main img{width:108px}.footer-main>p{font-size:34px;line-height:.93;max-width:155px;text-align:right;justify-self:end}.footer-social{grid-column:1/-1;flex-direction:row;justify-content:space-between;font-size:10px}.footer-bottom{flex-wrap:wrap;font-size:7px;gap:13px 20px;line-height:1.6;padding-top:16px}.footer-bottom>span:first-child{width:100%}.footer-bottom a{margin-left:auto}.radio-player{width:calc(100% - 20px);bottom:max(9px,env(safe-area-inset-bottom));border-left:3px solid var(--red)}.player-inner{height:75px;padding:10px 12px;gap:12px}.player-toggle{width:43px;height:43px}.player-toggle .play-icon{width:22px;height:22px}.player-info{min-width:0;flex:1;overflow:hidden}.player-info>strong{font-size:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-info>span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-eyebrow{font-size:6.5px;letter-spacing:.08em;gap:5px}.volume-control{gap:0}.volume-control input{display:none}.volume-control button{width:32px;height:43px}.volume-control svg{width:22px;height:22px}.player-frequency{display:none}.player-message{font-size:10px}.player-message:not(:empty){padding:8px 12px}}
@media(max-width:365px){
.shell{width:calc(100% - 32px)}.hero{min-height:0;padding-top:24px;column-gap:13px}.hero h1{font-size:100px;margin-top:24px;margin-bottom:25px}.hero .eyebrow{font-size:6.5px;gap:8px}.hero-intro{max-width:none;gap:0}.intro-line{width:10px}.hero-intro p{font-size:11px}.poster-scene{top:auto;right:auto;width:calc(100% - 6px);height:286px}.art-index{font-size:4px}.poster-frequency{font-size:31px}.city-stamp{padding:5px 7px}.city-stamp strong{font-size:18px}.poster-side{font-size:4.5px;right:-14px}.hero-listen{font-size:9px;gap:7px}.hero-play-disc{width:37px;height:37px}.hero-actions{max-width:none;gap:12px;margin-top:18px}.hero-actions .text-link{font-size:9px}.hero-bottom{font-size:5px;gap:7px}.hero-bottom a{font-size:5px}.hero-bottom a>span{margin-left:5px}.hero-spark{margin-left:42px}.program-summary{padding:23px;min-height:286px}.program-name-label{font-size:64px}.program-detail{padding-inline:23px}.filter{padding-inline:9px;font-size:7.5px}.program-time{font-size:11px}.program-bottom{font-size:7px}.program-bottom>span:last-child{font-size:9px}.rubric{padding:24px}.rubric-local{min-height:540px}.rubric-local h3{font-size:75px}.rubric-voices h3{font-size:38px}.rubric h3{font-size:71px}.rubric-local h3{font-size:75px}.rubric-music p{max-width:220px}.collab-copy h2{font-size:76px}.brief-form{padding:21px}.form-kicker{font-size:8px}.footer-main>p{font-size:29px}.about-copy h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;translate:none}.strip-track{transform:none}
}

@media(min-width:601px){.city-stamp{left:8px;right:auto;bottom:4px}}@media(max-width:365px){.program-list{width:calc(100% + 16px);padding-right:16px}}

.rubric-local>img{height:51%}@media(max-width:600px){.rubric-local>img{height:42%}}

/* Original programme artwork and the station's event archive. */
.program-name{min-height:132px;display:flex;flex-direction:column;justify-content:center}
.program-logo{display:block;width:100%}
.program-logo img{width:100%;height:132px;object-fit:contain;mix-blend-mode:multiply}
.has-program-logo .card-wave{visibility:hidden}
.program-item[data-program="disetel"]{background:var(--paper);color:#5d1731;border-color:var(--paper)}
.event-archive{margin-top:85px;padding-top:34px;border-top:1px solid var(--ink)}
.archive-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:36px}
.archive-heading .eyebrow{color:#b9141e;margin-bottom:18px}
.archive-heading h3{font:700 clamp(44px,5.3vw,70px)/.93 var(--heading);letter-spacing:-.02em}
.archive-heading>p{max-width:290px;font-size:12px;line-height:1.8;color:var(--muted)}
.event-posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:12px 6px 10px}
.event-card{min-width:0}
.event-art{position:relative;aspect-ratio:4/5;padding:35px 24px 24px;background:#e4dfd4;border:1px solid #c6bfb0;transform:rotate(-2deg)}
.event-card:nth-child(2){margin-top:24px}
.event-card:nth-child(2) .event-art{transform:rotate(2deg);background:#eadcbe}
.event-card:nth-child(3) .event-art{transform:rotate(-1deg);background:#dedbd0}
.archive-index{position:absolute;left:14px;top:11px;font-size:7px;letter-spacing:.1em;font-weight:600}
.event-art img{width:100%;height:100%;object-fit:contain}
.event-card figcaption{padding:24px 5px 0}
.event-card h4{font-size:17px;line-height:1.35;margin:0 0 7px;letter-spacing:-.025em}
.event-card figcaption p{font-size:10px;line-height:1.6;color:var(--muted)}
.archive-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.archive-bottom>span{font-size:7px;letter-spacing:.1em;color:var(--muted)}
@media(max-width:900px){.archive-heading>p{max-width:220px}.event-posters{gap:22px}.event-art{padding:30px 16px 18px}.event-card h4{font-size:14px}}
@media(max-width:600px){
.program-name{min-height:135px}.program-logo img{height:135px}
.event-archive{margin-top:58px;padding-top:27px}.archive-heading{display:block;margin-bottom:24px}.archive-heading h3{font-size:51px}.archive-heading>p{max-width:300px;font-size:12px;margin-top:22px}.archive-heading .eyebrow{font-size:7px;margin-bottom:20px}
.event-posters{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:23px;width:calc(100% + 20px);padding:12px 20px 24px 6px;scrollbar-color:var(--red) var(--line);scrollbar-width:thin}.event-card{flex:0 0 78%;scroll-snap-align:start}.event-card:nth-child(2){margin-top:0}.event-art{padding:32px 20px 21px}.event-card h4{font-size:17px}.event-card figcaption{padding-top:22px}.archive-bottom{margin-top:20px;flex-wrap:wrap;gap:14px}.archive-bottom>span{font-size:6px}.archive-bottom .text-link{font-size:9px;gap:9px}.archive-bottom .text-link>span{font-size:18px}
}
@media(max-width:365px){.event-posters{width:calc(100% + 16px);padding-right:16px}.archive-heading h3{font-size:44px}.hero-listen{gap:6px;font-size:9px}.rubric.rubric-voices h3{font-size:38px}}

.schedule-board{display:grid;grid-template-columns:1fr 1fr;gap:36px;border-top:1px solid #45423b;padding:23px 0 26px}
.schedule-board[hidden]{display:none}
.schedule-now,.schedule-next{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:9px}
.schedule-kicker{font-size:8px;letter-spacing:.1em;line-height:1.5;font-weight:500;color:#bcb7ad}
.schedule-now .schedule-kicker{color:#ff6b72}
.schedule-name{font:700 40px/.98 var(--heading);letter-spacing:-.015em}
.schedule-time{font-size:9px;line-height:1.5;color:#bcb7ad}
.schedule-next{padding:0 0 0 30px;background:none;border:0;border-left:1px solid #45423b;color:var(--paper);text-align:left;transition:color .2s}
.schedule-next .schedule-kicker{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}
.schedule-next .schedule-kicker>span{font-size:21px;line-height:.7;color:var(--red)}
.schedule-next:hover .schedule-name{color:#ff6b72}
.player-options-toggle{flex-shrink:0;width:37px;height:38px;border:1px solid #696259;background:none;color:var(--paper);display:grid;place-items:center;padding:7px}
.player-options-toggle svg{width:21px;height:21px;fill:currentColor}
.player-options-toggle:hover,.player-options-toggle[aria-expanded="true"]{background:var(--red);border-color:var(--red)}
.player-options{position:absolute;bottom:calc(100% + 9px);left:-4px;right:-1px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:12px 23px 18px;box-shadow:0 6px 22px #0a0a0a25;max-height:min(65vh,420px);overflow-y:auto}
.player-options[hidden]{display:none}
.options-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.12em;font-weight:600;margin-bottom:8px}
.options-top button{width:40px;height:40px;border:0;background:none;font-size:27px;line-height:1;color:var(--ink);margin-right:-10px}
.options-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.options-actions>a,.options-actions>button{min-height:46px;padding:10px 14px;border:1px solid var(--ink);background:transparent;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--ink);font-size:11px;font-weight:600;line-height:1.5;text-align:left}
.options-actions>.options-primary{background:var(--red);border-color:var(--red);color:white}
.options-actions>a:hover,.options-actions>button:hover{box-shadow:3px 3px 0 #0a0a0a25}
.options-actions>button:disabled{opacity:.5;cursor:wait}
.options-actions span{font-size:20px;line-height:1}
.options-note{font-size:9px;line-height:1.7;color:var(--muted);margin-top:12px}
.share-status{font-size:11px;line-height:1.6}
.share-status:not(:empty){margin-top:9px}
.share-fallback[hidden]{display:none}
.share-fallback{margin-top:13px}
.share-fallback label{font-size:10px;font-weight:600;display:block}
.share-fallback input{margin-top:5px;display:block;min-height:42px;width:100%;border:1px solid var(--muted);background:white;color:var(--ink);font-size:11px;padding:10px;user-select:all}
@media(max-width:900px){.player-inner{gap:14px}.player-frequency{padding-left:14px;margin-left:0}.player-wave{margin-left:0;margin-right:0}}
@media(max-width:600px){
.schedule-board{gap:18px;padding:20px 0 22px}.schedule-next{padding-left:18px}.schedule-kicker{font-size:6.5px;letter-spacing:.06em}.schedule-name{font-size:30px}.schedule-time{font-size:8px}.schedule-now,.schedule-next{gap:9px}.schedule-next .schedule-kicker{gap:7px}.schedule-next .schedule-kicker>span{font-size:17px}
.player-inner{gap:9px}.player-options-toggle{width:29px;height:39px;padding:4px}.player-options-toggle svg{width:19px}.player-options{padding:8px 15px 15px;left:-3px;max-height:65vh}.options-top{font-size:7px;margin-bottom:5px}.options-actions{grid-template-columns:1fr 1fr;gap:8px}.options-actions>a,.options-actions>button{font-size:10px;padding:10px;min-height:45px;gap:8px}.options-actions>:last-child{grid-column:1/-1}.options-note{font-size:8px;margin-top:10px}.share-status{font-size:10px}.options-actions span{font-size:18px}
}
@media(max-width:365px){.schedule-board{gap:14px}.schedule-next{padding-left:14px}.schedule-name{font-size:27px}.schedule-kicker{font-size:6px}.player-info>strong{font-size:21px}.options-actions>a,.options-actions>button{font-size:9px}}

/* Clearer mobile reading and a visible route to song requests. */
.header-request{display:none}
.hero-actions .hero-request{min-height:46px;padding:9px 15px;border:1px solid var(--ink);gap:20px;font-size:12px;color:var(--ink)}
.hero-actions .hero-request:hover{background:var(--ink);color:var(--paper)}
.rubric-music h3{color:var(--paper)}
@media(max-width:760px){
.header-request{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;font-size:12px;font-weight:600;white-space:nowrap;border-bottom:1px solid var(--red);flex-shrink:0}
.header-request>span{font-size:18px;line-height:1;color:var(--red)}
.program-heading>p,.warga-heading>p,.archive-heading>p,.about-copy>p,.collab-copy>p,.rubric p{font-size:15px;line-height:1.75}
.program-detail p{font-size:15px;line-height:1.75}.program-detail .host{font-size:13px}.program-detail .text-link{font-size:14px;line-height:1.6;display:inline-block}
}
@media(max-width:600px){
.utility{font-size:9px;letter-spacing:.05em}.utility-inner{height:28px}.utility-right{gap:7px}
.header-inner{gap:8px}.header-request{width:80px}.header-listen{margin-left:0;flex-shrink:0}.menu-toggle{flex-shrink:0}
.hero .eyebrow{font-size:10px;letter-spacing:.04em;gap:9px}.hero-intro p{font-size:15px;line-height:1.7}.hero-intro strong{font-weight:600}
.hero-actions{gap:10px;margin-top:20px;width:100%}.hero-listen{font-size:13px;line-height:1.4;white-space:normal;text-align:left;width:100%;gap:10px;min-height:48px}.hero-play-disc{width:44px;height:44px;flex-shrink:0}
.hero-actions .hero-request{width:100%;min-height:46px;justify-content:space-between;padding:9px 10px;margin-left:0;font-size:13px;line-height:1.4;gap:8px}.hero-actions .hero-request>span{font-size:19px}
.art-index{font-size:7px;line-height:1.3;letter-spacing:0;gap:4px;height:22px}.art-index>span:last-child{font-size:13px;flex-shrink:0}
.hero-bottom,.hero-bottom a{font-size:9px;line-height:1.5}.hero-bottom{flex-wrap:wrap;gap:10px 15px}
.eyebrow,.section-note,.rubric-category,.program-number,.program-bottom,.swipe-note,.archive-index,.archive-bottom>span{font-size:10px;letter-spacing:.06em;line-height:1.5}
.section-top{align-items:flex-start}.warga-section .section-top .text-link{font-size:12px;gap:8px}
.program-heading>p,.warga-heading>p,.archive-heading>p,.about-copy>p,.collab-copy>p,.rubric p{font-size:15px;line-height:1.75}
.schedule-kicker{font-size:10px;line-height:1.5;letter-spacing:.04em;min-height:30px}.schedule-name{font-size:32px}.schedule-time{font-size:12px;line-height:1.6}
.schedule-next .schedule-kicker{align-items:flex-start}.schedule-next .schedule-kicker>span{font-size:18px;padding-top:4px}
.filter-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}.filter{min-height:46px;padding:8px 6px;font-size:12px;line-height:1.4}
.program-count{font-size:11px}.program-pager button{width:44px;height:44px}
.program-summary{min-height:338px}.program-top{flex-wrap:wrap;gap:8px 10px}.program-time{font-size:14px}.program-time small{font-size:10px}.program-number{white-space:nowrap}
.program-bottom>span:last-child{font-size:13px;gap:10px}.program-name small{font-size:10px;letter-spacing:.03em}.program-detail p{font-size:15px}.program-detail .host{font-size:13px}.program-detail .text-link{font-size:14px}
.swipe-note{margin-top:18px}.rubric-local{min-height:610px}.rubric-local>img{height:40%}.rubric-talk{min-height:365px}.rubric-music{min-height:390px}
.archive-heading .eyebrow,.archive-bottom>span{font-size:10px}.event-card h4{font-size:18px}.event-card figcaption p{font-size:13px;line-height:1.7}.archive-bottom .text-link{font-size:13px;gap:10px}
.about-frequency>span,.mascot-note>span{font-size:11px}.mascot-note small{font-size:13px}.ecosystem>span{font-size:12px;min-height:50px}.ecosystem b{font-size:10px}
.collab-services>span{font-size:12px;padding:7px 10px}.contact-email{font-size:15px}.contact-phone{font-size:14px;line-height:1.7}.brief-form label{font-size:13px}.form-kicker{font-size:12px}.brief-form input::placeholder,.brief-form textarea::placeholder{font-size:14px}.form-submit{font-size:14px}.form-note,.form-status{font-size:12px;line-height:1.7}
.footer-social{font-size:14px}.footer-bottom{font-size:11px;line-height:1.7;letter-spacing:0}
.player-inner{height:84px}.player-eyebrow{font-size:9px;letter-spacing:.04em;gap:6px}.player-info>strong{font-size:24px}.player-info>span{font-size:10px}.volume-control button{height:44px}.player-options-toggle{width:32px;height:44px}
.options-top{font-size:10px;letter-spacing:.06em}.options-actions>a,.options-actions>button{font-size:13px;line-height:1.5}.options-note,.share-fallback label{font-size:12px;line-height:1.7}.share-status{font-size:13px}.share-fallback input{font-size:16px}.player-message{font-size:13px}
}
@media(max-width:365px){
.brand img{width:84px}.menu-toggle{width:36px}.hero .eyebrow{font-size:9px}.hero-intro p{font-size:15px}.hero-play-disc{width:44px;height:44px}.hero-listen{font-size:13px;gap:9px}
.art-index{font-size:6.5px}.hero-bottom,.hero-bottom a{font-size:9px}.program-summary{min-height:338px}.program-name small{font-size:9px}.schedule-name{font-size:30px}.schedule-kicker{font-size:10px}.rubric-local{min-height:590px}.player-info>strong{font-size:23px}
}

/* One visual area and one baseline for every programme card. */
.program-item:nth-child(n){margin-top:0}
.program-summary{padding:22px;min-height:366px}
.program-top{min-height:30px;align-items:center;gap:8px 12px;flex-wrap:wrap}
.program-number{white-space:nowrap}
.program-time{font-size:14px;white-space:nowrap}
.program-time small{font-size:9px}
.program-name,.has-program-motion .program-name{display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-height:0;height:210px;margin:5px -10px 0}
.program-name-label{padding-inline:10px;font-size:clamp(56px,5.1vw,74px);line-height:.9}
.program-logo-motion{display:flex;align-items:center;width:100%;height:100%}
.program-logo-motion video{display:block;width:100%;height:100%;object-fit:contain;background:var(--paper);pointer-events:none}
.program-identity{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;margin:0 0 14px;line-height:1.4}
.program-motion-caption{font-size:13px;font-weight:600}
.program-identity small{border:1px solid currentColor;padding:4px 5px;font-size:7px;line-height:1.3;font-weight:600;letter-spacing:.03em;white-space:nowrap}
.program-identity small[hidden]{display:none}
.program-bottom{min-height:39px;border-top:1px solid #0a0a0a30;padding-top:12px;font-size:9px;line-height:1.5}
.program-item[data-program="pegi-pagi"] .program-bottom,.program-item[data-program="keburu-siang"] .program-bottom{border-color:#ffffff55}
.program-bottom>span:last-child{font-size:12px;gap:12px}
.program-detail{padding:0 22px 24px}
.program-item[data-program="disetel"]{background:var(--paper);border-color:var(--paper);color:#471d35}
.program-item[data-program="kemaleman"]{background:var(--paper);border-color:var(--paper);color:#4a0926}
.logo-motion-toggle{min-height:42px;padding:8px 12px;border:1px solid #777167;background:none;color:var(--paper);font-size:11px;line-height:1.4;white-space:nowrap}
.logo-motion-toggle:hover{background:var(--paper);color:var(--ink)}
.logo-motion-toggle[hidden]{display:none}
.schedule-current-list,.schedule-current{display:flex;flex-direction:column;gap:7px;min-width:0}
.schedule-current-list{gap:18px}
@media(min-width:601px) and (max-width:1000px){
.program-name,.has-program-motion .program-name{height:176px}
.program-summary{min-height:332px;padding:18px}
.program-name-label{font-size:clamp(46px,6.9vw,64px)}
.program-time{font-size:12px}.program-top{min-height:35px}
.program-identity{flex-wrap:wrap;min-height:32px}
.program-motion-caption{font-size:12px}.program-detail{padding-inline:18px}
}
@media(max-width:600px){
.program-item{flex-basis:91%}
.program-summary{padding:20px;min-height:346px}
.program-top{min-height:31px;flex-wrap:nowrap}
.program-number{font-size:10px}.program-time{font-size:14px}.program-time small{font-size:10px}
.program-name,.has-program-motion .program-name{height:182px;margin:3px -10px 0}
.program-name-label{font-size:70px;line-height:.9}
.program-identity{min-height:36px;margin-bottom:12px;flex-wrap:nowrap}
.program-motion-caption{font-size:15px}.program-identity small{font-size:9px;padding:4px}
.program-bottom{min-height:41px;font-size:10px}.program-bottom>span:last-child{font-size:13px}
.program-detail{padding:0 20px 24px}
.program-tools{gap:8px}.logo-motion-toggle{width:92px;flex-shrink:0;min-height:44px;font-size:12px;padding:8px 5px}.program-tools .program-count{font-size:10px;letter-spacing:.05em}
}
@media(max-width:365px){
.program-summary{padding-inline:18px}
.program-name-label{font-size:64px}
.program-time{font-size:13px}.program-time small{font-size:9px}
.program-number{font-size:9px}.program-identity small{font-size:9px}
.program-motion-caption{font-size:14px}.program-detail{padding-inline:18px}
}

/* diSETEL belongs to Kemaleman. */
.program-content-hint{display:block;font-size:10px;line-height:1.5;font-weight:400}
.program-content{border-left:2px solid var(--red);padding-left:16px;margin:2px 0 22px}
.program-content .program-content-kicker{font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.06em;color:#9d132a;margin:0 0 12px}
.program-content-logo{display:block;width:100%;margin-bottom:12px}
.program-content-logo video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;pointer-events:none;background:var(--paper)}
.program-content-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.program-content-heading h3{font:700 34px/1 var(--heading);letter-spacing:-.01em}
.program-content-heading small{border:1px solid currentColor;font-size:9px;line-height:1.4;font-weight:600;padding:4px}
.program-content-heading small[hidden]{display:none}
.program-content .program-content-meta{font-size:12px;line-height:1.6;margin:9px 0 14px}
.schedule-context{font-size:9px;line-height:1.5;letter-spacing:.04em;color:#ff8a90}
.schedule-content{display:flex;flex-direction:column;gap:5px;margin-top:8px;padding-left:12px;border-left:2px solid var(--red)}
.schedule-content-name{font:700 26px/1 var(--heading)}
.schedule-next-context{font-size:11px;line-height:1.5;color:#c8c2b6}
.schedule-next-context[hidden]{display:none}
.schedule-next .schedule-kicker>span:first-child{font:inherit;color:inherit;line-height:inherit;padding-top:0}
@media(max-width:600px){
.program-content{padding-left:12px}.program-content .program-content-kicker{font-size:11px}
.program-content .program-content-meta{font-size:13px}
.schedule-context{font-size:10px}.schedule-content-name{font-size:26px}
}

/* A clear route from listening here to watching on TikTok. */
.hero-bottom-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.hero-bottom-links a{min-height:44px;display:inline-flex;align-items:center}
.watch-section{background:var(--paper);border-bottom:1px solid var(--line)}
.watch-section .section-note{color:var(--muted)}
.watch-layout{display:grid;grid-template-columns:1.25fr .85fr;gap:80px;align-items:center}
.watch-copy h2{font-size:clamp(74px,8.2vw,112px);line-height:.9;letter-spacing:-.025em}
.watch-copy>p{max-width:390px;margin-top:28px;font-size:16px;line-height:1.8}
.watch-copy>p strong{font-weight:600}
.watch-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}
.watch-tiktok{background:var(--red);color:white;border-color:var(--red);font-size:14px;min-height:54px;gap:28px;padding-inline:22px}
.watch-tiktok>span{font-size:23px;font-weight:400;line-height:1}
.watch-tiktok:hover{background:#c9141d;border-color:#c9141d}
.watch-listen{display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;min-height:48px;border:0;padding:0;background:none;color:var(--ink);font-size:13px;font-weight:600}
.watch-copy>p.watch-note{font-size:12px;line-height:1.75;color:var(--muted);margin-top:18px;max-width:420px}
.watch-channel{border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:12px;box-shadow:10px 10px 0 #e51b24;max-width:440px;width:100%;justify-self:end}
.watch-channel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 3px 14px;font-size:9px;line-height:1.5;letter-spacing:.05em}
.watch-channel-top>span:first-child{font-weight:600;color:#ff8a90}
.watch-channel-art{position:relative;height:335px;overflow:hidden;background:#e8e1d7}
.watch-channel-art>img{width:100%;height:100%;object-fit:cover;object-position:center 50%}
.watch-art-stamp{position:absolute;bottom:15px;left:14px;background:var(--red);color:white;padding:12px 16px;font:700 36px/.95 var(--heading);letter-spacing:-.015em;transform:rotate(-3deg)}
.watch-art-stamp>span{position:absolute;right:-14px;top:-22px;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font-size:35px;transform:rotate(7deg)}
.watch-channel figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 3px 5px}
.watch-channel figcaption strong{font-size:17px;line-height:1.3}
.watch-channel figcaption>span{font-size:8px;line-height:1.6;letter-spacing:.06em;text-align:right;max-width:110px;color:#c3beb4}
.options-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.options-actions>:last-child{grid-column:auto}
@media(max-width:1000px){
.watch-layout{gap:45px;grid-template-columns:1.1fr 1fr}
.watch-copy h2{font-size:86px}.watch-copy>p{font-size:15px}
.watch-channel-art{height:310px}.watch-channel-top{font-size:8px}.watch-channel figcaption strong{font-size:15px}
}
@media(max-width:760px){
.watch-layout{gap:40px;grid-template-columns:1fr}
.watch-channel{justify-self:start;max-width:430px}
.watch-copy h2{font-size:clamp(78px,14vw,100px)}
.watch-copy>p{max-width:420px}.watch-channel-art{height:350px}
}
@media(max-width:600px){
.hero-bottom-links{gap:14px}.hero-bottom-links a{font-size:11px;letter-spacing:0}
.watch-section .section-top{gap:16px;flex-wrap:wrap}
.watch-layout{gap:32px}.watch-copy h2{font-size:clamp(72px,20vw,98px)}
.watch-copy>p{font-size:15px;line-height:1.75;margin-top:24px}
.watch-actions{display:grid;grid-template-columns:1fr;gap:6px;margin-top:23px}
.watch-tiktok{width:100%;justify-content:space-between;min-height:54px;font-size:15px;padding-inline:17px}
.watch-listen{font-size:14px;min-height:48px}
.watch-copy>p.watch-note{font-size:12px;margin-top:14px}
.watch-channel{box-shadow:6px 6px 0 var(--red);width:calc(100% - 6px);padding:10px}
.watch-channel-art{height:300px}.watch-channel-top{font-size:9px;padding-bottom:12px}
.watch-channel-top>span:last-child{max-width:112px;text-align:right}
.watch-channel figcaption{padding-top:14px}.watch-channel figcaption strong{font-size:16px}
.watch-channel figcaption>span{font-size:9px;max-width:108px}
.watch-art-stamp{font-size:34px;left:12px;bottom:15px;padding:11px 13px}
}
@media(max-width:365px){
.watch-copy h2{font-size:72px}.watch-channel-art{height:270px}
.watch-channel-top{font-size:8px}.watch-channel figcaption{gap:8px}
.watch-channel figcaption strong{font-size:14px}.watch-channel figcaption>span{font-size:8px;max-width:95px}
}