/*
 * Case study: «من العمل» (dark, the videos), «شركاء هذا الإنجاز» and
 * «قصص أخرى» (pages/case-study/media.php, partners.php, more.php).
 */

.gb-main--works .gb-case-media {
	--gb-focus: var(--gb-focus-inverse);
	--gb-section-text: var(--gb-scene-text);
	--gb-section-muted: var(--gb-scene-text-muted);

	padding-block: var(--gb-space-2xl);
	background-color: var(--gb-scene-bg);
	background-image: radial-gradient(60% 40% at 50% 0%, var(--gb-color-turquoise-a10), transparent 70%);
	color: var(--gb-scene-text);
}

.gb-case-media .gb-section-head {
	margin-block-end: var(--gb-space-l);
}

/* ---------- «شركاء هذا الإنجاز» ---------- */

.gb-case-partners {
	padding-block: var(--gb-space-xl);
	background-color: var(--gb-surface);
	color: var(--gb-text);
}

.gb-case-partners__title {
	margin-block-end: var(--gb-space-m);
	font-size: var(--gb-step-2);
}

.gb-case-partners__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gb-space-s);
	margin: 0;
	padding: 0;
	list-style: none;
}

.gb-case-partner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--gb-space-xs);
	padding-block: var(--gb-space-xs);
	padding-inline: var(--gb-space-s) var(--gb-space-m);
	border-radius: var(--gb-radius-l);
	background-color: var(--gb-scene-bg);
	color: var(--gb-scene-text);
}

.gb-case-partner__text {
	display: grid;
	gap: 0.1em;
}

.gb-case-partner__relation {
	font-size: var(--gb-step--1);
	color: var(--gb-primary);
}

.gb-case-partner__name {
	font-weight: var(--gb-weight-bold);
}

/* ---------- «قصص أخرى» ---------- */

.gb-case-more {
	padding-block: var(--gb-space-2xl) var(--gb-space-3xl);
	background-color: var(--gb-bg);
	color: var(--gb-text);
}

.gb-case-more__head {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	justify-content: space-between;
	gap: var(--gb-space-s);
	max-inline-size: none;
}