/* Portfolio header style3: title block + metadata (Grafana / Art on Wall layout). */
@media only screen and (min-width: 64.0625em) {
	.portfolio-title.style3 .row {
		display: flex;
		flex-wrap: wrap;
		gap: 48px;
	}

	.portfolio-title.style3 .row > .large-6.columns {
		flex: 0 0 calc(50% - 24px);
		width: calc(50% - 24px);
		max-width: calc(50% - 24px);
	}
}

/* Desktop: section subheads. */
@media only screen and (min-width: 768px) {
	.single-portfolio .post-content h2,
	.single-portfolio .wpb_text_column h2 {
		font-size: 32px;
	}
}

/* Mobile: tighter portfolio header + image-row gaps (keep 3vh padding only). */
@media only screen and (max-width: 767px) {
	.portfolio-title.style3,
	.portfolio-title.style4 {
		text-align: left;
		padding: 0;
	}

	/* VC image rows: margin-bottom: 7vh !important → 0; padding 3vh stays. */
	.single-portfolio .vc_custom_1646912533632 {
		margin-bottom: 0 !important;
	}

	/* VC default element spacing between images/blocks. */
	.single-portfolio .wpb_button,
	.single-portfolio .wpb_content_element,
	.single-portfolio ul.wpb_thumbnails-fluid > li {
		margin-bottom: 0;
	}

	/* Section subheads (Scope, Domain, …) → space before body copy. */
	.single-portfolio .post-content h2,
	.single-portfolio .wpb_text_column h2 {
		margin-bottom: 15px;
	}
}