:root {
  --bg: #111a1c; --surface: #1b292c; --surface-2: #25383a; --text: #f0f8f4; --muted: #a9c0ba;
  --accent: #bced94; --on-accent: #17251a; --line: #354a46; --hero-position: 67% center;
  --hero-shade: linear-gradient(90deg,#111a1c 0%,rgba(17,26,28,.94) 23%,rgba(17,26,28,.46) 62%,rgba(17,26,28,.3));
  --hero-text: #f0f8f4; --hero-muted: #d0ddd6;
}
.brand strong { font-family: Manrope,sans-serif; font-weight: 800; font-size: 1.24rem; }
.hero { min-height: 675px; }
.hero-media { left: 18%; }
.hero-media img { filter: saturate(.65); }
.hero-layout { padding-top: 95px; padding-bottom: 78px; }
.hero h1 { font-weight: 600; font-size: clamp(4rem,8vw,6rem); max-width: 12ch; }
.hero-story { padding: 28px; background: #172326; border-top-color: var(--accent); }
.genre-strip { font-family: Manrope,sans-serif; font-size: .87rem; font-weight: 800; padding-block: 24px; }
.station-identity { border-radius: 50%; width: 66px; height: 66px; }
.editorial-media { border-radius: 16px; }
.editorial-media img { filter: saturate(.55); }
.journal-card { border-top-color: var(--accent); }
.button,.header-listen { border-radius: 30px; }
@media(max-width:900px) { .hero-story { padding: 20px; max-width: 430px; } }
@media(max-width:640px) {
  .brand strong { font-size: 1.04rem; }
  .hero { min-height: 680px; }
  .hero-media { left: 0; }
  .hero-media::after { background: linear-gradient(90deg,rgba(17,26,28,.92),rgba(17,26,28,.64)); }
  .hero-layout { padding-block: 57px 32px; }
  .hero h1 { font-size: clamp(3rem,12.5vw,4.6rem); }
  .station-identity { width: 54px; height: 54px; }
}