/* ==========================================================================
   KOBIL — Company — Section: Numbers
   Figma D-Company 5948:96819 (1280x452 — one centred row: four 200-wide stats
   with 60px gaps and three 264-tall hairlines between them) ·
   M-Company 5882:51408 (345x391 — 2x2 with a single 277-wide rule between the
   two rows, 60px block padding).
   ========================================================================== */

.sec-company-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--w452);
  background: var(--white);
}

.cnum-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--w60);
}

.cnum-stat {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: var(--w12);
  width: var(--w200);
  text-align: center;
}

.cnum-stat__value {
  font-family: var(--font-mono);
  font-size: var(--w50);
  font-weight: 600;
  line-height: var(--w62);
  color: var(--navy);
}

.cnum-stat__label {
  font-family: var(--font-sans);
  font-size: var(--w20);
  font-weight: 400;
  line-height: var(--w26);
  color: var(--navy-70);
}

.cnum-divider {
  flex: none;
  width: 1px;
  height: var(--w264);
  background: var(--navy-60);
}

/* Desktop keeps the phone-only line break out of the way */
.cnum-br-m { display: none; }

/* ---- Phone (Figma 5882:51408) ---- */

@media (max-width: 768px) {
  .sec-company-numbers {
    min-height: 0;
  }

  .cnum-row {
    flex-wrap: wrap;
    gap: var(--m32) var(--m4);
    width: 100%;
    padding: var(--m60) var(--m16);
  }

  .cnum-stat {
    flex: 1 1 0;
    gap: var(--m6);
    width: auto;
    min-width: 0;
  }

  .cnum-stat__value {
    font-size: var(--m32);
    line-height: var(--m40);
  }

  .cnum-stat__label {
    font-size: var(--m16);
    line-height: var(--m23);
  }

  /* Only the middle rule survives, laid flat between the two rows */
  .cnum-divider {
    display: none;
  }

  .cnum-divider--mid {
    display: block;
    flex: 0 0 100%;
    width: var(--m277);
    height: 1px;
    margin: 0 auto;
  }

  .cnum-br-m { display: inline; }
}
