.hero {
  min-height: 0;
  padding: 32px 0 38px;
  background: radial-gradient(ellipse at 50% 10%, rgba(230, 170, 43, .1), transparent 65%), #0b0906;
}
.radio-intro { margin-bottom: 27px; text-align: center; }
.radio-intro .eyebrow { display: block; margin-bottom: 10px; font-size: 12px; }
.radio-intro h1 { max-width: none; font-size: clamp(2.45rem, 5vw, 4.5rem); font-weight: 900; line-height: 1; text-transform: uppercase; letter-spacing: -.015em; }
.radio-intro h1 span { display: inline; }
.hero .tuner { width: 100%; max-width: 890px; margin-inline: auto; padding: 11px; scroll-margin-top: 100px; }
.tuner-top { padding: 12px 19px; font-size: 12px; letter-spacing: .07em; }
.tuner-top img { width: 126px; }
.tuner-top > div { text-align: right; }
.tuner-top strong { display: block; color: var(--gold-2); font-size: 14px; }
.tuner-top span { display: block; margin-top: 3px; color: var(--muted); font-size: 12px; font-weight: 400; letter-spacing: .03em; text-transform: none; }
.dial-scale { height: 54px; margin: 15px 19px 0; }
.dial-labels { padding-inline: 0; }
.dial-labels span { font-size: 12px; letter-spacing: .04em; text-shadow: 0 1px 5px #000; }
.radio-list-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; padding: 14px 19px 12px; }
.radio-list-heading h2 { margin: 0; font-size: 18px; }
.radio-list-heading p { margin: 0; color: var(--muted); font-size: 14px; }
.station-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 0 19px 19px; }
.station-row { display: block; min-height: 0; padding: 0; overflow: visible; border-radius: 8px; background: linear-gradient(115deg, rgba(255,255,255,.035), transparent), #100d08; box-shadow: none; }
.station-row:hover { transform: none; }
.station-row.is-active { box-shadow: inset 3px 0 var(--gold); }
.station-preset { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 12px; min-height: 84px; padding: 13px 12px 5px; border-radius: 7px; color: var(--cream); text-decoration: none; }
.station-preset:hover .station-name { color: #ffdc89; }
.station-thumb { grid-row: auto; width: 58px; height: 58px; border-radius: 5px; object-fit: cover; }
.station-summary { display: block; }
.station-name { display: block; color: var(--gold-2); font-size: 14px; font-weight: 700; line-height: 1.35; }
.station-track { display: block; margin-top: 4px; font-size: 16px; font-weight: 400; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
.station-actions { flex-direction: row; justify-content: space-between; gap: 8px; min-height: 36px; padding: 0 12px 5px 82px; }
.direct-link { display: inline-flex; align-items: center; min-height: 30px; font-size: 13px; font-weight: 400; }
.tuned-indicator { display: none; color: var(--gold-2); font-size: 12px; font-weight: 700; }
.station-row.is-active .tuned-indicator { display: inline; }
@media (max-width: 700px) {
  .hero { padding: 25px 0 28px; }
  .radio-intro { margin-bottom: 22px; }
  .radio-intro h1 { font-size: 2.8rem; line-height: 1; }
  .radio-intro .eyebrow { font-size: 11px; letter-spacing: .12em; }
  .hero .tuner { padding: 8px; border-radius: 18px; }
  .tuner-top { padding: 11px 12px; gap: 12px; }
  .tuner-top img { width: 100px; }
  .tuner-top strong { font-size: 12px; }
  .tuner-top span { font-size: 11px; }
  .dial-scale { height: 52px; margin: 14px 12px 0; }
  .dial-labels span { font-size: clamp(8px, 2.3vw, 11px); letter-spacing: 0; }
  .radio-list-heading { padding: 13px 12px 11px; }
  .radio-list-heading h2 { font-size: 17px; }
  .radio-list-heading p { font-size: 12px; }
  .station-grid { grid-template-columns: 1fr; gap: 9px; padding: 0 12px 13px; }
  .station-preset { grid-template-columns: 50px minmax(0, 1fr); gap: 10px; min-height: 74px; padding: 11px 10px 2px; }
  .station-thumb { width: 50px; height: 50px; }
  .station-actions { min-height: 42px; padding: 0 10px 4px 70px; }
  .direct-link { min-height: 36px; }
}