/* A quieter station masthead: brand, social actions, then two balanced rows of links. */
.site-header{isolation:isolate;align-items:stretch;gap:0;min-height:0;padding:8px 0 12px;background:transparent}
.site-header::before{position:absolute;inset:0 auto 0 50%;width:100vw;height:auto;transform:translateX(-50%);background:linear-gradient(180deg,#101923f5,#090e15f5);border-bottom:1px solid #3d4c56;box-shadow:0 10px 28px #0006}
.site-header .header-top{display:grid;grid-template-columns:minmax(270px,390px) minmax(0,1fr);align-items:center;justify-content:space-between;gap:clamp(16px,4vw,50px);min-height:132px;padding:0 8px}
.site-header .header-top .brand{display:block;flex:none;width:100%;max-width:390px;height:128px;min-width:0}
.site-header>.brand{align-self:center;width:min(345px,100%);height:116px}
.site-header .header-social{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:4px;width:100%;max-width:510px;justify-self:end}
.site-header .header-social::before{display:none}
.site-header .header-social-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3px;min-height:30px;padding:4px 5px;border:1px solid #3a4b56;border-radius:7px;background:#17232e;color:#eaf1f5;font-size:.66rem;line-height:1.1;white-space:nowrap;box-shadow:none;transition:background .15s,border-color .15s,transform .15s}
.site-header .header-social-button strong{font-size:.6rem;line-height:1.1;letter-spacing:.01em}
.site-header .header-social-button:hover{transform:translateY(-1px);background:#223341}
.site-header .main-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px 5px;width:100%;max-width:none;margin:0;padding:8px 0 0;border:0;border-top:1px solid #34434d;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.site-header .main-nav::before{content:"EXPLORE";flex-basis:100%;padding:0 0 4px;color:#91adba;font-size:.69rem;font-weight:850;letter-spacing:.11em;line-height:1}
.site-header .main-nav a{min-height:34px;padding:7px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#c9d4db;font-size:.8rem;font-weight:750;letter-spacing:.005em;box-shadow:none}
.site-header .main-nav a:hover,.site-header .main-nav a.active,.site-header .main-nav a[aria-current=page]{border-color:#52616a;background:#263440;color:#fff}
.site-header .main-nav a.join-link{border-color:#405e4b;background:#1c3429;color:#ddf1df}
.site-header .main-nav a.nav-live{border-color:#f3747e;background:linear-gradient(145deg,#aa2632,#781b25);color:#fff;letter-spacing:.06em;box-shadow:0 0 15px #df334844}
.site-header .main-nav a.nav-live:hover,.site-header .main-nav a.nav-live:focus-visible{background:linear-gradient(145deg,#cc3541,#98232d);box-shadow:0 0 19px #ed414080}
.site-header .main-nav .nav-row-break{flex-basis:100%;height:0}
@media(max-width:900px){
  .site-header .header-top{grid-template-columns:minmax(235px,305px) minmax(0,1fr);min-height:116px;gap:12px}
  .site-header .header-top .brand{height:110px}
  .site-header .header-social{max-width:500px}
  .site-header .header-social-button{padding:4px 3px;font-size:.61rem}
  .site-header .header-social-button strong{font-size:.56rem}
}
@media(max-width:720px){
  .site-header{min-height:0;padding:5px 0 10px}
  .site-header .header-top{grid-template-columns:1fr;gap:0;justify-items:center;padding:0 4px}
  .site-header .header-top .brand{height:110px;max-width:320px}
  .site-header>.brand{height:106px;width:min(310px,100%)}
  .site-header .header-social{grid-template-columns:repeat(2,minmax(0,1fr));max-width:330px}
  .site-header .header-social-button{min-height:30px;padding:4px 5px;font-size:.66rem;text-align:center}
  .site-header .header-social-button strong{font-size:.59rem}
  .site-header .nav-toggle{align-self:stretch;order:2;min-height:38px;margin:6px 0 0;padding:7px 12px;border-color:#50616b;background:#1a2935}
  .site-header .main-nav{display:none;top:100%;margin:0;padding:10px;border:1px solid #45535d;border-radius:0 0 12px 12px;background:#0b141e;box-shadow:0 18px 36px #0009}
  .site-header .main-nav.open{display:flex;flex-direction:column;align-items:stretch}
  .site-header .main-nav a{width:100%;justify-content:flex-start;min-height:38px;padding:8px 12px;font-size:.88rem}
  .site-header .main-nav .nav-row-break{display:none}
  .music-page .site-header .main-nav{display:flex;position:static;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:8px 0 2px;border:0;border-top:1px solid #34434d;border-radius:0;background:transparent;box-shadow:none}
  .music-page .site-header .main-nav a{width:auto;flex:none;min-height:38px;padding:8px 10px;font-size:.8rem}
  .music-page .site-header .main-nav::before{display:none}
}
@media(max-width:420px){
  .site-header .header-social-button{font-size:.65rem}
  .site-header .header-social-button strong{font-size:.58rem}
}