/* ==========================================================================
   SEKCJA: wyśrodkowana deklaracja
   --------------------------------------------------------------------------
   Makiety 137:822 (wariant podstawowy) i 137:865 (wariant `quote`).
   Oba: padding 96 / 80, kolumna wyśrodkowana. Różnice — odstęp (18 vs 24),
   stopień nagłówka (34 vs 38) i tło (brak vs biel 2 %) — siedzą
   w modyfikatorze na dole tego pliku.
   ========================================================================== */

.fc-statement {
  padding-block: var(--fc-sp-96);
}

.fc-statement__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--fc-sp-18);
  text-align: center;
}

.fc-statement__icon {
  display: flex;
}


.fc-statement__title {
  width: 760px;
  max-width: 100%;
  margin: 0;
  font-weight: var(--fc-fw-black);
  font-size: var(--fc-fs-h3-sm);
  line-height: var(--fc-lh-h3-sm);
  letter-spacing: var(--fc-ls-h3);
}

/* Krycie 95 %, nie 100 — akapit ma być o krok cichszy od nagłówka,
   ale nie tak cichy jak lead z krycia 85 % w sekcji osi czasu. */
.fc-statement__text {
  width: 780px;
  max-width: 100%;
  margin: 0;
  font-size: var(--fc-fs-lead);
  line-height: var(--fc-lh-lead);
  color: var(--fc-color-text-muted);
  opacity: .95;
}

/* Zdanie domykające jest BIAŁE i Archivo — to konkluzja, nie ciąg dalszy. */
.fc-statement__note {
  width: 680px;
  max-width: 100%;
  margin: 0;
  font-family: var(--fc-font-heading);
  font-weight: var(--fc-fw-semibold);
  font-size: var(--fc-fs-lead);
  line-height: var(--fc-lh-note);
  color: var(--fc-color-text);
  opacity: .9;
}

/* ==========================================================================
   WARIANT „quote" — makieta 137:865
   ========================================================================== */

.fc-statement--quote {
  background: var(--fc-glass-2);
}

.fc-statement--quote .fc-statement__inner {
  gap: var(--fc-sp-24);
}

/* Cudzysłów 72/60 w gradiencie markowym. Interlinia MNIEJSZA niż stopień —
   znak ma siedzieć ciasno nad nagłówkiem, tak jak w makiecie. */
.fc-statement__mark {
  font-family: var(--fc-font-heading);
  font-weight: var(--fc-fw-black);
  font-size: var(--fc-fs-quote-mark-lg);
  line-height: var(--fc-lh-quote-mark-lg);
  background-image: var(--fc-gradient-brand);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.fc-statement--quote .fc-statement__title {
  width: auto;
  font-size: var(--fc-fs-h2-sm);
  line-height: var(--fc-lh-h2-sm-alt);
  letter-spacing: var(--fc-ls-h3);
}

.fc-statement--quote .fc-statement__text {
  opacity: 1;
}

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