@media (max-width: 1023px) {
  .grid-4, .grid-3, .split, .footer-grid, .login-choice, .stat-row, .visual-grid, .icon-row, .media-band { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
  .grid-2, .grid-3, .grid-4, .split, .footer-grid, .login-choice, .stat-row, .visual-grid, .icon-row, .media-band { grid-template-columns: 1fr; }
  .hero { padding: 2.75rem 0; min-height: 22rem; }
  .login-hero { min-height: 20rem; margin-bottom: var(--space-5); }
  .login-jump { gap: 0.25rem 0.75rem; }
  .page-masthead { height: 9rem; }
  .header-actions .btn-secondary { display: none; }
}
@media (max-width: 374px) {
  .shell { width: min(100% - 1.25rem, var(--width-content)); }
  .btn { width: 100%; }
}