/* Mobile hero: show only the lower section of the hero. */
@media (max-width: 768px) {
  .hero-gradient {
    padding-top: 1.5rem;
    padding-bottom: 2.6rem;
  }

  .hero-content .eyebrow,
  .hero-content h1,
  .hero-content > p {
    display: none;
  }

  .hero-content {
    gap: 0.8rem;
  }

  .hero-actions {
    margin-top: 0;
  }
}