.yt-band {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 5rem 0;
  background: var(--red2);
  color: var(--cream);
  text-align: center;
}
.yt-band__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -2;
  pointer-events: none;
}
.yt-band__tint {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(rgba(191, 27, 44, .92), rgba(191, 27, 44, .92)), rgba(20, 17, 17, .28);
}
.yt-band__content { position: relative; }
.yt-band h2 {
  color: #fff;
  font-size: clamp(2.2rem, 5vw, 4.5rem);
  line-height: 1.05;
  text-wrap: balance;
  text-shadow: 3px 3px 0 var(--ink);
}
.yt-band p {
  max-width: 42rem;
  margin: 1.5rem auto 0;
  color: var(--cream);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  text-shadow: 1px 1px 0 rgba(20, 17, 17, .55);
}
.yt-band .block-button { margin-top: 2rem; }
@media (max-width: 699px) {
  .yt-band { padding: 3.5rem 0; }
}
