/* ── Card ── */
.active-projects-card {
  display: flex;
  flex-direction: column;
  gap: 1em; /* 16px */
  border: 1px solid var(--grey-60);
  padding: var(--space-card-small);
  grid-column: 4;
}

/* ── Card info ── */
.active-projects-card__info {
  display: flex;
  flex-direction: column;
  gap: 0.1875em; /* 3px */
}

.active-projects-card__label {
  color: var(--grey-30);
  font-weight: 500;
  line-height: 1;
}

.active-projects-card__number {
  font-family: var(--font-display);
  font-size: var(--text-h3);
  line-height: var(--lh-h3);
  color: var(--white);
}

/* ── Card divider ── */
.active-projects-card__divider {
  width: 100%;
  height: 1px;
  background: var(--grey-60);
}

/* ── Card footer ── */
.active-projects-card__footer {
  display: flex;
  align-items: center;
  gap: 0.75em; /* 12px */
}

.active-projects-card__icon {
  display: block;
  width: 1.125em;  /* 18px */
  height: 1.125em; /* 18px */
  flex-shrink: 0;
}

.active-projects-card__icon img {
  display: block;
  width: 100%;
  height: 100%;
}

.active-projects-card__text {
  color: var(--white);
}

@media (max-width: 1435px) {
  .active-projects-card {
    grid-column: 3;
  }
}

@media (max-width: 1110px) {
  .active-projects-card {
    grid-column: 2;
  }
}

@media (max-width: 667px) {
  .active-projects-card {
    grid-column: 1;
  }
}