@media (max-width: 560px) {
  .hero-headline {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .hero-deck {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

@media (max-width: 380px) {
  .hero-deck {
    display: none;
  }

  .hero-content {
    padding: 14px;
  }

  .hero-content .pill {
    margin-bottom: 8px;
  }

  .hero-headline {
    margin-bottom: 12px;
  }
}