.blue-hour-release {
  --blue-hour-deep: #071526;
  --blue-hour-sky: #244b79;
  --blue-hour-gold: #e4b66f;
}

.blue-hour-release .article-header h1 {
  color: #dceaff;
  text-shadow: 0 0 34px rgba(88, 149, 222, .28);
}

.blue-hour-release .article-cover {
  border-color: rgba(128, 172, 218, .28);
  box-shadow: 0 28px 74px rgba(0, 8, 20, .45);
}

.blue-hour-release .article-cover figcaption {
  background: linear-gradient(180deg, transparent, rgba(3, 13, 27, .9));
}

.blue-hour-release .absence-video {
  box-shadow: 0 26px 70px rgba(0, 9, 24, .5), 0 0 0 1px rgba(154, 194, 235, .17);
}

.blue-hour-pullquote {
  margin: clamp(2.4rem, 6vw, 4.5rem) auto;
  padding: 1.8rem 2rem;
  max-width: 34rem;
  border-left: 1px solid rgba(228, 182, 111, .72);
  color: #d7e9ff;
  font-size: clamp(1.35rem, 3vw, 2rem);
  line-height: 1.8;
  letter-spacing: .08em;
}

.blue-hour-lyrics {
  margin-top: clamp(3.5rem, 8vw, 6rem);
  padding-top: 2.6rem;
  border-top: 1px solid rgba(143, 182, 224, .22);
}

.blue-hour-lyrics h2 {
  color: #dceaff;
}

.blue-hour-lyrics-note {
  color: var(--muted);
  letter-spacing: .1em;
}

.blue-hour-lyrics-copy {
  margin-top: 2.2rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

.blue-hour-lyrics-copy p {
  margin: 0;
  padding: 1.35rem 1.5rem;
  border: 1px solid rgba(128, 172, 218, .16);
  border-radius: 1rem;
  background: linear-gradient(150deg, rgba(36, 75, 121, .2), rgba(7, 21, 38, .12));
  line-height: 1.85;
}

.blue-hour-lyrics-copy .refrain {
  border-color: rgba(228, 182, 111, .28);
  background: linear-gradient(150deg, rgba(51, 90, 137, .28), rgba(167, 113, 55, .12));
}

@media (max-width: 700px) {
  .blue-hour-lyrics-copy {
    grid-template-columns: 1fr;
  }
}