/* ══════════════════════════════════
   GLOBAL RESPONSIVE STYLES
══════════════════════════════════ */

/* ── LARGE TABLETS & SMALL LAPTOPS ── */
@media (max-width: 1200px) {
  nav { padding: 16px 40px; }
  nav.scrolled { padding: 10px 40px; }
  .nav-links { gap: 24px; }
}

/* ── TABLETS ── */
@media (max-width: 1024px) {
  .page-scroll { padding-top: 100vh; }
}

/* ── SMALL TABLETS & LANDSCAPE PHONES ── */
@media (max-width: 768px) {
  nav { padding: 14px 28px; }
  nav.scrolled { padding: 10px 28px; }
  .nav-links { display: none; }
  .hamburger { display: flex; }
  .mobile-menu { display: block; }
}

/* ── LARGE PHONES ── */
@media (max-width: 540px) {
  .section-header h2 { font-size: 2rem; }
}

/* ── SMALL PHONES ── */
@media (max-width: 380px) {
  nav { padding: 12px 18px; }
}

/* ── LANDSCAPE MODE ── */
@media (max-height: 600px) and (orientation: landscape) {
  .hero { min-height: 500px; }
  .hero-title { font-size: clamp(2.5rem, 8vw, 6rem); }
  .stats-bar { position: relative; bottom: auto; margin-top: auto; }
}

/* ── HIGH DPI SCREENS ── */
/* @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-bg { background-image: url("../assets/images/hero@2x.png"); }
} */

/* ── LARGE DESKTOP SCREENS ── */
@media (min-width: 1600px) {
  .container { max-width: 1400px; }
}