/* =============================================================
   responsive.css — media query overrides only
   Breakpoints: 480 / 768 / 1024 / 1440
   ============================================================= */

/* -------------------- 480px: larger phones -------------------- */
@media (min-width: 480px) {
  .container { padding: 0 1.5rem; }
  .hero-ctas { gap: 1rem; }
  .pillar-grid { gap: 1.5rem; }
}

/* -------------------- 768px: tablets -------------------- */
@media (min-width: 768px) {
  .section { padding: 6rem 0; }
  .section-tight { padding: 4.5rem 0; }

  /* Hero becomes 2-column */
  .hero { padding: 5.5rem 0 6rem; }
  .hero-inner { grid-template-columns: 1.2fr 1fr; gap: 4rem; }

  .trust-strip {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
  }

  /* Section heading can split */
  .section-head-split {
    grid-template-columns: 1.2fr 1fr;
    gap: 3rem;
  }

  /* Pillars: 2 across */
  .pillar-grid { grid-template-columns: repeat(2, 1fr); }

  /* About split */
  .about-split { grid-template-columns: 1fr 1fr; gap: 4rem; }

  /* Equipment: 2 across on tablet (clean 2x2 for 4 flagships) */
  .equipment-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }

  /* Testimonials: 3 across on wider */
  .testimonial-grid { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }

  /* IG grid: 6 across */
  .ig-grid { grid-template-columns: repeat(6, 1fr); gap: 0.75rem; }

  /* CTA band 2-col */
  .cta-band { padding: 5.5rem 0; }
  .cta-inner { grid-template-columns: 1.4fr 1fr; gap: 3rem; }
  .cta-actions { justify-content: flex-end; }

  /* Footer grid */
  .footer-top {
    grid-template-columns: 1.3fr 1fr 1fr 1.2fr;
    gap: 3rem;
  }

  /* Nav: show phone + toggle hides below 1024 */
  .nav-actions { display: inline-flex; }
}

/* -------------------- 1024px: laptops -------------------- */
@media (min-width: 1024px) {
  .nav-links { display: inline-flex; }
  .nav-toggle { display: none; }
  .mobile-drawer { display: none; }

  .hero { padding: 6rem 0 7rem; }
  .hero-copy h1 { font-size: clamp(2.5rem, 4vw + 1rem, 4rem); }

  /* Pillars: 4 across */
  .pillar-grid { grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }

  /* Equipment: 4 across */
  .equipment-grid { grid-template-columns: repeat(4, 1fr); }

  /* Why grid: 2 columns wide */
  .why-grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 3rem;
  }
  .why-item { grid-template-columns: auto 1fr; column-gap: 1.5rem; }
  .why-item::before { font-size: 1.05rem; }
  .why-item h3 { grid-column: 2; }
  .why-item p { grid-column: 2; }

  /* Section padding grows */
  .section { padding: 7rem 0; }
}

/* -------------------- 1440px: desktop -------------------- */
@media (min-width: 1440px) {
  .hero-copy h1 { font-size: 4.25rem; }
  .section { padding: 8rem 0; }
}

/* -------------------- Hover-capable only -------------------- */
@media (hover: none) {
  .pillar-card:hover { transform: none; box-shadow: none; }
  .equip-card:hover { transform: none; box-shadow: none; }
  .ig-tile:hover img { transform: none; }
}

/* Interior page responsive */
@media (min-width: 768px) {
  .two-col { grid-template-columns: 2fr 1fr; gap: 4rem; }
  .feature-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
  .stat-grid { grid-template-columns: repeat(4, 1fr); gap: 2rem; }
  .region-intro { grid-template-columns: 1.2fr 1fr; }
  .contact-layout { grid-template-columns: 1.4fr 1fr; gap: 4rem; }
  .page-hero { padding: 5rem 0 5.5rem; }
}

@media (min-width: 1024px) {
  .feature-grid { grid-template-columns: repeat(3, 1fr); }
  .page-hero { padding: 6rem 0 6.5rem; }
}