/* Mobile adjustments (< 768px) */
@media (max-width: 767px) {
  .page-hero { padding: var(--space-3xl) 0 var(--space-2xl); }
  .page-hero h1 { font-size: var(--text-3xl); }
  .section { padding: var(--space-2xl) 0; }
  .btn-lg { padding: var(--space-sm) var(--space-xl); }
  .home-hero { min-height: 60vh; }
  .about-sidebar { position: static; }
  .blockquote { font-size: var(--text-xl); padding: var(--space-lg) var(--space-md); }
  .footer-grid { text-align: center; }
  .footer-bottom { justify-content: center; text-align: center; }
}

/* Tablet */
@media (min-width: 768px) {
  .container { padding: 0 var(--space-xl); }
}

/* Desktop */
@media (min-width: 1024px) {
  .container { padding: 0 var(--space-2xl); }
}

/* Large desktop */
@media (min-width: 1440px) {
  :root { --gutter: 2rem; }
}