.broadcast-band {
  display: grid;
  grid-template-columns: 1fr 1fr 1.35fr;
  gap: 1px;
  background: rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.2);
  color: #fff;
}
.broadcast-band > div { min-width: 0; padding: 20px var(--pad); background: var(--ink); }
.broadcast-band > div { position: relative; }
.broadcast-band > div + div:before { content: ""; position: absolute; left: 0; top: 22%; bottom: 22%; width: 1px; background: rgba(255,255,255,.18); }
.broadcast-band .kicker { display: block; margin-bottom: 4px; color: var(--accent); }
.broadcast-band strong,
.broadcast-band span:last-child { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.landscape-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(28px, 3vw, 44px) clamp(16px, 1.8vw, 28px);
}
.latest-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.latest-grid .story-media { aspect-ratio: 9 / 16 !important; }
.latest-grid .story-card h3 { font-size: clamp(22px, 2.15vw, 34px); }
.homepage-section { padding-top: clamp(64px, 7.2vw, 108px); padding-bottom: clamp(68px, 7.5vw, 112px); }
.homepage-section .section-head { margin-bottom: clamp(24px, 3vw, 38px); }
.homepage-section .section-title { font-size: clamp(40px, 5.5vw, 82px); }
.homepage-section .section-copy { max-width: 440px; margin-bottom: 8px; font-size: clamp(15px, 1.35vw, 18px); }
.homepage-section .story-card { min-width: 0; }
.homepage-section .story-media { border-radius: 2px; }
.homepage-section .story-card h3 { max-width: 18ch; font-size: clamp(24px, 2.65vw, 40px); line-height: .98; }
.homepage-section .meta { flex-wrap: wrap; row-gap: 8px; font-size: 10px; }
.homepage-section .tag { padding: 4px 9px; }
.homepage-section .story-card:hover .story-media img { transform: scale(1.035); }
.homepage-section .watch-empty { max-width: none; border-color: rgba(255,255,255,.26); padding: clamp(24px, 3vw, 44px); }
.watch-section { background: var(--ink); color: #fff; }
.watch-section .section-copy { color: #bec0b8; }
.watch-section .story-card h3 a,
.watch-section .story-read,
.watch-section .tag { color: #fff; }

.story-media {
  aspect-ratio: 16 / 9 !important;
  width: 100%;
  background: #0b0c0a;
}
.story-media img { width: 100%; height: 100%; object-fit: cover; }
.story-media video { width: 100%; height: 100%; object-fit: contain; background: #000; }
.story-card h3 { margin: 14px 0 8px; }
.story-card h3 a { text-decoration: none; }
.story-card .meta { margin-top: 14px; }
.story-card .tag { position: relative; z-index: 1; text-decoration: none; }
.story-read { align-self: center; font-weight: 750; }

.wam-inline-media { position: relative; isolation: isolate; }
.wam-media-label { position: absolute; z-index: 2; top: 14px; left: 14px; padding: 7px 11px; border: 1px solid rgba(255,255,255,.26); border-radius: 999px; background: rgba(15,17,13,.72); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .12em; line-height: 1; text-transform: uppercase; backdrop-filter: blur(10px); }
.wam-inline-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.wam-inline-poster.placeholder { background: linear-gradient(135deg, #272b22, #0a0b09); }
.wam-inline-play {
  position: absolute;
  z-index: 2;
  left: 18px;
  bottom: 18px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 10px 17px;
  border: 0;
  border-radius: 8px;
  background: var(--accent);
  color: var(--ink);
  font-weight: 850;
  cursor: pointer;
}
.wam-inline-play span { font-size: 12px; }
.wam-inline-close {
  position: absolute;
  z-index: 5;
  top: 10px;
  right: 10px;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 50%;
  background: rgba(0,0,0,.72);
  color: #fff;
  font-size: 25px;
  cursor: pointer;
}
.wam-inline-player,
.wam-inline-player iframe,
.wam-inline-player video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000; }
.wam-media-error { position: absolute; z-index: 4; inset: auto 14px 14px; margin: 0; padding: 12px; background: #fff; color: #171913; }
.watch-empty { border: 1px solid currentColor; padding: clamp(24px, 5vw, 70px); max-width: 800px; }
.watch-empty h3 { margin-top: 0; font: 800 clamp(28px, 4vw, 55px)/1 var(--display); }
.watch-empty p { max-width: 620px; }
.wam-admin-cta { display: inline-flex; align-items: center; gap: 12px; margin-top: 14px; padding: 12px 17px; border-radius: 8px; background: var(--accent); color: var(--ink); font-size: 13px; font-weight: 800; text-decoration: none; }
.wam-resume-radio { margin-left: 8px; border: 0; border-bottom: 1px solid currentColor; background: transparent; color: var(--accent); padding: 0; cursor: pointer; }

.radio-dock .dock-copy { display: flex; align-items: center; gap: 13px; }
.dock-meta { min-width: 0; }
.wam-equalizer { height: 34px; min-width: 34px; display: flex; align-items: center; justify-content: center; gap: 3px; padding: 0 7px; border: 1px solid rgba(255,255,255,.16); border-radius: 9px; background: rgba(255,255,255,.035); }
.wam-equalizer i { display: block; width: 3px; height: 5px; border-radius: 5px; background: var(--accent); transform-origin: center; }
.is-playing .wam-equalizer i { animation: wam-equalize .72s ease-in-out infinite alternate; }
.is-playing .wam-equalizer i:nth-child(2n) { animation-duration: .48s; }
.is-playing .wam-equalizer i:nth-child(3n) { animation-duration: .9s; }
@keyframes wam-equalize { from { transform: scaleY(.55); } to { transform: scaleY(4.8); } }
.latest-grid .story-media img { object-fit: cover; }
.latest-grid .story-media video { object-fit: cover; }

@media (max-width: 980px) {
  .landscape-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .broadcast-band { grid-template-columns: 1fr 1fr; }
  .broadcast-band > div:last-child { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .landscape-card-grid { grid-template-columns: 1fr; }
  .latest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .broadcast-band { grid-template-columns: 1fr; }
  .broadcast-band > div:last-child { grid-column: auto; }
  .broadcast-band > div { padding: 14px 20px; }
  .broadcast-band > div + div:before { display: none; }
  .homepage-section { padding-top: 58px; padding-bottom: 62px; }
  .homepage-section .section-head { margin-bottom: 22px; }
  .homepage-section .section-title { font-size: clamp(38px, 12vw, 58px); }
  .wam-inline-play { left: 12px; bottom: 12px; min-height: 42px; }
  .latest-grid { gap: 25px 12px; }
  .latest-grid .story-card h3 { font-size: clamp(19px, 5.3vw, 25px); }
}

@media (max-width: 380px) {
  .latest-grid { grid-template-columns: 1fr; }
}

@media (max-width: 980px) {
  .header-actions .language-switcher { display: block; }
  .header-actions { gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .is-playing .wam-equalizer i { animation: none; transform: scaleY(2); }
}
