.hero {
  background:
    linear-gradient(135deg, rgba(0, 0, 0, .7), rgba(8, 8, 18, .94)),
    radial-gradient(circle at 75% 20%, rgba(255, 77, 166, .24), transparent 35%);
}

.story-card > span {
  color: #7df9ff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 3px;
  margin-bottom: auto;
}

.recap-day {
  scroll-margin-top: 28px;
}

.recap-day + .recap-day {
  padding-top: 70px;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.moment-card video {
  min-height: 360px;
}

.cta-buttons {
  justify-content: center;
}

@media (max-width: 680px) {
  .recap-day + .recap-day { padding-top: 35px; }
  .moment-card video { min-height: 0; }
}