/* ════════════════════════════════════════════════════════════
   1920 · 1366 · 1024 · 768 · 480 · 360
   ════════════════════════════════════════════════════════════ */

/* ─── 1920+ ──────────────────────────────────────────────── */
@media (min-width: 1600px) {
  :root { --container-width: 1440px; }
}

/* ─── ≤ 1366 ─────────────────────────────────────────────── */
@media (max-width: 1366px) {
  .ai__layout { gap: var(--sp-10); }
}

/* ─── ≤ 1024 ─────────────────────────────────────────────── */
@media (max-width: 1024px) {
  /* Services */
  .services-grid { grid-template-columns: repeat(2, 1fr); }

  /* Bento — collapse to 2 cols */
  .bento-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
  }
  .bento-featured  { grid-column: span 2; grid-row: span 1; }
  .bento-wide      { grid-column: span 2; }

  /* AI */
  .ai__layout { grid-template-columns: 1fr; gap: var(--sp-10); }

  /* About */
  .about__wrap { gap: var(--sp-10); }
  .about__photo { width: 220px; height: 270px; }

  /* Hero stats */
  .hero__stats { grid-template-columns: repeat(4, 1fr); }

  /* CTA */
  .cta-section { padding: var(--sp-16) var(--sp-8); }
}

/* ─── ≤ 768 ──────────────────────────────────────────────── */
@media (max-width: 768px) {
  /* Floating pill — shrink padding */
  .nav { padding-inline: var(--sp-5); }
  .nav__links, .nav__cta { display: none; }
  .nav__burger { display: flex; }

  /* Hero */
  .hero__stats { grid-template-columns: repeat(2, 1fr); }

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

  /* Bento */
  .bento-grid { grid-template-columns: 1fr; }
  .bento-featured  { grid-column: span 1; min-height: 280px; padding: var(--sp-8); }
  .bento-featured h2 { font-size: var(--text-3xl); }
  .bento-wide  { grid-column: span 1; }

  /* Cases */
  .cases-grid { grid-template-columns: 1fr; }

  /* About */
  .about__wrap { flex-direction: column; text-align: center; align-items: center; padding: var(--sp-6) !important; }
  .about__photo { width: 200px; height: 240px; }
  .about__bio   { font-size: 1rem; line-height: 1.65; }
  .about__links { justify-content: center; flex-direction: column; gap: var(--sp-3); }
  .about__links .btn { width: 100%; justify-content: center; }

  /* Footer */
  .footer__top    { flex-direction: column; align-items: flex-start; gap: var(--sp-6); }
  .footer__nav    { margin-left: 0; }
  .footer__bottom { flex-direction: column; align-items: flex-start; }

  /* CTA */
  .cta-section { padding: var(--sp-12) var(--sp-6); border-radius: var(--r-xl); }
  .cta__title  { font-size: var(--text-3xl); }
  .cta__title  { white-space: normal; }
  .hero-orb { width: 110px; }
}

/* ─── ≤ 480 ──────────────────────────────────────────────── */
@media (max-width: 480px) {
  :root {
    --container-pad:  1.25rem;
    --section-pad:    3.5rem;
    --nav-height:     54px;
  }

  .hero {
    padding-top: calc(var(--nav-height) + var(--nav-offset) + var(--sp-8));
  }
  .hero__actions { flex-direction: column; }
  .hero__actions .btn { width: 100%; justify-content: center; }
  .hero__stats { grid-template-columns: repeat(2, 1fr); gap: var(--sp-3); }
  .stat-card   { padding: var(--sp-5); }
  .stat-card__num { font-size: 1.75rem; }

  .section__title { font-size: var(--text-3xl); }

  .mobile-menu__link { font-size: clamp(1.5rem, 5vw, 2rem); }
  .hero-orb { width: 88px; }
}

/* ─── ≤ 360 ──────────────────────────────────────────────── */
@media (max-width: 360px) {
  :root { --container-pad: 1rem; }
}