/* =============================================================================
   Phase 151O — Project Story / Case Study template upgrade
   Scoped to single mido_project pages. Keeps the existing case-study system and
   adds a cleaner strategic article flow, global metadata label usage, and a
   next-project conversion bridge.
   ========================================================================== */

.mht-project-single .mht-project-case__story-section .mht-project-case__block-inner {
	display: grid;
	grid-template-columns: minmax(180px, 0.28fr) minmax(0, 0.72fr);
	column-gap: clamp(28px, 5vw, 72px);
	row-gap: clamp(14px, 2vw, 22px);
	align-items: start;
	max-width: min(var(--site-max, 1180px), 100% - (var(--site-gutter, 24px) * 2));
}

.mht-project-single .mht-project-case__story-section .mht-project-case__block-label {
	margin: 0;
	padding-top: 0.45em;
}

.mht-project-single .mht-project-case__story-section .mht-project-case__section-heading,
.mht-project-single .mht-project-case__story-section .mht-project-case__block-body {
	grid-column: 2;
}

.mht-project-single .mht-project-case__story-section .mht-project-case__section-heading {
	max-width: 18ch;
	margin-bottom: clamp(14px, 2vw, 20px);
}

.mht-project-single .mht-project-case__story-section .mht-project-case__block-body {
	max-width: 72ch;
}

.mht-project-single .mht-project-case__story-section .mht-project-case__block-body p:first-child {
	margin-top: 0;
}

.mht-project-single .mht-project-case__story-section .mht-project-case__block-body p:last-child {
	margin-bottom: 0;
}

.mht-project-single .mht-project-case__related {
	padding-block: clamp(42px, 6vw, 80px) clamp(16px, 3vw, 32px);
}

.mht-project-single .mht-project-case__related-inner {
	width: var(--site-w);
	max-width: var(--site-max);
	margin-inline: auto;
}

.mht-project-single .mht-project-case__related-card {
	position: relative;
	overflow: clip;
	padding: clamp(24px, 4vw, 44px);
	border-radius: clamp(18px, 2vw, 26px);
	isolation: isolate;
}

.mht-project-single .mht-project-case__related-card::before {
	content: "";
	position: absolute;
	inset: auto -14% -48% auto;
	width: min(420px, 48vw);
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(183, 140, 255, 0.16), transparent 66%);
	pointer-events: none;
	z-index: -1;
}

.mht-project-single .mht-project-case__related-title {
	margin: 0;
	max-width: 22ch;
	font-family: var(--font-display, "Migra", Georgia, serif);
	font-size: clamp(2rem, 5vw, 4rem);
	font-weight: 600;
	letter-spacing: -0.04em;
	line-height: 0.98;
	color: var(--text-primary, #F6F2F7);
}

.mht-project-single .mht-project-case__related-meta {
	margin-top: clamp(14px, 2vw, 18px);
	margin-bottom: 0;
}

.mht-project-single .mht-project-case__related-copy {
	max-width: 62ch;
	margin: clamp(16px, 2vw, 22px) 0 0;
	color: var(--text-secondary, #DDD6E3);
}

.mht-project-single .mht-project-case__related-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: clamp(22px, 3vw, 30px);
}

@media (max-width: 780px) {
	.mht-project-single .mht-project-case__story-section .mht-project-case__block-inner {
		display: block;
	}

	.mht-project-single .mht-project-case__story-section .mht-project-case__block-label {
		margin-bottom: 12px;
		padding-top: 0;
	}

	.mht-project-single .mht-project-case__story-section .mht-project-case__section-heading {
		max-width: none;
	}

	.mht-project-single .mht-project-case__related-actions {
		align-items: stretch;
	}
}

html[data-mht-theme-effective="light"] .mht-project-single .mht-project-case__related-title,
html[data-mht-theme="light"] .mht-project-single .mht-project-case__related-title {
	color: #2F1F3A;
}

html[data-mht-theme-effective="light"] .mht-project-single .mht-project-case__related-copy,
html[data-mht-theme="light"] .mht-project-single .mht-project-case__related-copy {
	color: rgba(47, 31, 58, 0.74);
}