@media (max-width: 900px) {
  .alain-grid {
    grid-template-columns: 1fr;
  }
  .alain-photo { order: -1; }
  .photo-portrait { max-width: 280px; }
  .versus-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .section { padding: 56px 0; }
  .form-row { grid-template-columns: 1fr; }
  .hero { padding: 72px 0 56px; }
  .navbar__logo img { height: 36px; }
  .problem-grid { grid-template-columns: 1fr; }
  .btn--large { padding: 16px 32px; font-size: 1rem; }
}