/**
 * Component: Nasz zespół (strona O firmie) — zdjęcie | opis.
 *
 * Layout wzór .about__inner (grid 1fr/1fr @992px, ten sam rytm co teaser "O firmie" na home).
 * Zdjęcie: .u-image/.u-image__img (utilities.css, global) — krzyżyki+shadow. Reveal: progressive
 * enhancement wzorem industries.js (IO, jednorazowo, klasa .is-visible; bez JS/reduced-motion —
 * treść widoczna od razu).
 */

/* Tło-siatka teraz na poziomie całej strony — patrz .site-main--about w about.css */

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

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

.team__visual {
	margin: 0;
	opacity: 0;
}

.team--js .team__visual {
	opacity: 0;
}

.team--js.is-visible .team__visual {
	animation: team-reveal var(--transition-base) forwards;
}

@keyframes team-reveal {
	from {
		opacity: 0;
		transform: translateY(16px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}


@media (prefers-reduced-motion: reduce) {
	.team__visual {
		opacity: 1;
	}
	.team--js.is-visible .team__visual {
		animation: none;
	}
}