@media (max-width: 1024px) {
  h1 { font-size: var(--fs-4xl); }
  h2 { font-size: var(--fs-2xl); }

  .section {
    padding: var(--space-16) 0;
  }
}

@media (max-width: 768px) {
  h1 { font-size: var(--fs-3xl); }
  h2 { font-size: var(--fs-xl); }

  .container {
    padding: 0 var(--space-4);
  }

  .section {
    padding: var(--space-12) 0;
  }

  .section__header {
    margin-bottom: var(--space-10);
  }

  .btn--lg {
    padding: var(--space-3) var(--space-8);
    font-size: var(--fs-sm);
  }
}

@media (max-width: 576px) {
  :root {
    --navbar-height: 64px;
  }

  h1 { font-size: var(--fs-2xl); }
  h2 { font-size: var(--fs-xl); }
  h3 { font-size: var(--fs-lg); }
}