/**
 * Shared title hero for project-owned internal pages.
 */

.mespaco-page-hero {
	position: relative;
	overflow: hidden;
	padding-block: 1.2rem;
	background: linear-gradient(118deg, #153f49, #1f5e72 68%, #245f58);
}

.mespaco-page-hero__container {
	width: min(calc(100% - 2rem), 76.375rem);
	margin-inline: auto;
}

.mespaco-page-hero::before,
.mespaco-page-hero::after {
	position: absolute;
	width: 8rem;
	height: 8rem;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 50%;
	content: "";
}

.mespaco-page-hero::before {
	inset-block-start: -5.8rem;
	inset-inline-start: 8%;
}

.mespaco-page-hero::after {
	inset-block-end: -6.4rem;
	inset-inline-end: 12%;
	border-color: rgba(222, 166, 53, 0.32);
}

.mespaco-page-hero__title {
	position: relative;
	z-index: 1;
	max-width: 44rem;
	margin: 0 auto !important;
	color: #fff;
	font-family: var(--mespaco-font-display);
	font-size: clamp(1.25rem, 1.45vw, 1.5rem) !important;
	font-weight: 750;
	line-height: 1.45;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

@media (max-width: 36rem) {
	.mespaco-page-hero__container {
		width: min(calc(100% - 1.25rem), 76.375rem);
	}

	.mespaco-page-hero__title {
		font-size: 1.2rem !important;
	}
}