/* ==========================================================================
   SEKCJA: portfolio konceptów („Więcej niż FlyPark")
   --------------------------------------------------------------------------
   Z makiety 137:829: 1440×708, padding 40 / 80 / 96, kolumna, gap 48.
     nagłówek  194  (etykieta + H2 34/40 + akapit 880, gap 14)
     karty     330  (komponent — patrz components/concept-cards.css)

   `padding-top: 40` jest ZAMIERZONE — sekcja domyka się z poprzednią,
   która ma własny dolny padding 96.
   ========================================================================== */

.fc-concepts-section {
  padding-block: var(--fc-sp-40) var(--fc-sp-96);
}

.fc-concepts-section__inner {
  display: flex;
  flex-direction: column;
  gap: var(--fc-sp-48);
}

.fc-concepts-section__head {
  display: flex;
  flex-direction: column;
  gap: var(--fc-sp-14);
}


.fc-concepts-section__title {
  margin: 0;
  font-weight: var(--fc-fw-black);
  font-size: var(--fc-fs-h3-sm);
  line-height: var(--fc-lh-h3-sm);
}

.fc-concepts-section__text {
  width: 880px;
  max-width: 100%;
  margin: 0;
  font-size: var(--fc-fs-lead);
  line-height: var(--fc-lh-lead);
  color: var(--fc-color-text-muted);
}

@media (max-width: 899.98px) {
  .fc-concepts-section {
    padding-block: var(--fc-sp-32) var(--fc-sp-64);
  }

  .fc-concepts-section__inner {
    gap: var(--fc-sp-32);
  }
}