/* ═══════════════════════════════════════
   RESPONSIVE — Desktop First
   Breakpoints: 1024px / 768px / 480px
═══════════════════════════════════════ */

/* ── 1024px: Tablet Landscape ── */
@media (max-width: 1024px) {
  .container { padding-inline: var(--sp-6); }

  .services-grid { grid-template-columns: repeat(2, 1fr); }

  .stats-band__grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-8); }

  .hero__metrics { grid-template-columns: repeat(2, auto); }

  .footer__grid { grid-template-columns: 1fr 1fr; gap: var(--sp-8); }

  .about-teaser__grid { gap: var(--sp-10); }

  .service-block__grid { gap: var(--sp-10); }

  .values-grid { grid-template-columns: 1fr 1fr; }

  .about-overview__grid { gap: var(--sp-10); }
}

/* ── 768px: Tablet Portrait ── */
@media (max-width: 768px) {
  :root {
    --nav-height: 64px;
    --grid-gap: 1rem;
  }

  .container { padding-inline: var(--sp-5); }

  /* Nav */
  .nav__links,
  .nav__cta { display: none; }
  .nav__hamburger { display: flex; }

  /* Hero */
  .hero__title { max-width: none; }
  .hero__metrics {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--sp-6);
    width: 100%;
  }

  /* Services */
  .services-grid { grid-template-columns: 1fr; }

  /* Stats */
  .stats-band__grid { grid-template-columns: repeat(2, 1fr); }

  /* About teaser */
  .about-teaser__grid {
    grid-template-columns: 1fr;
  }
  .about-teaser__visual { height: 280px; }
  .tech-orb { width: 220px; height: 220px; }
  .tech-orb__ring--2 { inset: 14px; }
  .tech-orb__ring--3 { inset: 36px; }
  .tech-orb__core { inset: 62px; }

  /* Services page */
  .service-block__grid { grid-template-columns: 1fr; }
  .service-block--reverse .service-block__grid { direction: ltr; }
  .service-block__visual { min-height: 220px; }

  /* About page */
  .about-overview__grid { grid-template-columns: 1fr; }
  .values-grid { grid-template-columns: 1fr; }

  /* Contact page */
  .contact-grid { grid-template-columns: 1fr; }

  /* Footer */
  .footer__grid { grid-template-columns: 1fr; }
  .footer__bottom { flex-direction: column; text-align: center; }
  .footer__bottom-links { justify-content: center; }

  /* Form */
  .form-row { grid-template-columns: 1fr; }

  /* Sections */
  .section { padding-block: var(--sp-16); }
  .cta-section { padding-block: var(--sp-20); }
  .section__title { font-size: var(--fs-3xl); }

  /* CTA */
  .cta-section__actions { flex-direction: column; align-items: center; }

  /* Page hero */
  .page-hero { min-height: 30vh; }
}

/* ── 480px: Mobile ── */
@media (max-width: 480px) {
  .container { padding-inline: var(--sp-4); }

  .hero__actions { flex-direction: column; }
  .hero__actions .btn { width: 100%; justify-content: center; }

  .hero__metrics { grid-template-columns: 1fr 1fr; }

  .stats-band__grid { grid-template-columns: 1fr 1fr; }

  .stat-item__value { font-size: var(--fs-4xl); }

  .contact-form { padding: var(--sp-6); }

  .service-block { padding-block: var(--sp-12); }

  .tech-strip__track { gap: var(--sp-3); }

  .section__title { font-size: var(--fs-2xl); }

  .btn--lg { font-size: var(--fs-sm); }

  .footer__bottom-links { flex-direction: column; gap: var(--sp-2); }
}

/* ── Reduced motion preference ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .reveal {
    opacity: 1;
    transform: none;
  }
}