/* ============================================================
   RESPONSIVE — Breakpoints
   ============================================================ */

/* ── Tablet / small desktop (≤ 900px) ── */
@media (max-width: 900px) {

  :root {
    --nav-h:  64px;
    --gutter: 24px;
  }

  /* Nav */
  .nav-links,
  .nav-cta   { display: none; }
  .nav-ham   { display: flex; }

  /* Home */
  .intro-strip    { flex-direction: column; }
  .intro-text     {
    border-right:  none;
    border-bottom: 0.5px solid var(--border);
  }
  .intro-services { width: 100%; }

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

  .cta-band { margin: 48px var(--gutter); padding: 48px var(--gutter); }
  .btn-o    { margin-left: 0; margin-top: 12px; display: block; }

  /* Work */
  .work-grid    { grid-template-columns: 1fr 1fr; }
  .wg-item.wide { grid-column: span 2; }

  /* Wins */
  .wins-summary    { flex-direction: column; }
  .wins-sum-text   {
    border-right:  none;
    border-bottom: 0.5px solid var(--border);
  }
  .wins-sum-stats { width: 100%; }

  .wy-header  { padding: 20px var(--gutter); }
  .wy-entries { padding: 0 var(--gutter); }
  .win-entry  { flex-wrap: wrap; gap: 8px; }

  /* Team */
  .team-grid { grid-template-columns: 1fr 1fr; padding: var(--gutter); }

  /* Contact */
  .contact-wrap  { flex-direction: column; }
  .contact-left  {
    border-right:  none;
    border-bottom: 0.5px solid var(--border);
  }
  .contact-right { width: 100%; padding: 48px var(--gutter); }

  /* Footer */
  footer {
    flex-direction: column;
    gap:            20px;
    text-align:     center;
    padding:        32px var(--gutter);
  }
  .footer-links {
    flex-wrap:       wrap;
    justify-content: center;
  }
}

/* ── Mobile (≤ 600px) ── */
@media (max-width: 600px) {

  /* Carousel cards smaller */
  .c-card { width: 150px; height: 202px; }

  /* Stats bar compressed */
  .stat-item  { padding: 14px 8px; }
  .stat-num   { font-size: 20px; }
  .stat-label { font-size: 7px; }

  /* Work */
  .work-grid    { grid-template-columns: 1fr; }
  .wg-item.wide { grid-column: span 1; }

  /* Wins */
  .home-wins { grid-template-columns: 1fr; }

  /* Team */
  .team-grid { grid-template-columns: 1fr; }

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

  /* CTA */
  .cta-band { padding: 48px var(--gutter); }
  .cta-band h2 { font-size: 36px; }
}