:root{--black:#090909;--panel:#131313;--line:#2a2a2a;--white:#f5f2e9;--muted:#aaa79f;--green:#b7ff38;--pink:#ff3f8d;--shell:min(1320px,calc(100% - 40px));--display:"Barlow Condensed",Impact,sans-serif;--body:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);line-height:1.65}img{max-width:100%;height:auto}a{color:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:10px;background:var(--green);color:#000;padding:10px 16px;z-index:100}.skip-link:focus{left:10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(9,9,9,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex}.brand img{width:224px}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-family:var(--display);font-weight:600;font-size:1rem}.nav-links a:hover,.nav-links a:focus{color:var(--green)}.nav-toggle{display:none;background:none;color:#fff;border:1px solid var(--line);padding:9px 13px;font:600 1rem var(--display);text-transform:uppercase}.hero{position:relative;overflow:hidden;min-height:760px;border-bottom:1px solid var(--line);display:flex;align-items:center}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#090909 0%,rgba(9,9,9,.96) 36%,rgba(9,9,9,.58) 72%,rgba(9,9,9,.82) 100%),url('music-art.png') right center/auto 100% no-repeat;filter:saturate(.85)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--black));pointer-events:none}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(370px,.8fr);gap:70px;align-items:center;padding:90px 0 110px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font:700 .82rem var(--body);color:var(--green);margin:0 0 20px}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--pink);margin-right:10px;box-shadow:0 0 0 5px rgba(255,63,141,.15);animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(255,63,141,0)}}h1,h2,blockquote{font-family:var(--display);text-transform:uppercase;letter-spacing:-.025em;line-height:.9;margin:0}h1{font-size:clamp(4.5rem,8.2vw,8.4rem);font-weight:800;max-width:850px}h1 em{color:var(--green);font-style:normal}.hero-intro{font-size:1.12rem;max-width:690px;color:#d5d2ca;margin:30px 0}.genre-line{display:flex;flex-wrap:wrap;gap:10px}.genre-line span{border:1px solid #474747;padding:7px 11px;font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;background:rgba(0,0,0,.4)}.player{background:rgba(15,15,15,.94);border:1px solid #3a3a3a;padding:34px;box-shadow:18px 18px 0 rgba(183,255,56,.12)}.player-topline{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:18px;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}.status{font-weight:700}.status:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-checking:before{background:#f3bd37}.status-live:before{background:var(--green)}.status-fallback:before{background:#f3bd37}.status-offline:before{background:#ff5252}.now-playing{padding:34px 0 28px}.now-playing>p:first-child{margin:0;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em}.now-playing h2{font-size:clamp(2.5rem,4vw,4.3rem);margin:8px 0 14px}.track-title{margin:0;color:var(--green);font-weight:600;min-height:3.2em}.player-controls{display:flex;align-items:center;justify-content:space-between;gap:20px}.play-button{display:inline-flex;align-items:center;gap:12px;border:0;background:var(--green);color:#080808;padding:15px 19px;font:800 .88rem var(--body);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.play-button:hover{background:#d0ff7b}.play-icon{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #000}.play-button.is-playing .play-icon{width:11px;height:14px;border:0;border-left:4px solid #000;border-right:4px solid #000}.volume-control{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.72rem;text-transform:uppercase}.volume-control input{accent-color:var(--green);width:95px}.player-message{color:var(--muted);font-size:.78rem;margin:18px 0 0}.manifesto{padding:110px 0;border-bottom:1px solid var(--line)}.manifesto-grid{display:grid;grid-template-columns:180px 1fr 360px;gap:60px;align-items:start}.section-number{font:600 .8rem var(--body);letter-spacing:.12em;color:var(--muted);margin:4px 0}.manifesto blockquote{font-size:clamp(3.5rem,6.2vw,7rem);color:var(--white)}.manifesto-copy{color:#c4c1ba;font-size:1rem}.manifesto-copy p:first-child{margin-top:0}.section{padding:110px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.section-heading h2,.feature-copy h2,.local h2,.contact h2{font-size:clamp(3.5rem,6vw,6.4rem)}.section-heading>p{color:var(--muted);max-width:420px;margin:0}.track-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.track-card{min-height:155px;border:1px solid var(--line);background:var(--panel);padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s,transform .2s}.track-card:hover{border-color:#555;transform:translateY(-3px)}.track-index{font:700 .75rem var(--body);color:var(--pink);letter-spacing:.12em}.track-name{font:700 1.28rem var(--display);text-transform:uppercase;line-height:1.05}.track-time{color:var(--muted);font-size:.75rem}.skeleton span{display:block;height:13px;background:linear-gradient(90deg,#202020,#333,#202020);background-size:200% 100%;animation:loading 1.4s infinite}.skeleton span:last-child{width:60%}@keyframes loading{to{background-position:-200% 0}}.split-feature{padding:0;display:grid;grid-template-columns:1fr 1fr;min-height:720px;border-block:1px solid var(--line)}.feature-image{background-position:center;background-size:cover;min-height:600px}.studio-image{background-image:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12)),url('studio-mixer.jpg')}.feature-copy{padding:100px clamp(40px,7vw,120px);display:flex;flex-direction:column;justify-content:center;background:#101010}.feature-copy>p:not(.eyebrow){color:#c9c5bd;max-width:600px;font-size:1.05rem}.feature-list{list-style:none;padding:0;margin:35px 0 0;border-top:1px solid var(--line)}.feature-list li{display:grid;grid-template-columns:90px 1fr;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.feature-list strong{font:800 1.65rem var(--display);color:var(--green)}.feature-list span{color:var(--muted)}.local{background:var(--green);color:#080808}.local-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.local .eyebrow{color:#080808}.local p{font-size:1.1rem;max-width:610px}.text-link{display:inline-block;margin-top:20px;font-weight:800;text-transform:uppercase;text-decoration:none;border-bottom:2px solid #080808;padding-bottom:4px}.text-link span{margin-left:12px}.contact{background:#181818}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.contact-actions{padding-bottom:10px}.contact-actions p{color:var(--muted);max-width:520px;margin-top:24px}.button{display:inline-block;text-decoration:none;padding:16px 20px;font-weight:800}.button-light{background:var(--white);color:#080808}footer{padding:55px 0;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:220px 1fr auto;gap:40px;align-items:center;color:var(--muted);font-size:.82rem}.footer-grid p:last-child{text-align:right}.footer-grid a{color:var(--white)}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;padding-top:70px}.hero{min-height:auto}.hero-art{opacity:.5}.player{max-width:680px}.manifesto-grid{grid-template-columns:1fr}.manifesto-copy{max-width:700px}.track-grid{grid-template-columns:repeat(2,1fr)}.split-feature{grid-template-columns:1fr}.feature-image{min-height:500px}.local-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid p:last-child{grid-column:1/-1;text-align:left}}
@media(max-width:760px){:root{--shell:min(100% - 28px,1320px)}.header-inner{height:72px}.brand img{width:185px}.nav-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:72px;background:#0c0c0c;border-bottom:1px solid var(--line);padding:20px;flex-direction:column;align-items:flex-start;gap:15px}.nav-links.open{display:flex}.hero-grid{padding:62px 0 78px;gap:45px}.hero-art{background-position:60% center}h1{font-size:clamp(4rem,20vw,6rem)}.hero-intro{font-size:1rem}.player{padding:24px;box-shadow:8px 8px 0 rgba(183,255,56,.12)}.player-topline{flex-direction:column}.player-controls{align-items:flex-start;flex-direction:column}.manifesto,.section{padding:75px 0}.manifesto-grid{gap:25px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.track-grid{grid-template-columns:1fr}.feature-copy{padding:75px 22px}.feature-image{min-height:380px}.local-grid,.contact-grid{gap:25px}.footer-grid{grid-template-columns:1fr}.footer-grid p:last-child{grid-column:auto}.volume-control{width:100%}.volume-control input{flex:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.live-dot,.skeleton span{animation:none}}