/* Halmblog Listen Redesign – pop-art v2 */
.hll-on #content.hll-content{max-width:none;width:100%;padding:0;margin:0;background:transparent}
.hll-on #main-wrapper{overflow-x:hidden}
.hll{--ink:var(--hl-ink,#111);--cream:var(--hl-bg,#fff6e0);--y:var(--hl-y,#ffe500);--p:var(--hl-p,#ff3ea5);--b:var(--hl-b,#2d7bff);--l:var(--hl-l,#7dff4d);--o:var(--hl-o,#ff6a1a);--c:var(--hl-c,#00e0ff);--v:var(--hl-v,#b78cff);--sh:6px 6px 0 var(--hl-ink,#111);
 position:relative;isolation:isolate;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;padding-bottom:60px;color:var(--ink);font-family:"Space Grotesk",system-ui,sans-serif;font-size:15px;line-height:1.45;
 background:var(--cream) radial-gradient(var(--hl-ink,#111) 1.2px,transparent 1.4px) 0 0/22px 22px}
.hll *{box-sizing:border-box}.hll a{color:inherit;text-decoration:none}
.hll-wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.hll-fx{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hll-fx b{position:absolute;font-size:46px;animation:hll-bob 4s ease-in-out infinite alternate}
@keyframes hll-bob{to{transform:translateY(-18px) rotate(20deg)}}

/* hero */
.hll-hero{position:relative;padding:50px 0 30px;text-align:center}
.hll-kicker{display:inline-block;background:var(--hl-ink,#111);color:var(--y);font-weight:700;letter-spacing:.15em;font-size:12px;text-transform:uppercase;padding:8px 16px;border-radius:99px;transform:rotate(-2deg);margin:0 0 10px}
.hll-big{font-family:"Archivo Black",sans-serif;font-size:clamp(52px,18vw,250px);line-height:.85;margin:0;letter-spacing:-.02em;display:flex;justify-content:center;gap:.02em;color:var(--ink)}
.hll-big span{display:inline-block;-webkit-text-stroke:5px var(--hl-ink,#111);text-shadow:8px 8px 0 var(--hl-ink,#111);animation:hll-jump 2.4s ease-in-out infinite;transform-origin:bottom}
.hll-big span:nth-child(1){color:var(--p);--r:-6deg}.hll-big span:nth-child(2){color:var(--y);--r:4deg;animation-delay:.12s}.hll-big span:nth-child(3){color:var(--b);--r:-3deg;animation-delay:.24s}.hll-big span:nth-child(4){color:var(--l);--r:6deg;animation-delay:.36s}.hll-big span:nth-child(5){color:var(--o);--r:-5deg;animation-delay:.48s}.hll-big span:nth-child(6){color:var(--c);--r:3deg;animation-delay:.6s}
.hll-big.is-genre span{color:var(--p)}
.hll-big.is-genre{font-size:clamp(44px,10vw,140px);flex-wrap:wrap}
@keyframes hll-jump{0%,60%,100%{transform:rotate(var(--r,0deg)) translateY(0)}30%{transform:rotate(calc(var(--r,0deg)*-1)) translateY(-22px)}}
.hll-lead{font-size:clamp(17px,2vw,22px);font-weight:700;max-width:640px;margin:18px auto 22px;background:#fff;border:3px solid var(--hl-ink,#111);box-shadow:var(--sh);padding:12px 18px;border-radius:14px;transform:rotate(1deg)}
.hll-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}
.hll-stats div{border:3px solid var(--hl-ink,#111);box-shadow:var(--sh);border-radius:16px;padding:12px 20px;min-width:140px}
.hll-stats div:nth-child(1){background:var(--y);transform:rotate(-3deg)}.hll-stats div:nth-child(2){background:var(--c);transform:rotate(2deg)}.hll-stats div:nth-child(3){background:var(--l);transform:rotate(-1deg)}
.hll-stats strong{display:block;font-family:"Archivo Black",sans-serif;font-size:30px;line-height:1}
.hll-stats span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.hll-sticker{position:absolute;font-family:"Archivo Black",sans-serif;border:3px solid var(--hl-ink,#111);box-shadow:var(--sh);padding:10px 14px;border-radius:12px;font-size:18px;z-index:2}
.hll-sticker.s1{background:var(--p);color:#fff;left:4%;top:90px;transform:rotate(-12deg)}
.hll-sticker.s2{background:var(--y);right:5%;top:70px;transform:rotate(10deg)}
.hll-sticker.s3{background:var(--l);left:8%;bottom:40px;transform:rotate(8deg)}
.hll-spin{position:absolute;right:6%;bottom:10px;width:140px;height:140px;z-index:2}
.hll-spin svg{width:100%;height:100%;animation:hll-rot 10s linear infinite}
.hll-spin:after{content:"🔥";position:absolute;inset:0;display:grid;place-items:center;font-size:40px}
@keyframes hll-rot{to{transform:rotate(360deg)}}

/* tapes */
.hll-tapes{position:relative;height:150px;margin:20px 0 30px}
.hll-tape{position:absolute;left:-5%;width:110%;border-block:3px solid var(--hl-ink,#111);overflow:hidden;white-space:nowrap}
.hll-tape.t1{top:30px;background:var(--p);color:#fff;transform:rotate(-3deg);z-index:2}
.hll-tape.t2{top:50px;background:var(--y);transform:rotate(2.5deg)}
.hll-tape-move{display:inline-flex;gap:30px;padding:12px 0;animation:hll-marq 50s linear infinite;font-family:"Archivo Black",sans-serif;font-size:18px;text-transform:uppercase}
.hll-tape.t2 .hll-tape-move{animation-direction:reverse}
.hll-tape:hover .hll-tape-move{animation-play-state:paused}
@keyframes hll-marq{to{transform:translateX(-50%)}}

/* genres */
.hll-genres{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px}
.hll-genres a{font-weight:700;border:3px solid var(--hl-ink,#111);box-shadow:4px 4px 0 var(--hl-ink,#111);border-radius:99px;padding:10px 20px;background:#fff;transition:.15s}
.hll-genres a small{font-weight:500;opacity:.7}
.hll-genres a:nth-child(7n+2){background:var(--y)}.hll-genres a:nth-child(7n+3){background:var(--c)}.hll-genres a:nth-child(7n+4){background:var(--l)}.hll-genres a:nth-child(7n+5){background:var(--v)}.hll-genres a:nth-child(7n+6){background:var(--o)}.hll-genres a:nth-child(7n){background:var(--p);color:#fff}
.hll-genres a:hover{transform:translate(-2px,-2px) rotate(-3deg);box-shadow:7px 7px 0 var(--hl-ink,#111)}
.hll-genres a:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--hl-ink,#111)}
.hll-genres a.on{background:var(--hl-ink,#111)!important;color:var(--y)!important}

/* layout */
.hll-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:start}
.hll-section{margin-bottom:46px}
.hll-h2{display:inline-block;font-family:"Archivo Black",sans-serif;font-size:clamp(26px,3.4vw,40px);line-height:1;margin:0 0 22px;background:var(--hl-ink,#111);color:#fff;padding:10px 18px;transform:rotate(-2deg);box-shadow:6px 6px 0 var(--p)}
.hll-h2.alt{box-shadow:6px 6px 0 var(--b);transform:rotate(1.5deg)}

/* cards */
.hll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:26px 22px}
.hll-card{position:relative;border:3px solid var(--hl-ink,#111);border-radius:18px;box-shadow:var(--sh);padding:10px;background:#fff;transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .25s}
.hll-card:nth-child(6n+1){background:var(--y);transform:rotate(-1.6deg)}.hll-card:nth-child(6n+2){background:var(--c);transform:rotate(1.2deg)}.hll-card:nth-child(6n+3){background:var(--p);transform:rotate(-.8deg)}.hll-card:nth-child(6n+4){background:var(--l);transform:rotate(1.8deg)}.hll-card:nth-child(6n+5){background:var(--v);transform:rotate(-1.2deg)}.hll-card:nth-child(6n){background:var(--o);transform:rotate(.9deg)}
.hll-card:hover{transform:rotate(0) translate(-4px,-6px) scale(1.03);box-shadow:12px 12px 0 var(--hl-ink,#111);z-index:3}
.hll-art{display:block;position:relative;aspect-ratio:1;border:3px solid var(--hl-ink,#111);border-radius:12px;overflow:hidden;background:#fff}
.hll-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.hll-card:hover .hll-art img{transform:scale(1.08) rotate(2deg)}
.hll-tag{position:absolute;top:-12px;left:-8px;z-index:2;background:#fff;border:3px solid var(--hl-ink,#111);border-radius:8px;padding:3px 9px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;transform:rotate(-6deg)}
.hll-new{position:absolute;top:-14px;right:-12px;z-index:2;width:54px;height:54px;display:grid;place-items:center;background:var(--p);color:#fff;font-family:"Archivo Black",sans-serif;font-size:12px;border:3px solid var(--hl-ink,#111);clip-path:polygon(50% 0,61% 18%,82% 10%,80% 32%,100% 40%,85% 56%,96% 76%,74% 78%,68% 100%,50% 87%,32% 100%,26% 78%,4% 76%,15% 56%,0 40%,20% 32%,18% 10%,39% 18%);animation:hll-rot 6s linear infinite}
.hll-title{font-family:"Space Grotesk",sans-serif;font-size:16px;line-height:1.25;font-weight:700;margin:12px 4px 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--hl-ink,#111)}
.hll-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 4px 2px}
.hll-time{font-size:12px;font-weight:700}
.hll-dl{background:var(--hl-ink,#111);color:#fff!important;font-weight:700;font-size:12px;padding:8px 12px;border-radius:10px;border:2px solid var(--hl-ink,#111);transition:.15s;white-space:nowrap}
.hll-dl:hover{background:#fff;color:var(--hl-ink,#111)!important;transform:rotate(-4deg) scale(1.08)}

/* hot */
.hll-hot{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:26px 22px}
.hll-hot .hll-card.is-big{grid-row:span 2;background:var(--p)!important;transform:rotate(-1deg)}
.hll-hot .is-big .hll-art{aspect-ratio:auto;height:calc(100% - 120px);min-height:320px}
.hll-hot .is-big .hll-title{font-family:"Archivo Black",sans-serif;font-size:24px;line-height:1.1;color:#fff;-webkit-line-clamp:3}
.hll-hot .is-big .hll-time{color:#fff}
.hll-hot .is-big .hll-dl{background:var(--y);color:var(--hl-ink,#111)!important;font-size:14px;padding:10px 16px}
.hll-num1{position:absolute;z-index:3;left:-16px;bottom:120px;font-family:"Archivo Black",sans-serif;font-size:110px;line-height:1;color:var(--y);-webkit-text-stroke:4px var(--hl-ink,#111);text-shadow:6px 6px 0 var(--hl-ink,#111);transform:rotate(-10deg)}

/* pager */
.hll-pager{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:40px}
.hll-pager .page-numbers{min-width:48px;height:48px;padding:0 14px;display:grid;place-items:center;border:3px solid var(--hl-ink,#111);border-radius:12px;background:#fff;box-shadow:4px 4px 0 var(--hl-ink,#111);font-weight:700;transition:.15s}
.hll-pager .current{background:var(--y);transform:rotate(-4deg)}
.hll-pager a.page-numbers:hover{background:var(--c);transform:translate(-2px,-2px)}
.hll-pager .dots{border:0;box-shadow:none;background:none}

/* sidebar */
.hll-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:26px}
.hll-box{display:block;background:#fff;border:3px solid var(--hl-ink,#111);border-radius:20px;box-shadow:var(--sh);padding:18px;position:relative}
.hll-box h3{font-family:"Archivo Black",sans-serif;font-size:22px;line-height:1;margin:0 0 14px;color:var(--hl-ink,#111)}
.hll-box h3 mark{background:var(--y);padding:0 6px;color:var(--hl-ink,#111)}
.hll-search{padding:8px;background:var(--y);transform:rotate(-1deg)}
.hll-search form{display:flex;gap:8px}
.hll-search input{flex:1;min-width:0;border:3px solid var(--hl-ink,#111);border-radius:12px;padding:12px;font:inherit;font-weight:600;background:#fff;outline:0}
.hll-search button{border:3px solid var(--hl-ink,#111);border-radius:12px;background:var(--p);color:#fff;font-weight:700;padding:0 14px;cursor:pointer;font-family:inherit}
.hll-rank{list-style:none;margin:0;padding:0}
.hll-rank li{display:grid;grid-template-columns:40px 50px 1fr;gap:10px;align-items:center;padding:8px 0;border-top:2px dashed var(--hl-ink,#111)}
.hll-rank li:first-child{border-top:0}
.hll-rank-n{width:38px;height:38px;border-radius:50%;border:3px solid var(--hl-ink,#111);display:grid;place-items:center;font-family:"Archivo Black",sans-serif;font-size:15px;background:var(--c)}
.hll-rank li:nth-child(1) .hll-rank-n{background:var(--y)}.hll-rank li:nth-child(2) .hll-rank-n{background:var(--p);color:#fff}.hll-rank li:nth-child(3) .hll-rank-n{background:var(--l)}
.hll-rank img{width:50px;height:50px;border-radius:10px;border:2px solid var(--hl-ink,#111);object-fit:cover}
.hll-rank a{font-weight:700;font-size:13.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hll-rank a:hover{text-decoration:underline wavy var(--p)}
.hll-glist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hll-glist a{display:block;border:3px solid var(--hl-ink,#111);border-radius:14px;padding:12px;box-shadow:3px 3px 0 var(--hl-ink,#111);transition:.15s}
.hll-glist li:nth-child(6n+1) a{background:var(--y)}.hll-glist li:nth-child(6n+2) a{background:var(--c)}.hll-glist li:nth-child(6n+3) a{background:var(--l)}.hll-glist li:nth-child(6n+4) a{background:var(--v)}.hll-glist li:nth-child(6n+5) a{background:var(--o)}.hll-glist li:nth-child(6n) a{background:var(--p);color:#fff}
.hll-glist a:hover{transform:rotate(-3deg) scale(1.05)}
.hll-glist span{display:block;font-weight:700;font-size:14px}
.hll-glist b{font-size:11px;font-weight:500}
.hll-radio{background:var(--b);color:#fff;transform:rotate(1.5deg);overflow:hidden}
.hll-radio strong{display:block;font-family:"Archivo Black",sans-serif;font-size:28px;line-height:1;margin:6px 0}
.hll-radio span{display:block;font-weight:600}
.hll-radio .cta{display:inline-block;margin-top:12px;background:var(--y);color:var(--hl-ink,#111);border:3px solid var(--hl-ink,#111);border-radius:10px;padding:8px 14px;font-weight:700}
.hll-radio:hover{transform:rotate(-1deg) scale(1.02)}
.hll-radio .live{display:inline-block;background:#ff2b2b;border:2px solid var(--hl-ink,#111);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;animation:hll-blink 1s steps(2) infinite}
@keyframes hll-blink{50%{opacity:.35}}
.hll-chart{list-style:none;margin:0;padding:0}
.hll-chart a{display:flex;gap:12px;align-items:center;padding:7px 0}
.hll-chart img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid var(--hl-ink,#111);transition:.2s}
.hll-chart span{font-weight:700;font-size:13.5px;line-height:1.25}
.hll-chart small{display:block;font-weight:500;font-size:11px}
.hll-chart a:hover img{transform:rotate(15deg)}
.hll-sub-box{background:var(--l);transform:rotate(-1.5deg)}
.hll-sub-box p{font-weight:600;margin:-6px 0 12px}
.hll-sub-box input[type=email],.hll-sub-box input[type=text]{width:100%;border:3px solid var(--hl-ink,#111);border-radius:12px;padding:12px;margin-bottom:10px;font:inherit}
.hll-sub-box button,.hll-sub-box input[type=submit]{width:100%;border:3px solid var(--hl-ink,#111);border-radius:12px;padding:12px;background:var(--hl-ink,#111);color:var(--y);font-weight:700;font-family:inherit;cursor:pointer;box-shadow:4px 4px 0 var(--p)}
.hll-sub-box form p{margin:0}
.hll-sub-box .hll-btn{display:block;text-align:center;border:3px solid var(--hl-ink,#111);border-radius:12px;padding:12px;background:var(--hl-ink,#111);color:var(--y)!important;font-weight:700}
.hll-social{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;background:var(--v)}
.hll-social a{text-align:center;padding:12px;border:3px solid var(--hl-ink,#111);border-radius:12px;font-weight:700;color:#fff!important}
.hll-social .fb{background:#1877f2}.hll-social .x{background:var(--hl-ink,#111)}
.hll-social a:hover{transform:rotate(-4deg)}

/* ---------- footer (Listen pages only) ---------- */
.hll-on #footer{position:relative;background:var(--y,var(--hl-y,#ffe500)) repeating-linear-gradient(-45deg,transparent 0 22px,rgba(0,0,0,.05) 22px 44px)!important;border-top:4px solid var(--hl-ink,#111);color:var(--hl-ink,#111);font-family:"Space Grotesk",system-ui,sans-serif;padding:60px 0 10px;margin-top:0}
.hll-on #footer:before{content:"✦ KEEP LISTENING ✦ NEW SONGS DAILY ✦ HALMBLOG ✦ KEEP LISTENING ✦ NEW SONGS DAILY ✦ HALMBLOG ✦ KEEP LISTENING ✦ NEW SONGS DAILY ✦ HALMBLOG ✦";position:absolute;left:-2%;right:-2%;top:-22px;background:var(--hl-p,#ff3ea5);color:#fff;border-block:3px solid var(--hl-ink,#111);font:16px/1 "Archivo Black",sans-serif;padding:10px 0;white-space:nowrap;overflow:hidden;transform:rotate(-1.2deg)}
.hll-on #footer .container-fix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.hll-on #footer .bit-3{width:auto!important;float:none!important;margin:0!important;padding:0!important}
.hll-on #footer .widget{background:#fff;border:3px solid var(--hl-ink,#111);border-radius:20px;box-shadow:6px 6px 0 var(--hl-ink,#111);padding:20px;margin:0 0 16px;color:var(--hl-ink,#111)}
.hll-on #footer .bit-3:nth-child(1) .widget{transform:rotate(-1deg)}
.hll-on #footer .bit-3:nth-child(2) .widget{transform:rotate(1deg)}
.hll-on #footer .bit-3:nth-child(3) .widget{transform:rotate(-.6deg)}
.hll-on #footer .widget-title{display:inline-block;background:var(--hl-ink,#111);color:var(--hl-y,#ffe500)!important;font:20px/1 "Archivo Black",sans-serif;padding:8px 12px;margin:0 0 14px;border:0;transform:rotate(-2deg);box-shadow:4px 4px 0 var(--hl-p,#ff3ea5);text-transform:uppercase}
.hll-on #footer .widget-title:after,.hll-on #footer .widget-title:before{display:none}
.hll-on #footer p,.hll-on #footer li,.hll-on #footer .textwidget{color:var(--hl-ink,#111);font-size:15px;font-weight:500;line-height:1.5}
.hll-on #footer a{color:var(--hl-ink,#111)!important;font-weight:700}
.hll-on #footer .textwidget a:hover{background:var(--hl-y,#ffe500);text-decoration:none}
.hll-on #footer ul{list-style:none;margin:0;padding:0}
.hll-on #footer .textwidget ul{display:flex;flex-wrap:wrap;gap:8px}
.hll-on #footer .textwidget li{margin:0;padding:0;border:0}
.hll-on #footer .textwidget li a{display:inline-block;background:#fff;border:2px solid var(--hl-ink,#111);border-radius:99px;padding:6px 12px;box-shadow:3px 3px 0 var(--hl-ink,#111);font-size:13px;transition:.15s}
.hll-on #footer .textwidget li a:hover{background:var(--hl-p,#ff3ea5);color:#fff!important;transform:rotate(-3deg)}
.hll-on #footer .tagcloud{display:flex;flex-wrap:wrap;gap:5px}
.hll-on #footer .tagcloud a{display:inline-block;font-size:11px!important;line-height:1.5;border:2px solid var(--hl-ink,#111);border-radius:6px;padding:2px 7px;margin:0;background:#fff;transition:.15s}
.hll-on #footer .tagcloud a:nth-child(5n+1){background:var(--hl-y,#ffe500)}.hll-on #footer .tagcloud a:nth-child(5n+2){background:var(--hl-l,#7dff4d)}.hll-on #footer .tagcloud a:nth-child(5n+3){background:var(--hl-v,#b78cff)}.hll-on #footer .tagcloud a:nth-child(5n+4){background:var(--hl-o,#ff6a1a)}
.hll-on #footer .tagcloud a:hover{transform:rotate(-5deg) scale(1.08);background:var(--hl-ink,#111)!important;color:var(--hl-y,#ffe500)!important}
.hll-on #footer .hll-fmid{background:var(--hl-c,#00e0ff)}
.hll-on #footer .hll-fsongs{display:grid;gap:8px;margin:0 0 14px}
.hll-on #footer .hll-fsongs a{display:flex;gap:10px;align-items:center;background:#fff;border:2px solid var(--hl-ink,#111);border-radius:12px;padding:6px;box-shadow:3px 3px 0 var(--hl-ink,#111);transition:.15s}
.hll-on #footer .hll-fsongs a:hover{transform:rotate(-2deg);background:var(--hl-y,#ffe500)}
.hll-on #footer .hll-fsongs img{width:44px;height:44px;border-radius:8px;object-fit:cover;border:2px solid var(--hl-ink,#111);flex:none}
.hll-on #footer .hll-fsongs span{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hll-on #footer .hll-ffollow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hll-on #footer .hll-ffollow a{text-align:center;border:2px solid var(--hl-ink,#111);border-radius:10px;padding:8px 4px;font-size:13px;box-shadow:3px 3px 0 var(--hl-ink,#111);color:#fff!important}
.hll-on #footer .hll-ffollow .fb{background:#1877f2}.hll-on #footer .hll-ffollow .x{background:var(--hl-ink,#111)}.hll-on #footer .hll-ffollow .rd{background:var(--hl-p,#ff3ea5)}
.hll-on #footer .hll-ffollow a:hover{transform:rotate(-4deg)}

/* ---------- header (Listen pages only): polka dots, mini-pill top bar, colour-pill menu ---------- */
.hll-on #header{background:var(--hl-bg,#fff6e0) radial-gradient(var(--hl-ink,#111) 1.2px,transparent 1.4px) 0 0/22px 22px!important;border:0!important;box-shadow:none!important}
.hll-on #header>*,.hll-on #header .container,.hll-on #header .header-main-area,.hll-on #header .header-bottom-wrapper,.hll-on #header .main-navigation{background:transparent!important;border:0!important;box-shadow:none!important}
.hll-on #header .header-bottom-wrapper{padding:4px 0 16px}
/* top bar: mini pills, click-to-open dropdowns */
.hll-on #header .top-header{position:relative;z-index:60;height:auto!important;min-height:0!important;padding:6px 0!important;overflow:visible!important}
.hll-on #header .top-header .container,.hll-on #header .top-header .vce-wrap-left{overflow:visible!important}
.hll-on #header .top-nav-menu>li>a{font-family:"Space Grotesk",sans-serif!important;font-weight:700!important;color:var(--hl-ink,#111)!important;font-size:12px!important;border:2px solid var(--hl-ink,#111);border-radius:99px;background:#fff;padding:5px 12px!important;margin:4px 3px!important;line-height:1.2!important;box-shadow:2px 2px 0 var(--hl-ink,#111);transition:.15s}
.hll-on #header .top-nav-menu>li>a:hover,.hll-on #header .top-nav-menu li.hll-open>a{background:var(--hl-y,#ffe500)!important}
.hll-on #header .top-nav-menu li.menu-item-has-children>a{cursor:pointer}
.hll-on #header .top-nav-menu li:hover>.sub-menu{display:none!important;opacity:0!important;visibility:hidden!important}
.hll-on #header .top-nav-menu li.hll-open>.sub-menu{display:block!important;opacity:1!important;visibility:visible!important;z-index:9999;margin-top:6px;min-width:190px}
.hll-on #header .soc-nav-menu li a{width:28px;height:28px;display:grid!important;place-items:center;border-radius:50%;border:2px solid var(--hl-ink,#111);margin:6px 3px;transition:.15s}
.hll-on #header .soc-nav-menu li:nth-child(4n+1) a{background:var(--hl-y,#ffe500)}.hll-on #header .soc-nav-menu li:nth-child(4n+2) a{background:var(--hl-c,#00e0ff)}.hll-on #header .soc-nav-menu li:nth-child(4n+3) a{background:var(--hl-p,#ff3ea5)}.hll-on #header .soc-nav-menu li:nth-child(4n) a{background:var(--hl-l,#7dff4d)}
.hll-on #header .soc-nav-menu li a:before{color:var(--hl-ink,#111)!important;font-size:13px}
.hll-on #header .soc-nav-menu li a:hover{transform:rotate(-12deg) scale(1.1)}
/* logo */
.hll-on #header .site-branding .has-logo{display:inline-block;background:#fff;border:3px solid var(--hl-ink,#111);border-radius:18px;box-shadow:6px 6px 0 var(--hl-ink,#111);padding:12px 20px;transition:transform .2s,box-shadow .2s}
.hll-on #header .site-branding .has-logo:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--hl-p,#ff3ea5)}
.hll-on #header .site-branding img{display:block;max-height:58px;width:auto}
/* main menu: colour pills */
.hll-on .main-navigation .nav-menu>li>a:after,.hll-on .main-navigation .nav-menu>li>a:before{border:0!important}
.hll-on .main-navigation .nav-menu>li>a{font-family:"Space Grotesk",sans-serif!important;color:var(--hl-ink,#111)!important;font-weight:700!important;font-size:14px!important;border:3px solid var(--hl-ink,#111);border-radius:99px;margin:4px!important;padding:9px 16px!important;box-shadow:3px 3px 0 var(--hl-ink,#111);background:#fff;transition:.15s}
.hll-on .main-navigation .nav-menu>li:nth-child(6n+1)>a{background:var(--hl-y,#ffe500)}.hll-on .main-navigation .nav-menu>li:nth-child(6n+2)>a{background:var(--hl-c,#00e0ff)}.hll-on .main-navigation .nav-menu>li:nth-child(6n+4)>a{background:var(--hl-l,#7dff4d)}.hll-on .main-navigation .nav-menu>li:nth-child(6n+5)>a{background:var(--hl-v,#b78cff)}.hll-on .main-navigation .nav-menu>li:nth-child(6n)>a{background:var(--hl-o,#ff6a1a)}
.hll-on .main-navigation .nav-menu>li>a:hover{transform:translate(-2px,-2px) rotate(-3deg);box-shadow:5px 5px 0 var(--hl-ink,#111)}
.hll-on .main-navigation .nav-menu>li.current-menu-item>a,.hll-on .main-navigation .nav-menu>li.current-menu-ancestor>a{background:var(--hl-p,#ff3ea5)!important;color:#fff!important}
/* dropdowns: each item its own hover colour */
.hll-on #header .sub-menu{background:#fff!important;border:3px solid var(--hl-ink,#111)!important;border-radius:12px;box-shadow:5px 5px 0 var(--hl-ink,#111);overflow:hidden}
.hll-on #header .sub-menu a{display:block!important;color:var(--hl-ink,#111)!important;font:700 14px/1.3 "Space Grotesk",sans-serif!important;text-transform:none!important;background:none!important;border:0!important;border-bottom:2px dashed rgba(0,0,0,.12)!important;box-shadow:none!important;margin:0!important;padding:10px 16px!important}
.hll-on #header .sub-menu li:last-child>a{border-bottom:0!important}
.hll-on #header .sub-menu li:nth-child(6n+1)>a:hover{background:var(--hl-y,#ffe500)!important}
.hll-on #header .sub-menu li:nth-child(6n+2)>a:hover{background:var(--hl-c,#00e0ff)!important}
.hll-on #header .sub-menu li:nth-child(6n+3)>a:hover{background:var(--hl-p,#ff3ea5)!important;color:#fff!important}
.hll-on #header .sub-menu li:nth-child(6n+4)>a:hover{background:var(--hl-l,#7dff4d)!important}
.hll-on #header .sub-menu li:nth-child(6n+5)>a:hover{background:var(--hl-v,#b78cff)!important}
.hll-on #header .sub-menu li:nth-child(6n)>a:hover{background:var(--hl-o,#ff6a1a)!important}
/* floating (sticky) menu dropdowns: same hover design */
.hll-on #sticky_header .sub-menu{background:#fff!important;border:3px solid var(--hl-ink,#111)!important;border-radius:12px;box-shadow:5px 5px 0 var(--hl-ink,#111);overflow:hidden}
.hll-on #sticky_header .sub-menu a{display:block!important;color:var(--hl-ink,#111)!important;font:700 14px/1.3 "Space Grotesk",sans-serif!important;text-transform:none!important;background:none!important;border:0!important;border-bottom:2px dashed rgba(0,0,0,.12)!important;box-shadow:none!important;margin:0!important;padding:10px 16px!important}
.hll-on #sticky_header .sub-menu li:last-child>a{border-bottom:0!important}
.hll-on #sticky_header .sub-menu li:nth-child(6n+1)>a:hover{background:var(--hl-y,#ffe500)!important}
.hll-on #sticky_header .sub-menu li:nth-child(6n+2)>a:hover{background:var(--hl-c,#00e0ff)!important}
.hll-on #sticky_header .sub-menu li:nth-child(6n+3)>a:hover{background:var(--hl-p,#ff3ea5)!important;color:#fff!important}
.hll-on #sticky_header .sub-menu li:nth-child(6n+4)>a:hover{background:var(--hl-l,#7dff4d)!important}
.hll-on #sticky_header .sub-menu li:nth-child(6n+5)>a:hover{background:var(--hl-v,#b78cff)!important}
.hll-on #sticky_header .sub-menu li:nth-child(6n)>a:hover{background:var(--hl-o,#ff6a1a)!important}
@media (max-width:1023px){
 .hll-on .vce-responsive-nav{display:inline-block;width:42px;height:42px;text-align:center;line-height:36px!important;background:var(--hl-y,#ffe500);border:3px solid var(--hl-ink,#111);border-radius:12px;box-shadow:3px 3px 0 var(--hl-ink,#111);color:var(--hl-ink,#111)!important}
 .hll-on .vce-responsive-nav i{color:var(--hl-ink,#111)!important}
 .hll-on #header{border-bottom:3px solid var(--hl-ink,#111)!important}
 .hll-on #header .site-branding .has-logo{padding:6px 12px;border-radius:12px;box-shadow:4px 4px 0 var(--hl-ink,#111)}
 .hll-on #header .site-branding img{max-height:36px}
}

/* responsive */
@media (max-width:1024px){
 .hll-layout{grid-template-columns:minmax(0,1fr)}
 .hll-side{position:static;display:grid;grid-template-columns:1fr 1fr}.hll-side>*{min-width:0}
 .hll-search,.hll-sub-box{grid-column:1/-1}
 .hll-sticker,.hll-spin{display:none}
 .hll-on #footer .container-fix{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
 .hll-wrap{padding:0 16px}
 .hll-big span{-webkit-text-stroke:3px var(--hl-ink,#111);text-shadow:4px 4px 0 var(--hl-ink,#111)}
 .hll-hot{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hll-hot .is-big{grid-column:1/-1;grid-row:auto}
 .hll-hot .is-big .hll-art{height:auto;aspect-ratio:1;min-height:0}
 .hll-num1{font-size:80px;bottom:110px}
 .hll-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
 .hll-title{font-size:14px}
 .hll-foot{flex-direction:column;align-items:flex-start}
 .hll-side{grid-template-columns:1fr}
 .hll-stats div{min-width:0;padding:10px 14px}
 .hll-tapes{height:120px}
 .hll-genres{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:4px 16px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
 .hll-genres a{flex:none;scroll-snap-align:start}
 .hll-on #footer{padding:60px 0 24px}
 .hll-on #footer .container-fix{grid-template-columns:1fr;padding:0 16px}
}
@media (max-width:420px){
 .hll-hero{padding:34px 0 20px}
 .hll-big span{-webkit-text-stroke:2px var(--hl-ink,#111);text-shadow:3px 3px 0 var(--hl-ink,#111)}
 .hll-lead{font-size:15px;padding:10px 12px;margin:14px auto 18px}
 .hll-stats{gap:10px}.hll-stats div{padding:8px 10px;border-width:2px;box-shadow:3px 3px 0 var(--hl-ink,#111)}.hll-stats strong{font-size:20px}.hll-stats span{font-size:10px}
 .hll-tapes{height:100px;margin:10px 0 20px}.hll-tape-move{font-size:14px;padding:9px 0}
 .hll-h2{font-size:22px;padding:8px 12px;box-shadow:4px 4px 0 var(--p)}
 .hll-grid,.hll-hot{gap:18px 10px}
 .hll-card{padding:6px;border-width:2px;border-radius:14px;box-shadow:4px 4px 0 var(--hl-ink,#111)}
 .hll-art{border-width:2px;border-radius:10px}
 .hll-tag{font-size:9px;padding:2px 6px;border-width:2px;top:-10px;left:-4px}
 .hll-new{width:42px;height:42px;font-size:9px;top:-12px;right:-8px}
 .hll-title{font-size:13px;margin:8px 2px}
 .hll-foot{padding:0 2px}.hll-time{font-size:11px}
 .hll-dl{display:block;width:100%;text-align:center;font-size:11px;padding:7px 6px}
 .hll-hot .is-big .hll-title{font-size:19px}.hll-num1{font-size:64px;left:-6px;bottom:96px}
 .hll-box{padding:14px;border-radius:16px;box-shadow:4px 4px 0 var(--hl-ink,#111)}
 .hll-box h3{font-size:19px}
 .hll-glist{gap:8px}.hll-glist a{padding:10px}
 .hll-radio strong{font-size:22px}
 .hll-pager .page-numbers{min-width:40px;height:40px;padding:0 10px}
 .hll-on #footer:before{font-size:13px}
 .hll-on #footer .widget{padding:16px;box-shadow:4px 4px 0 var(--hl-ink,#111)}
}
@media (prefers-reduced-motion:reduce){.hll *,.hll-on #footer *{animation:none!important}}

/* top bar social icons: round brand-colour badges, pop to yellow on hover */
.hll-on #header .soc-nav-menu li a{width:30px;height:30px;display:grid!important;place-items:center;border-radius:50%!important;background:var(--bc,var(--hl-ink,#111))!important;border:2px solid var(--hl-ink,#111);margin:6px 3px;box-shadow:2px 2px 0 var(--hl-ink,#111);transition:transform .18s cubic-bezier(.3,1.6,.5,1),box-shadow .15s,background .15s}
.hll-on #header .soc-nav-menu li:nth-child(odd) a{transform:rotate(-6deg)}.hll-on #header .soc-nav-menu li:nth-child(even) a{transform:rotate(6deg)}
.hll-on #header .soc-nav-menu li a:before{color:#fff!important;font-size:13px;line-height:1!important;margin:0!important;padding:0!important;transition:color .15s}
.hll-on #header .soc-nav-menu a[href*="facebook"]{--bc:#1877f2}.hll-on #header .soc-nav-menu a[href*="twitter"],.hll-on #header .soc-nav-menu a[href*="x.com"]{--bc:var(--hl-ink,#111)}.hll-on #header .soc-nav-menu a[href*="soundcloud"]{--bc:#ff5500}.hll-on #header .soc-nav-menu a[href*="youtube"]{--bc:#ff0000}.hll-on #header .soc-nav-menu a[href*="instagram"]{--bc:#e1306c}.hll-on #header .soc-nav-menu a[href*="tiktok"]{--bc:#00c2d1}
.hll-on #header .soc-nav-menu li a:hover{background:var(--hl-y,#ffe500)!important;transform:translateY(-3px) rotate(0) scale(1.12);box-shadow:3px 4px 0 var(--hl-ink,#111)}
.hll-on #header .soc-nav-menu li a:hover:before{color:var(--hl-ink,#111)!important}

/* footer copyright + credit */
.hll-on #footer .hll-copy{clear:both;max-width:1240px;margin:10px auto 0;padding:0 20px}
.hll-on #footer .hll-copy-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;background:var(--hl-ink,#111);color:#fff;border:3px solid var(--hl-ink,#111);border-radius:16px;padding:12px 18px;font:600 13px/1.4 "Space Grotesk",sans-serif;box-shadow:5px 5px 0 var(--hl-p,#ff3ea5)}
.hll-on #footer .hll-copy-in a{color:var(--hl-y,#ffe500)!important}
.hll-on #footer .hll-copy b{display:inline-block;background:var(--hl-y,#ffe500);color:var(--hl-ink,#111);padding:3px 10px;border-radius:99px;transform:rotate(-2deg);font-weight:700}
@media (max-width:760px){.hll-on #footer .hll-copy{padding:0 16px}.hll-on #footer .hll-copy-in{justify-content:center;text-align:center}}

/* phone header: menu button left, bigger logo beside it, both centred vertically */
@media (max-width:1023px){
 .hll-on #header .header-main-area{position:relative;display:flex!important;align-items:center;justify-content:flex-start;padding-left:62px!important;min-height:76px;padding-top:12px!important;padding-bottom:12px!important;height:auto!important}
 .hll-on #header .vce-res-nav{position:absolute!important;left:4px!important;right:auto!important;top:50%!important;transform:translateY(-50%);height:auto!important;margin:0!important}
 .hll-on #header .vce-res-nav .vce-responsive-nav{margin:0!important}
 .hll-on #header .site-branding{display:block!important;padding:0!important;margin:0!important;line-height:0!important}
 .hll-on #header .site-branding .site-title{display:block;margin:0!important;line-height:0!important}
 .hll-on #header .site-branding .has-logo{display:inline-block;max-width:calc(100vw - 100px);box-sizing:border-box;padding:8px 14px!important;border-radius:12px;box-shadow:4px 4px 0 var(--hl-ink,#111);line-height:0!important}
 .hll-on #header .site-branding img{height:32px!important;max-height:none!important;width:auto!important;max-width:100%!important;object-fit:contain}
 .hll-on #header .vce-header-ads,.hll-on #header .header-bottom-wrapper{display:none!important}
}

/* phone floating (sticky) bar: menu button centred inside the bar */
@media (max-width:1023px){
 .hll-on #sticky_header{height:auto!important;min-height:56px}
 .hll-on #sticky_header .container{position:relative;height:56px!important;display:flex;align-items:center;justify-content:center}
 .hll-on #sticky_header .vce-res-nav{position:absolute!important;left:8px!important;top:0!important;bottom:0!important;height:100%!important;width:40px!important;display:flex!important;align-items:center}
 .hll-on #sticky_header .vce-responsive-nav{position:static!important;width:38px!important;height:38px!important;line-height:32px!important;margin:0!important;top:auto!important}
 .hll-on #sticky_header .site-branding{margin:0!important;padding:0!important;line-height:0!important}
}

/* #1 badge on phones: smaller, sits on the cover (not over the title) */
@media (max-width:760px){
 .hll-hot .is-big .hll-num1{font-size:46px!important;top:-14px!important;bottom:auto!important;left:-8px!important;-webkit-text-stroke:2.5px var(--hl-ink,#111);text-shadow:3px 3px 0 var(--hl-ink,#111)}
}
/* entertainment news box: "more stories" link */
.hll-box .hll-more{display:inline-block;margin-top:10px;font-weight:700;font-size:13px;border:2px solid var(--hl-ink,#111);border-radius:99px;padding:6px 12px;background:var(--hl-y,#ffe500);box-shadow:2px 2px 0 var(--hl-ink,#111)}
.hll-box .hll-more:hover{background:var(--hl-p,#ff3ea5);color:#fff}

/* footer: middle column fills its height so no empty gap below it */
@media (min-width:761px){.hll-on #footer .container-fix>*{display:flex;flex-direction:column}.hll-on #footer .container-fix>* .hll-fmid,.hll-on #footer .container-fix>*>.widget:last-child{flex:1}}

/* footer: same cream + polka-dot background as the page */
.hll-on #footer{background:var(--hl-bg,#fff6e0) radial-gradient(var(--hl-ink,#111) 1.2px,transparent 1.4px) 0 0/22px 22px!important}

/* v5.5 readability: white headings/kicker/buttons, plain footer tags */
.hll-on #footer .widget-title,.hll-on #footer .widget-title *{color:#fff!important}
.hll-on #footer .tagcloud a,.hll-on #footer .tagcloud a:nth-child(n){background:#fff!important;color:var(--hl-ink,#111)!important}
.hll-on #footer .tagcloud a:hover{background:var(--hl-ink,#111)!important;color:#fff!important}

/* footer keeps its own colours (orange / logo red) regardless of the site palette */
#footer{--hl-y:#ff6a1a;--y:#ff6a1a;--hl-p:#d85433;--p:#d85433;--hl-l:#d85433;--l:#d85433;--hl-v:#d85433;--v:#d85433;--hl-b:#ff6a1a;--b:#ff6a1a;--hl-pt:#a8401f}

/* search results + other archives using the Listen design */
.hll-q{background:var(--hl-y,#ffe500);color:var(--hl-ink,#111);padding:0 6px;border-radius:4px}
.hll-bigsearch{display:flex;max-width:620px;margin:18px 0 6px;background:#fff;border:3px solid var(--hl-ink,#111);border-radius:99px;box-shadow:5px 5px 0 var(--hl-ink,#111);padding:5px 5px 5px 18px;position:relative;z-index:2}
.hll-bigsearch input[type=search]{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;font:700 16px "Space Grotesk",sans-serif;color:var(--hl-ink,#111);padding:10px 4px!important;margin:0;height:auto}
.hll-bigsearch button{flex:none;border:2px solid var(--hl-ink,#111);border-radius:99px;background:var(--hl-p,#ff3ea5);color:#fff;font:400 14px "Archivo Black",sans-serif;padding:10px 20px;cursor:pointer}
.hll-empty{grid-column:1/-1;background:#fff;border:3px dashed var(--hl-ink,#111);border-radius:16px;padding:22px;font:700 16px "Space Grotesk",sans-serif;text-align:center}
@media (max-width:600px){.hll-bigsearch{padding-left:12px}.hll-bigsearch button{padding:9px 14px}}

/* v6.2: one card style everywhere (white story card, image on top) */
.hlh-story{display:flex;flex-direction:column;background:#fff;border:3px solid var(--hl-ink,#111);border-radius:16px;box-shadow:5px 5px 0 var(--hl-ink,#111);overflow:hidden;transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .25s;color:var(--hl-ink,#111)}
.hlh-story:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:9px 9px 0 var(--hl-ink,#111)}
.hlh-img{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;border-bottom:3px solid var(--hl-ink,#111);background:#eee}
.hlh-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.hlh-story:hover .hlh-img img{transform:scale(1.06)}
.hlh-body{display:flex;flex-direction:column;flex:1;padding:12px 14px 12px}
.hlh-cat{align-self:flex-start;font:700 10px "Space Grotesk";letter-spacing:.1em;text-transform:uppercase;background:var(--hl-y,#ffe500);border:2px solid var(--hl-ink,#111);border-radius:6px;padding:2px 7px;margin-bottom:8px}
.hlh-t{font:700 15px/1.3 "Space Grotesk";display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}
.hlh-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px}
.hlh-foot small{font:700 11px "Space Grotesk";color:#666}
.hlh-foot em{font:700 11px "Space Grotesk";font-style:normal;background:var(--hl-ink,#111);color:#fff;border-radius:8px;padding:5px 9px}
.hlh-story:hover .hlh-foot em{background:var(--hl-p,#ff3ea5)}
.hlh-row4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hlh-row4 .hlh-t{-webkit-line-clamp:2;font-size:14px}
.hlh-row4.is-video .hlh-img:after{content:"▶";position:absolute;inset:0;margin:auto;width:46px;height:46px;border-radius:50%;background:#ff2b2b;color:#fff;border:3px solid var(--hl-ink,#111);display:grid;place-items:center;font-size:16px;padding-left:3px;box-shadow:3px 3px 0 var(--hl-ink,#111)}
@media (max-width:760px){.hlh-row4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hlh-t{font-size:13.5px}.hlh-foot{flex-direction:column;align-items:flex-start;gap:6px}}
.hll-section .hlh-row4+.hll-pager{margin-top:24px}

/* v6.3: simple page header on category / search pages (name + description only) */
.hll .hll-hero{padding:34px 0 18px!important;min-height:0!important;text-align:center;overflow:visible}
.hll .hll-hero .hll-wrap{display:flex;flex-direction:column;align-items:center}
.hll .hll-big.hll-plain{display:block!important;font:400 clamp(34px,5vw,56px)/1.05 "Archivo Black",sans-serif!important;color:var(--hl-ink,#111)!important;letter-spacing:.01em;margin:0 0 12px!important;transform:none!important;text-shadow:none!important;-webkit-text-stroke:0!important;animation:none!important}
.hll .hll-hero .hll-lead{display:inline-block!important;background:#111!important;border:0!important;box-shadow:none!important;border-radius:10px;padding:8px 16px!important;margin:0 auto!important;max-width:680px;font:700 17px/1.45 "Space Grotesk",sans-serif!important;color:#fff!important;transform:none!important}
.hll .hll-hero .hll-lead .hll-q{background:none;color:#ffe500;padding:0}
.hll .hll-hero .hll-bigsearch{margin:16px auto 4px;width:100%}
@media (max-width:600px){.hll .hll-hero{padding:24px 0 12px!important}.hll .hll-hero .hll-lead{font-size:15px!important}}