@media (max-width: 840px) {
  .hero-card,
  .auth-grid,
  .field-grid {
    grid-template-columns: 1fr;
    display: grid;
  }

  .site-header__content,
  .invitation-actions {
    align-items: flex-start;
  }
}