@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Oswald:wght@500;600;700&family=Playfair+Display:ital,wght@1,600;1,700&display=swap');
:root{color-scheme:dark;--fire:#ffb000;--paper:#eee9df;--ink:#090908;font-family:'DM Sans',sans-serif;background:var(--ink);color:var(--paper)}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 74% 18%,#322304 0,transparent 29%),var(--ink)}a{color:inherit;text-decoration:none}.radio-noise{position:fixed;z-index:10;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.radio-hero{position:relative;min-height:520px;padding:clamp(55px,8vw,110px) clamp(20px,8vw,130px) 50px;overflow:hidden}.radio-hero:before{content:"103.8";position:absolute;right:-.04em;top:-.25em;color:transparent;-webkit-text-stroke:1px #ffffff10;font:700 clamp(190px,30vw,460px)/1 Oswald,sans-serif}.radio-hero>p{display:flex;align-items:center;gap:12px;color:var(--fire);font-size:10px;font-weight:700;letter-spacing:.24em}.radio-hero>p i{width:46px;height:2px;background:var(--fire)}h1{position:relative;margin:20px 0 0;font:700 clamp(82px,15vw,220px)/.72 Oswald,sans-serif;letter-spacing:-.065em}h1 em,h2 em{font-family:'Playfair Display',serif;font-weight:600;color:var(--fire)}.radio-side{position:absolute;right:3vw;bottom:50px;writing-mode:vertical-rl;font:600 9px Oswald,sans-serif;letter-spacing:.23em;color:#777}.radio-wave{position:absolute;right:8vw;bottom:75px;display:flex;align-items:center;gap:5px;height:80px;transform:rotate(-5deg)}.radio-wave i{display:block;width:3px;height:20%;background:var(--fire);opacity:.72;animation:wave 1.1s ease-in-out infinite alternate}.radio-wave i:nth-child(3n){height:90%;animation-delay:-.3s}.radio-wave i:nth-child(4n){height:50%;animation-delay:-.7s}.radio-wave i:nth-child(5n){height:25%;animation-delay:-.5s}.radio-deck{padding:10px 0 100px}.radio-queue-section{display:grid;grid-template-columns:minmax(240px,.7fr) 1.3fr;gap:8vw;padding:100px clamp(20px,8vw,130px);background:#0e0e0c;border-top:1px solid #ffffff14}.radio-queue-section>div>small{color:var(--fire);font:700 10px Oswald,sans-serif;letter-spacing:.22em}.radio-queue-section h2{margin:14px 0;font:700 clamp(48px,6vw,90px)/.85 Oswald,sans-serif;text-transform:uppercase}.radio-queue{border-top:1px solid #ffffff26}.radio-queue>button{width:100%;display:grid;grid-template-columns:35px 1fr auto;column-gap:14px;align-items:center;text-align:left;padding:18px 4px;border:0;border-bottom:1px solid #ffffff14;background:none;color:inherit;cursor:pointer}.radio-queue>button>span{grid-row:1/3;color:#67645d;font:600 10px Oswald}.radio-queue>button>b{font-size:15px}.radio-queue>button>small{grid-column:2;color:#827f76;margin-top:4px}.radio-queue>button>i{grid-column:3;grid-row:1/3;color:#666;font:700 8px Oswald,sans-serif;letter-spacing:.18em}.radio-queue>button:hover,.radio-queue>button.is-current{color:var(--fire)}.radio-queue>button.is-current{padding-left:14px;background:#ffffff05}.radio-queue p{color:#777}footer{display:flex;justify-content:space-between;gap:20px;padding:35px clamp(20px,5vw,72px);border-top:1px solid #ffffff14;font:700 11px Oswald,sans-serif;letter-spacing:.18em}footer small{color:#666}@keyframes wave{to{height:100%;opacity:1}}
@media(max-width:760px){body{padding-bottom:78px}.radio-hero{min-height:380px;padding-top:70px}.radio-hero:before{top:.1em;font-size:220px}.radio-wave{right:25px;bottom:38px;height:50px;opacity:.6}.radio-wave i:nth-child(n+19){display:none}.radio-side{display:none}.radio-deck{min-height:30px;padding:0}.radio-queue-section{grid-template-columns:1fr;padding-top:65px;padding-bottom:80px}.radio-queue-section h2{font-size:54px}footer{display:none}}@media(prefers-reduced-motion:reduce){.radio-wave i{animation:none}}

/* Match the home navigation without changing the radio page layout. */
:root{--line:rgba(255,255,255,.14);--pad:clamp(1.25rem,4vw,4.5rem)}
.site-header{position:fixed;z-index:15;top:0;left:0;width:100%;height:86px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:.3s}
.site-header.scrolled{height:70px;background:rgba(11,11,10,.86);border-color:var(--line);backdrop-filter:blur(14px)}
.brand{display:grid;grid-template-columns:auto auto;align-items:center;font-family:Oswald,sans-serif;font-weight:700;line-height:.8;letter-spacing:.04em}
.brand__j{grid-row:1/3;font-size:2.25rem;color:var(--fire);margin-right:.25rem}
.brand>span:nth-child(2){font-size:1.4rem}
.brand small{font-size:.48rem;letter-spacing:.32em;margin-top:.25rem}
.site-header nav{display:flex;gap:clamp(1.2rem,3vw,3rem);font-size:.74rem;text-transform:uppercase;letter-spacing:.16em}
.site-header nav a{position:relative}
.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-.5rem;height:2px;background:var(--fire);transition:.25s}
.site-header nav a:hover:after,.site-header nav a[aria-current="page"]:after{right:0}
.menu-toggle{display:none}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 1.25rem;background:var(--fire);color:#111;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--fire);transition:.25s}
.pill:hover{background:#ffd064;border-color:#ffd064;transform:translateY(-2px)}
.pill--small{padding:.75rem 1rem}
.radio-hero{padding-top:clamp(9rem,12vw,12rem)}
@media(max-width:900px){
  .site-header nav{position:fixed;inset:70px 0 auto;background:#111;display:grid;gap:0;padding:1rem var(--pad) 2rem;transform:translateY(-130%);transition:.3s;z-index:-1}
  .site-header nav.open{transform:none}
  .site-header nav a{padding:1rem 0;border-bottom:1px solid var(--line);font:600 1.5rem Oswald}
  .menu-toggle{display:grid;gap:6px;background:none;border:0;padding:1rem;font:inherit}
  .menu-toggle span{width:23px;height:2px;background:#fff}
  .header-cta{display:none}
}
@media(max-width:600px){
  :root{--pad:1.2rem}
  .site-header{height:70px}
  .radio-hero{padding-top:90px}
}
