/* ==========================================================================
   PEREGRINE INDUSTRIES — RESPONSIVE (Strict Desktop-First Downscaling Queries)
   ========================================================================== */

@media (max-width: 1200px) {
  .hero-split-grid { gap: 40px; }
  .product-showcase-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 40px; }
}

@media (max-width: 1024px) {
  .nav-links, .header-cta-block {
    display: none;
  }
  .hamburger {
    display: flex;
  }
  .hero-split-grid {
    grid-template-columns: 1fr;
    gap: 56px;
  }
  .hero-text-block {
    order: 2;
  }
  .hero-collage-block {
    order: 1;
    width: 70%;
    margin: 0 auto;
  }
  .about-snapshot-grid {
    grid-template-columns: 1fr;
    gap: 56px;
  }
  .about-graphics-node {
    width: 80%;
    margin: 0 auto;
  }
  .product-split-details-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

@media (max-width: 768px) {
  .hero-collage-block { width: 90%; }
  .about-graphics-node { width: 100%; }
  .product-showcase-grid { grid-template-columns: 1fr; }
  .why-structural-grid { grid-template-columns: 1fr; }
  .testimonials-tri-grid { grid-template-columns: 1fr; }
  .hero-action-row { width: 100%; flex-direction: column; }
  .hero-action-row .btn-primary, .hero-action-row .btn-outline { width: 100%; }
  .cta-buttons-flex { flex-direction: column; width: 100%; }
  .cta-buttons-flex .btn-primary, .cta-buttons-flex .btn-outline { width: 100%; }
  .about-grid-counters { flex-direction: column; }
}

@media (max-width: 500px) {
  .hero-numerical-stats { flex-direction: column; gap: 24px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom-row { flex-direction: column; text-align: center; gap: 16px; }
}