/* ============================================
   RESPONSIVE BREAKPOINTS
   ============================================ */

@media (max-width: 1024px) {
  section             { padding: 80px 32px; }
  nav                 { padding: 20px 32px; }
  nav.scrolled        { padding: 14px 32px; }
  .about-grid         { grid-template-columns: 1fr; gap: 48px; }
  .contact-grid       { grid-template-columns: 1fr; gap: 48px; }
  .services-grid      { grid-template-columns: 1fr 1fr; }
  .pricing-grid       { grid-template-columns: 1fr; max-width: 400px; }
  .price-card.featured { transform: none; }
  .masonry-grid       { columns: 2; }
  .insta-grid         { grid-template-columns: repeat(3, 1fr); }
  .nav-links,
  .nav-cta            { display: none; }
  .hamburger          { display: flex; }
  .float-social       { display: none; }
  body                { cursor: auto; }
  .cursor,
  .cursor-ring        { display: none; }
}

@media (max-width: 600px) {
  section             { padding: 60px 20px; }
  nav                 { padding: 16px 20px; }
  .services-grid      { grid-template-columns: 1fr; }
  .masonry-grid       { columns: 1; }
  .hero-btns          { flex-direction: column; align-items: center; }
  .about-stats        { gap: 24px; }
  .stat-num           { font-size: 36px; }
  .insta-grid         { grid-template-columns: repeat(2, 1fr); }
  .footer-links       { flex-wrap: wrap; gap: 16px; }
  .about-badge-img    { right: 0; }
}