.listen-section {
  text-align: center;
  background: linear-gradient(to bottom, var(--bg-deep), #100A08, var(--bg-deep));
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.listen-inner {
  max-width: 700px;
  margin: 0 auto;
}

.yt-embed {
  margin: 2.5rem auto;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8), 0 0 0 1px var(--gold-dim);
}

.yt-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.yt-link {
  display: inline-block;
  font-family: 'Cinzel', serif;
  font-size: 11px;
  letter-spacing: 3px;
  color: var(--gold);
  border: 1px solid var(--gold-dim);
  padding: 12px 28px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s;
}

.yt-link:hover {
  background: rgba(201, 168, 76, 0.1);
}