/* ── unterschied.css — „Was uns unterscheidet" ────────────────────────────────
   Vier Unterscheidungsmerkmale als Textkarten, darunter ein Foto-Band mit echten
   Team-/Office-Aufnahmen der Live-Seite (Strategie · Umsetzung · Erfahrung).
   Humanisiert die Differenzierung statt einer abstrakten Synergie-Grafik.
   ──────────────────────────────────────────────────────────────────────────── */

.partner {
	background: var(--c-surface-olive);
}

.partner h2 {
	font-size: var(--fs-h2-fluid);
	max-width: 34rem;
}

.partner__intro {
	max-width: 42rem;
	margin: 0 0 2rem;
	color: var(--c-text-muted);
}

/* ── Differenzierungs-Karten ────────────────────────────────────────────────── */

.differenzierung__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 4rem;
	row-gap: 2.75rem;
	margin-bottom: 3rem;
}

.differenzierung__card {
	min-width: 0;
}

.differenzierung__eyebrow {
	margin: 0 0 0.5rem;
	font-family: var(--font-head);
	font-weight: 600;
	font-size: var(--fs-sm);
	color: var(--c-link);
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.differenzierung__card h3 {
	font-size: var(--fs-h3);
	margin-bottom: 0.5rem;
}

.differenzierung__card p {
	margin: 0;
	color: var(--c-text-muted);
}

.differenzierung__card a {
	color: var(--c-link);
}

/* ── Foto-Band: echte Team-Aufnahmen von der Live-Seite ─────────────────────── */

.team-band {
	margin: 0;
}

.team-band__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
}

.team-band__photo {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var(--radius);
	box-shadow: var(--shadow-card);
}

.team-band__caption {
	max-width: 46rem;
	margin: 1.25rem auto 0;
	text-align: center;
	font-size: var(--fs-sm);
	line-height: 1.5;
	color: var(--c-text-muted);
}

@media (max-width: 64rem) {
	.differenzierung__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.75rem;
	}
}

@media (max-width: 48rem) {
	.differenzierung__grid {
		grid-template-columns: 1fr;
	}

	.team-band__grid {
		grid-template-columns: 1fr;
	}

	.team-band__photo {
		aspect-ratio: 16 / 9;
	}
}