/* ==========================================================================
   SEKCJA: nagłówek podstrony (wyrównany do lewej)
   --------------------------------------------------------------------------
   Z makiety 108:494 („Aktualności"): 1440×322, padding 80 / 80 / 48,
   kolumna, gap 16. Szerokości treści są z makiety i celowo różne:
   nagłówek 900, lead 760.
   ========================================================================== */

.fc-page-intro {
  padding-block: var(--fc-sp-80) var(--fc-sp-48);
}

.fc-page-intro__inner {
  display: flex;
  flex-direction: column;
  gap: var(--fc-sp-16);
}


.fc-page-intro__title {
  width: 900px;
  max-width: 100%;
  margin: 0;
  font-weight: var(--fc-fw-black);
  font-size: var(--fc-fs-h1-sub);
  line-height: var(--fc-lh-h1-sub);
  letter-spacing: var(--fc-ls-h1-cta);
}

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

/* ==========================================================================
   RESPONSYWNOŚĆ — INTERPRETACJA, BRAK W DESIGNIE
   ========================================================================== */
@media (max-width: 899.98px) {
  .fc-page-intro {
    padding-block: var(--fc-sp-56) var(--fc-sp-32);
  }
}