/**
 * Sekcja: CTA „Nie widzisz oferty dla siebie?".
 * Figma 14557:4766 — pas 1440×466 na stali, panel 1128×310 wcięty 156 px (marginesy
 * 78 nad i pod). Wnętrze: zdjęcie 444×270, kolumna treści 407 px w odstępie 35,
 * nagłówek 32/1,3 od y=52, opis 20/28 w kolumnie 314, przycisk 117×56 w narożniku.
 */

.kariera-cta {
	padding-block: 78px;
	background-color: var(--color-surface-steel);
}

.kariera-cta__inner {
	max-width: 1128px;
	margin-inline: auto;
}

/* Opis w tej sekcji jest w skali body-lg, a kadr ma sztywne 270 px z makiety —
   bez tego panel rośnie do 327 px na proporcjach pliku zdjęcia (DEV-34). */
.kariera-cta .cta-band {
	--cta-band-body-width: 480px;
	--cta-band-text-size: var(--fs-body-lg);
	--cta-band-text-line: 28px;
	--cta-band-media-h: 270px;
}

.kariera-cta .cta-band__text {
	max-width: 314px;
	letter-spacing: -0.4px;
}

/* 14557:4772 y=150, 14557:4776 y=232, odstęp 40 px. Moduł centruje kolumnę
   (tytuł +12, lead −12). Wyrównanie do góry tylko w tej sekcji. */
@media (min-width: 992px) {
	.kariera-cta .cta-band__body {
		justify-content: flex-start;
		padding-top: 52px;
		padding-bottom: 0;
	}

	.kariera-cta .cta-band__text {
		margin-top: 40px;
	}
}

@media (max-width: 991px) {
	.kariera-cta {
		padding-block: var(--space-section);
	}

	.kariera-cta .cta-band__title,
	.kariera-cta .cta-band__text {
		max-width: none;
	}
}