/* Common responsive styles for all pages */

/* RESPONSIVE: TABLET */
@media (max-width: 1024px) {
  nav { padding: 1.2rem 2rem; }
  nav ul { gap: 1.2rem; }
  nav ul li a { font-size: 0.85rem; }
  a.nav-logo img { height: 40px; }
  .page-content { padding: 4rem 2rem; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
  footer { padding: 3rem 2rem; }
}

/* RESPONSIVE: MOBILE */
@media (max-width: 768px) {
  nav { padding: 1rem 1.5rem; }
  nav ul { display: none; }
  .hamburger { display: flex; }
  a.nav-logo img { height: 32px; }
  .page-hero { padding: 7rem 1.5rem 3rem; }
  .page-hero h1 { font-size: 2rem; }
  .page-content { padding: 3rem 1.5rem; }
  .footer-grid { grid-template-columns: 1fr; }
  footer { padding: 2.5rem 1.5rem; }
}

/* RESPONSIVE: SMALL MOBILE */
@media (max-width: 480px) {
  nav { padding: 1rem; }
  a.nav-logo img { height: 28px; }
}