/* ============================================
   RESPONSIVE OVERRIDES
   ============================================ */
@media (max-width: 1024px) {
  :root { --container-max: 960px; }
}

@media (max-width: 768px) {
  h1 { font-size: var(--text-3xl); }
  h2 { font-size: var(--text-2xl); }
  h3 { font-size: var(--text-xl); }
  .section { padding: var(--space-6) 0; }
}

@media (max-width: 480px) {
  h1 { font-size: var(--text-2xl); }
  h2 { font-size: var(--text-xl); }
  .btn-lg { padding: 12px 20px; }
}