:root{color-scheme:dark;--navy:#071331;--blue:#0a1c4e;--panel:#10275a;--red:#d81e1e;--white:#fff;--muted:#aebbe0;--line:rgba(255,255,255,.1);--shadow:0 28px 70px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 8%,#102b69 0,transparent 32rem),var(--navy);color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}button,input{font:inherit}button{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.7rem 1rem;background:#fff;color:#071331;border-radius:.4rem}.skip-link:focus{top:1rem}a{color:inherit}.site-header{height:82px;padding:0 clamp(1.25rem,5vw,5.5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(5,14,38,.72);backdrop-filter:blur(16px);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-size:1.15rem;font-weight:750;letter-spacing:-.02em}.brand-mark{height:28px;display:flex;gap:3px;align-items:center}.brand-mark i{display:block;width:3px;border-radius:2px;background:var(--red)}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:18px}.brand-mark i:nth-child(4){height:8px}.site-header nav{display:flex;gap:clamp(1.2rem,3vw,2.6rem);height:100%}.site-header nav a{display:flex;align-items:center;position:relative;text-decoration:none;color:#c7d1ed;font-size:.9rem;font-weight:600}.site-header nav a:hover,.site-header nav a:focus-visible,.site-header nav a.active{color:#fff}.site-header nav a.active:after{content:"";position:absolute;height:2px;background:var(--red);left:0;right:0;bottom:0}.hero{max-width:1280px;margin:auto;padding:clamp(4rem,8vw,7.5rem) clamp(1.25rem,4vw,3rem) clamp(2.6rem,5vw,4rem)}.eyebrow{margin:0 0 .8rem;text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;font-weight:800;color:#c5d0ee}.eyebrow span{display:inline-block;width:28px;height:2px;background:var(--red);vertical-align:middle;margin:0 .7rem .15rem 0}.eyebrow.small{color:#8191ba}.hero h1{font-size:clamp(2.7rem,7vw,5.6rem);letter-spacing:-.055em;line-height:.98;margin:0 0 1.35rem}.hero>p:last-child{color:var(--muted);font-size:clamp(1rem,2vw,1.18rem);max-width:650px;margin:0}.player-layout{max-width:1280px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem) clamp(5rem,9vw,8rem);display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:1.25rem;scroll-margin-top:1rem}.player-panel,.queue-panel{background:linear-gradient(145deg,rgba(18,47,108,.96),rgba(8,24,62,.96));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.player-panel{padding:clamp(1.2rem,3vw,2rem)}.now-playing{display:grid;grid-template-columns:minmax(170px,260px) 1fr;align-items:center;gap:clamp(1.5rem,4vw,3rem)}.cover-wrap{position:relative;aspect-ratio:1}.cover-wrap img{width:100%;height:100%;display:block;object-fit:cover;border-radius:12px;box-shadow:0 18px 38px rgba(0,0,0,.35)}.on-air{position:absolute;left:.7rem;bottom:.7rem;background:rgba(5,13,34,.9);padding:.35rem .55rem;border:1px solid var(--line);border-radius:99px;text-transform:uppercase;letter-spacing:.12em;font-size:.58rem;font-weight:750}.on-air i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:.32rem;box-shadow:0 0 0 4px rgba(216,30,30,.18)}.track-kicker{color:#f05454;text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;font-weight:800;margin:0 0 .75rem}.track-info h2{font-size:clamp(1.7rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 .55rem;overflow-wrap:anywhere}.track-info>p:not(.track-kicker){color:#b9c5e4;margin:0;font-size:1.05rem}.track-meta{display:flex;gap:.7rem;color:#8998bf;font-size:.8rem;margin-top:1.3rem}.track-meta span+span:before{content:"•";margin-right:.7rem}.transport{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line)}.timeline-row{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:.6rem;color:#9ba9cb;font-variant-numeric:tabular-nums;font-size:.72rem}.timeline-row span:last-child{text-align:right}.range{--filled:0%;appearance:none;height:4px;border-radius:99px;background:linear-gradient(to right,var(--red) 0 var(--filled),rgba(255,255,255,.16) var(--filled) 100%);cursor:pointer}.range::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(216,30,30,.25)}.range::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(216,30,30,.25)}.controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:1.25rem}.main-controls,.volume-controls{display:flex;align-items:center;gap:.6rem}.volume-controls{justify-content:flex-end}.icon-button,.play-button,.loop-button,.card-play{border:0;cursor:pointer;display:grid;place-items:center}.icon-button{width:42px;height:42px;border-radius:50%;background:transparent;color:#d8e0f4}.icon-button:hover{background:rgba(255,255,255,.08)}.play-button{width:62px;height:62px;border-radius:50%;background:var(--red);box-shadow:0 9px 28px rgba(216,30,30,.34);font-size:1.15rem}.play-button:hover{background:#ec2929;transform:translateY(-1px)}.play-icon{margin-left:3px}.play-button.playing .play-icon{margin-left:0}.icon-button.small{font-size:.75rem}.volume{width:82px}.loop-button{display:flex;flex-direction:row;gap:.35rem;background:transparent;border:1px solid var(--line);border-radius:99px;padding:.42rem .68rem;color:#8494bb;font-size:.68rem}.loop-button.active{color:#fff;border-color:rgba(216,30,30,.65);background:rgba(216,30,30,.11)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}.queue-panel{padding:1.5rem;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.panel-heading h2{margin:0;font-size:1.45rem;letter-spacing:-.03em}.queue-list{display:flex;flex-direction:column}.queue-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.9rem .15rem;border-top:1px solid var(--line);cursor:pointer;border-radius:6px}.queue-item:hover{background:rgba(255,255,255,.035)}.queue-item.active{background:linear-gradient(90deg,rgba(216,30,30,.14),transparent);box-shadow:inset 2px 0 var(--red)}.queue-number{font-size:.68rem;color:#7788b0;text-align:center}.queue-item.active .queue-number{color:#ff6565}.queue-copy{min-width:0}.queue-title,.queue-artist{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-title{font-size:.85rem;font-weight:700}.queue-artist{color:#8999bf;font-size:.7rem;margin-top:.1rem}.queue-time{font-size:.68rem;color:#7889b0}.latest-section{background:#f5f7fb;color:#0a1738;padding:clamp(4rem,8vw,7rem) max(clamp(1.25rem,7vw,7rem),calc((100vw - 1280px)/2 + 3rem))}.latest-section .eyebrow{color:#66718b}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}.section-heading h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.045em;margin:0}.section-heading>p{max-width:360px;color:#66718b;margin:0}.filters{display:flex;gap:.55rem;margin:2rem 0;overflow:auto;padding:.2rem 0 .5rem;scrollbar-width:thin}.filter{flex:0 0 auto;border:1px solid #dce1ec;background:#fff;color:#536079;border-radius:99px;padding:.55rem 1rem;cursor:pointer;font-size:.76rem;font-weight:700}.filter:hover,.filter.active{background:var(--blue);border-color:var(--blue);color:#fff}.spot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.spot-card{position:relative;background:#fff;border:1px solid #e2e6ef;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 10px 30px rgba(11,29,72,.06);transition:.2s transform,.2s box-shadow}.spot-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(11,29,72,.12)}.spot-card.active{box-shadow:0 0 0 2px var(--red),0 15px 35px rgba(11,29,72,.12)}.spot-card img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}.card-play{position:absolute;right:.8rem;top:calc(66.67% - 20px);width:42px;height:42px;border-radius:50%;background:var(--red);color:#fff;box-shadow:0 7px 18px rgba(216,30,30,.3)}.spot-card-copy{padding:1rem}.spot-card-copy h3{font-size:.98rem;line-height:1.25;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spot-card-copy>p{margin:0;color:#69748d;font-size:.77rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;justify-content:space-between;margin-top:.8rem;padding-top:.7rem;border-top:1px solid #edf0f5;color:#8a94a8;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em}.empty-state{padding:2rem;text-align:center;color:#68738c}.studio-strip{max-width:1280px;margin:auto;padding:2.5rem clamp(1.25rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between}.studio-strip p{display:flex;gap:1rem;align-items:baseline}.studio-strip span{color:#8999bf}.studio-strip a{color:#c5d0e9;text-decoration:none;font-size:.8rem}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:980px){.player-layout{grid-template-columns:1fr}.queue-panel{max-height:410px;overflow:auto}.spot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header nav a:nth-child(3){display:none}}
@media(max-width:640px){.site-header{height:auto;min-height:70px;padding:0 1.1rem}.site-header nav{gap:1rem}.site-header nav a{font-size:.73rem}.site-header nav a:nth-child(2){display:none}.hero{padding-top:3.8rem}.now-playing{grid-template-columns:110px minmax(0,1fr);gap:1.1rem}.track-info h2{font-size:1.75rem}.track-info>p:not(.track-kicker){font-size:.9rem}.on-air{display:none}.player-panel{padding:1rem}.transport{margin-top:1.3rem}.control-spacer{display:none}.controls{grid-template-columns:1fr auto}.main-controls{justify-self:start}.volume-controls{justify-self:end}.volume{width:62px}.spot-grid{grid-template-columns:1fr}.section-heading{display:block}.section-heading>p{margin-top:1rem}.studio-strip,.studio-strip p{align-items:flex-start;flex-direction:column;gap:.5rem}.studio-strip a{margin-top:1rem}}
@media(max-width:390px){.now-playing{grid-template-columns:86px minmax(0,1fr)}.track-kicker{margin-bottom:.4rem}.track-info h2{font-size:1.45rem}.track-meta{margin-top:.7rem}.play-button{width:54px;height:54px}.icon-button{width:36px;height:36px}.volume-controls .volume{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spot-card,.play-button{transition:none}}