.active-projects {
  position: relative;
  background: var(--grey-5);
  min-height: 71.875em; /* 1150px */
}

.active-projects > .wrapper-bg {
  position: absolute;
  inset: 0;
}

.active-projects-bg {
  width: 100%;
  height: 100%;
  background: var(--blue);
}

.active-projects > .container {
  position: relative;
}

/* ── Box ── */
.active-projects-box {
  display: flex;
  flex-direction: column;
  gap: var(--space-title-gap);
}

/* ── Title row ── */
.active-projects-title {
  display: flex;
  align-items: center;
  width: 100%;
}

.active-projects__tag {
  color: var(--white);
  font-weight: 500;
  line-height: 1;
}

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

/* ── Card → see active-projects-card/style.css ── */