/* The Threshold (threshold.php): what the studio is doing now, and the way to YouTube. */

.thresh {
  max-width: 34rem;
  margin: 3rem auto 2rem;
  text-align: center;
}
.thresh__title {
  font-family: var(--font-hud);
  font-size: clamp(1.4rem, 5vw, 2.1rem);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--accent);
  text-shadow: 0 0 18px var(--accent-glow);
  margin: 0 0 1.4rem;
}
.thresh p {
  font-family: var(--font-paper);
  font-size: 1.15rem;
  line-height: 1.6;
  color: var(--text-1);
  margin: 0 0 1rem;
}
.thresh__ask {
  font-family: var(--font-hud) !important;
  font-size: .85rem !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--accent) !important;
  margin-top: 1.4rem !important;
}

/* The big way out to the channel. */
.thresh__yt {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  width: 100%;
  margin: 2rem 0 0;
  padding: 1.15rem 1.4rem;
  font-size: 1rem;
  letter-spacing: .14em;
}
.thresh__yt svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linejoin: round;
}
.thresh__yt svg path { fill: currentColor; stroke: none; }

/* This week's song: the thumbnail, all of it a link to the Premiere. */
.thresh__prem {
  display: block;
  position: relative;
  margin: 1.8rem 0 0;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(37, 234, 181, .35);
  box-shadow: 0 0 28px rgba(37, 234, 181, .12);
  transition: transform .18s ease, box-shadow .18s ease;
}
.thresh__prem:hover { transform: translateY(-2px); box-shadow: 0 0 36px rgba(37, 234, 181, .28); }
.thresh__prem img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #05080b; }
/* Under the picture, not over it: over it, a two-line caption on a phone covered the song's own lettering. */
.thresh__premline {
  display: block;
  padding: .7rem 1rem;
  font-family: var(--font-hud); font-size: .8rem; letter-spacing: .14em; text-transform: uppercase;
  color: var(--accent); background: rgba(5, 10, 14, .85);
}

/* The Discord, under the YouTube button: the same size, quieter, so YouTube stays the main way in. */
.thresh__dc { margin-top: .8rem; }