/* This transparent layer receives pointer movement above the cross-origin YouTube iframe. */
.channel::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
}

/* Keep YouTube's title, branding and control overlays underneath these solid bands. */
.channel-bar {
  background: #000;
}

.top-bar { height: 6rem; }
.bottom-bar { height: 7rem; }