@import url("../design-tokens.css");

/* ==========================================================
   Секция "Основные направления"
   ========================================================== */

.directions {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 35%),
    #020303;
}



.directions__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
}

@media (max-width: 1100px) {
  .directions__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {

  .directions__head {
    margin-bottom: var(--space-4-5);
  }

  .directions__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}