.media-console, .archive-console {
  width: min(1180px, calc(100% - 32px));
  margin: 26px auto 0;
  padding: clamp(20px, 3vw, 32px);
  background: linear-gradient(135deg, rgba(0,0,0,.88), rgba(18,2,18,.48));
  border: 1px solid var(--line-soft);
  box-shadow: var(--shadow-kaspa), inset 0 0 60px rgba(255,0,212,.035);
  backdrop-filter: blur(12px);
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 30px 100%, 0 calc(100% - 30px));
}
.media-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.video-card {
  position:relative;
  overflow:hidden;
  background: rgba(0,0,0,.62);
  border: 1px solid rgba(0,255,204,.28);
  box-shadow: inset 0 0 34px rgba(0,255,204,.035);
}
.video-card::before { content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(130deg, transparent, rgba(0,255,204,.08), transparent); transform: translateX(-120%); transition: transform .5s ease; }
.video-card:hover::before { transform: translateX(120%); }
.video-card--magenta { border-color: rgba(255,0,212,.34); }
.video-frame { position:relative; aspect-ratio: 16 / 9; background:#000; border-bottom: 1px solid rgba(255,255,255,.10); }
.video-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.video-copy { padding: 18px; }
.video-copy span, .transmission-card strong { display:block; font-family: var(--font-display); text-transform:uppercase; letter-spacing:.16em; color: var(--kaspa); font-size:.78rem; margin-bottom: 9px; }
.video-card--magenta .video-copy span, .transmission-card--magenta strong { color: var(--magenta); }
.video-copy h3, .transmission-card h3 { font-size: clamp(1.25rem, 2.5vw, 2rem); letter-spacing:.08em; margin-bottom: 9px; }
.video-copy p, .transmission-card p { color:#c9dfdc; line-height:1.5; }
.transmission-list { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.transmission-card { padding: 18px; min-height: 160px; background: rgba(0,0,0,.62); border: 1px solid rgba(0,255,204,.24); box-shadow: inset 0 0 28px rgba(0,255,204,.03); }
.transmission-card--magenta { border-color: rgba(255,0,212,.34); }
@media (max-width: 820px) { .media-grid, .transmission-list { grid-template-columns: 1fr; } }