/* ============================================================
   Agru-Frank — Sekcja "O firmie" (strona główna) — Phase 3 (HOME-04)
   Split: tekst | zdjęcie zakładu. Headline + CTA w mocniejszym stylu.
   Tokeny z base.css. ⚠ Typografia headline TYMCZASOWA — retype po Księdze znaku.
   ============================================================ */

.about__inner {
	display: grid;
	gap: var(--space-32);
	align-items: center;
}

@media (max-width: 991.98px) {
	.about__media {
		order: -1;   /* mobile: zdjecie nad tekstem, bez zmiany DOM */
	}
}

@media (min-width: 992px) {
	.about__inner {
		grid-template-columns: 1fr 1fr;
		column-gap: var(--space-96);
	}
}

/* --- Nagłówek sekcji: .section-head w utilities.css --- */

.about__desc,
.about__desc-group p {
	margin: 0 0 var(--space-32);
	line-height: 1.6;
	color: var(--graphite);
}

/* dwa akapity tego samego opisu — ciaśniejszy odstęp między nimi niż do CTA.
   .about__desc-group (wpautop, jeden akapit = jeden <p> automatycznie) używa
   :not(:last-child) zamiast osobnej klasy na pierwszym elemencie — ta sama
   reguła bez potrzeby ręcznego różnicowania w PHP, patrz M5 rozszerzenie
   (Radek pisze Enterem, nie kodem). section-about-firma.php/section-team.php
   (M7) migrują na ten sam wzorzec. .about__desc--gap-16 zostaje jako
   fallback dla ewentualnego ręcznego 2×<p> gdzie indziej. */
.about__desc--gap-16,
.about__desc-group p:not(:last-child) {
	margin-bottom: var(--space-16);
}

.about__cta {
	display: inline-flex;
	align-items: center;
	gap: var(--space-8);
}

/* heading->desc gap: teraz sitewide domyslnie z .section-head wrappera (utilities.css,
   32 desktop / 8 mobile) - lokalny override (bylo 16 mobile) usuniety, spojnosc 24.07. */

/* --- Hero strony /o-firmie/ — migrowany do .u-hero/.u-hero--medium/.u-split (utilities.css),
   1:1 z industry-hero (branze = wyznacznik ukladu, decyzja Tomka 24.07). --- */