/*
 * Standardgestaltung für Projektseiten.
 * Projektspezifische project.css-Dateien ergänzen diese Regeln nur bei Bedarf.
 */
.project-content {
	max-width: 100%;
}

.project-content > h1 {
	max-width: 24ch;
	margin-inline: auto;
	margin-bottom: var(--space-4);
	font-size: clamp(2rem, 1.65rem + 1.4vw, 3.25rem);
	text-align: center;
	letter-spacing: 0.01em;
}

.project-content > p:first-of-type {
	max-width: 48rem;
	margin-inline: auto;
	margin-bottom: var(--space-6);
	font-size: var(--font-size-base);
	text-align: center;
	letter-spacing: 0.01em;
}

.project-content > h2 {
	margin-top: var(--space-7);
	margin-bottom: var(--space-4);
	text-align: center;
	letter-spacing: 0.01em;
}

.project-content > h2 + p {
	max-width: 48rem;
	margin-inline: auto;
	text-align: center;
}

.project-content > .media-card,
.project-content > .layout-grid,
.project-content > .masonry,
.project-content > .mosaic,
.project-content > .video-shell {
	margin-block: var(--space-5);
}

.project-content > .layout-grid > h2,
.project-content > .layout-grid > h3 {
	margin-bottom: var(--space-3);
}

.project-content .video-project-copy {
	align-self: center;
	margin-block: 0;
}

.project-content .video-project-row .video-shell {
	width: min(100%, var(--video-max-width, var(--video-default-max-width, 48rem)));
	margin-block: 0;
	justify-self: center;
}

.project-content .video-project-copy > :first-child {
	margin-top: 0;
}

.service-grid h2,
.about-grid h2 {
	font-size: var(--font-size-h3);
	margin-bottom: var(--space-3);
}