:root{
  --gr-navy:#0b2a66;
  --gr-blue:#168af5;
  --gr-red:#ff4058;
  --gr-coral:#ff7149;
}

/* V89 – one real header on every GALAXISRADIO page. No baked-in old slogan. */
.site-header{
  box-sizing:border-box!important;
  width:100%!important;
  height:72px!important;
  min-height:72px!important;
  margin:0!important;
  padding:0 clamp(18px,3vw,48px)!important;
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  display:flex!important;
  align-items:center!important;
  gap:clamp(14px,1.6vw,26px)!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 3% 0,rgba(255,92,85,.20),transparent 22%),
    radial-gradient(circle at 95% 0,rgba(22,138,245,.15),transparent 24%),
    linear-gradient(100deg,#fff 0%,#fff9f1 52%,#fff4e7 100%)!important;
  border-top:3px solid #ff8a64!important;
  border-bottom:1px solid rgba(11,42,102,.08)!important;
  box-shadow:0 4px 16px rgba(11,42,102,.05)!important;
}
.site-header::before,
.site-header::after{content:"";position:absolute;z-index:0;pointer-events:none}
.site-header::before{left:0;top:0;width:17%;height:100%;background:linear-gradient(135deg,rgba(255,93,91,.08),transparent 58%);clip-path:polygon(0 0,70% 0,100% 100%,0 100%)}
.site-header::after{right:0;top:0;width:18%;height:100%;background:linear-gradient(135deg,transparent 18%,rgba(255,167,88,.17) 46%,rgba(22,138,245,.10));clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}
.site-header>*{position:relative;z-index:2}
.site-header .brand{
  position:relative!important;left:auto!important;top:auto!important;
  width:auto!important;height:auto!important;min-width:220px!important;
  flex:0 0 auto!important;display:flex!important;align-items:center!important;
  opacity:1!important;margin:0!important;text-decoration:none!important;
}
.site-header .brand img{
  display:block!important;width:240px!important;max-width:24vw!important;height:auto!important;
  object-fit:contain!important;
}
.site-header .nav{
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;
  width:auto!important;height:auto!important;margin-left:auto!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:1 1 auto!important;gap:clamp(10px,1.15vw,22px)!important;
  background:transparent!important;box-shadow:none!important;opacity:1!important;
}
.site-header .nav a{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;min-width:0!important;height:69px!important;padding:0!important;
  color:var(--gr-navy)!important;background:transparent!important;border:0!important;
  font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:clamp(11px,.83vw,14px)!important;
  line-height:1!important;font-weight:900!important;text-decoration:none!important;white-space:nowrap!important;
}
.site-header .nav a:hover{color:#126fce!important}
.site-header .nav a.active{color:var(--gr-red)!important}
.site-header .nav a.active::after{content:"";position:absolute;left:8%;right:8%;bottom:7px;height:3px;border-radius:999px;background:var(--gr-red)}
.site-header .search-button{
  position:relative!important;left:auto!important;top:auto!important;width:42px!important;height:42px!important;
  flex:0 0 42px!important;margin:0!important;padding:0!important;border:1px solid rgba(11,42,102,.10)!important;
  border-radius:50%!important;background:#fff!important;color:var(--gr-navy)!important;opacity:1!important;
  display:grid!important;place-items:center!important;font-size:24px!important;cursor:pointer!important;
  box-shadow:0 5px 14px rgba(11,42,102,.08)!important;
}
.site-header .live-button{
  position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:44px!important;
  flex:0 0 auto!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:999px!important;
  background:linear-gradient(135deg,#ff3f57,#ff774b)!important;color:#fff!important;opacity:1!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  font:900 13px/1 Arial,"Helvetica Neue",sans-serif!important;cursor:pointer!important;
  box-shadow:0 8px 18px rgba(255,64,88,.22)!important;
}
.site-header .live-button .play-symbol,.site-header .live-button .play-label{display:inline!important;color:#fff!important}
.site-header .nav-toggle{display:none!important}

/* V89 – every subpage uses exactly the same hero artwork. Page titles stay in the content, never over the logo. */
.hero.subpage-home-hero{
  box-sizing:border-box!important;width:100%!important;height:auto!important;aspect-ratio:1672/265!important;
  min-height:0!important;max-height:265px!important;margin:0!important;padding:0!important;
  position:relative!important;display:block!important;overflow:hidden!important;
  background:#fff4e7!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
.hero.subpage-home-hero .hero-master-art{
  position:absolute!important;inset:0!important;z-index:1!important;width:100%!important;height:100%!important;
  display:block!important;object-fit:cover!important;object-position:center center!important;transform:none!important;pointer-events:none!important;
}
.hero.subpage-home-hero .hero-desktop-copy-v44,
.hero.subpage-home-hero .hero-copy,
.hero.subpage-home-hero .hero-photo{display:none!important}
.site-header + .hero.subpage-home-hero{margin-top:0!important}
.hero.subpage-home-hero + .fresh-main,
.hero.subpage-home-hero + .members-main,
.hero.subpage-home-hero + .gr-action-page{margin-top:14px!important}

@media(max-width:1180px){
  .site-header{height:66px!important;min-height:66px!important;padding:0 14px!important;gap:10px!important}
  .site-header .brand{min-width:0!important;margin-right:auto!important}
  .site-header .brand img{width:220px!important;max-width:56vw!important}
  .site-header .nav-toggle{display:block!important;order:5!important;border:0!important;background:transparent!important;color:var(--gr-navy)!important;font-size:27px!important;line-height:1!important;cursor:pointer!important;padding:7px!important}
  .site-header .nav{
    display:none!important;position:absolute!important;left:0!important;right:0!important;top:63px!important;width:100%!important;height:auto!important;
    padding:8px 16px 14px!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;
    background:#fff!important;box-shadow:0 16px 28px rgba(10,44,96,.14)!important;border-bottom:1px solid #e7edf5!important;
  }
  .site-header .nav.open{display:flex!important}
  .site-header .nav a{height:auto!important;justify-content:flex-start!important;padding:10px 4px!important;font-size:14px!important}
  .site-header .nav a.active::after{display:none!important}
  .site-header .search-button{margin-left:auto!important;width:38px!important;height:38px!important;flex-basis:38px!important;font-size:21px!important}
  .site-header .live-button{height:40px!important;padding:0 14px!important;font-size:12px!important}
  .hero.subpage-home-hero{aspect-ratio:1672/265!important;max-height:none!important}
}
@media(max-width:680px){
  .site-header{height:62px!important;min-height:62px!important;padding:0 10px!important;border-top-width:2px!important}
  .site-header .brand img{width:190px!important;max-width:58vw!important}
  .site-header .search-button{display:none!important}
  .site-header .live-button{width:42px!important;flex-basis:42px!important;padding:0!important}
  .site-header .live-button .play-label{display:none!important}
  .site-header .nav{top:60px!important}
  .hero.subpage-home-hero{height:118px!important;aspect-ratio:auto!important}
  .hero.subpage-home-hero .hero-master-art{object-position:18% center!important}
}