@media (max-width: 1100px) {
  .hero-stats { display: none; }
  .about-grid,
  .contact-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .nav-status { display: none; }
  .nav-inner { padding: 0 20px; }
  .nav-links { gap: 0; }
  .nav-link { padding: 8px 10px; font-size: 10px; letter-spacing: 1px; }
  .hero { padding: 60px 20px; }
  .section { padding: 60px 20px; }
  .page-header { padding: 60px 20px 20px; }
  .blog-grid { grid-template-columns: 1fr; }
  .blog-post-full { padding: 32px 24px; }
  .footer { padding: 30px 20px; flex-direction: column; text-align: center; }
}