/* ---------- LISTEN (versteckte Streaming-Seite, nicht in der Navigation) ---------- */
.listen {
  max-width: 560px;
  margin: 0 auto;
  padding-top: clamp(32px, 6vh, 72px);
  padding-bottom: clamp(56px, 10vh, 120px);
  text-align: center;
}
.listen-title {
  font-family: "Archivo", sans-serif;
  font-weight: 700;
  font-size: clamp(34px, 6vw, 56px);
  letter-spacing: 0.02em;
  line-height: 1.05;
  margin: 0 0 8px;
}
.listen-sub {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: clamp(16px, 1.4vw, 19px);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--nav-muted);
  margin: 0;
}
.listen-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 36px;
}
.listen-links a {
  display: block;
  padding: 18px 20px;
  border: 1px solid var(--ink);
  border-radius: 0;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.02em;
  color: var(--ink);
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}
.listen-links a:hover {
  background: var(--ink);
  color: var(--bg);
}