/* ============================================================
   Agru-Frank — Realizacje, hub (§1.2.5). Zaimportowany z Claude Design.
   Karta: reuse .realizations__card (realizations.css). Grid: DOKŁADNY spec importu
   (.agf-grid w źródle) — 1→2→3 kolumny równe, NIE bento .realizations__grid z home.
   ============================================================ */

.realizacje-hub__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-32);
	margin: var(--space-48) 0 0;   /* spacing filtr->grid = jak blog (.blog-filter padding-bottom 48) */
	padding: 0;
	list-style: none;
}
@media (min-width: 600px) {
	.realizacje-hub__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 992px) {
	.realizacje-hub__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 600px) {
	.realizacje-hub__grid .realizations__card {
		aspect-ratio: 4 / 5;   /* portret ≥600px (2-3 kol); <600 pełna szerokość → bazowe 16/10 (realizations.css) */
	}
}

/* .realizacje-hub__header/__title/__lead -> .u-hero (utilities.css), hero teraz z fotem */

/* --- Filtr branżowy: chip toggle (radio — jeden aktywny) --- */
/* .agf-chip — primitive przeniesiony do base.css (sitewide: realizacje + blog) */


/* --- Empty state (branża bez realizacji) --- */
/* [hidden] musi wygrać nad display:flex niżej — author CSS bije UA stylesheet, sam atrybut hidden nie wystarczy */
.realizacje-empty[hidden] {
	display: none;
}
/* .realizacje-empty — .u-empty-state (utilities.css) + wlasny
   layout flex-column (mieści przycisk resetu obok tekstu, audit prio 2.4) */
.realizacje-empty {
	margin-top: var(--space-24);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-16);
}
.realizacje-empty__text {
	margin: 0;
}
/* .u-cta projektowana pod <a> (zero chrome do zresetowania) — tu <button> (JS reset filtra), dopisujemy reset lokalnie */
.realizacje-empty button.u-cta {
	border: 0;
	background: transparent;
	padding: 0;
}

.realizations__grid {
	margin-top: var(--space-24);
}