.panel-intro {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 30px;
	margin: 0 auto;
	margin-bottom: 40px;
	max-width: 2560px;
	position: relative;
}

.panel-intro .title {
	font-family: var(--saans-heavy);
	font-size: 23px;
	line-height: 28px;
	font-weight: normal;
	color: var(--gray);
	text-transform: uppercase;
	letter-spacing: .02em;
	margin: 0 auto;
}

.panel-intro .subtitle {
	font-family: var(--saans-heavy);
	font-size: 32px;
	line-height: 1.375;
	text-transform: uppercase;
	letter-spacing: .05em;
	display: flex;
	justify-content: space-between;
	padding-right: 8px;
	padding: 2px 2px 8px 0;
	margin: 0 auto;
}

.panel-intro .custom-subtitle {
	font-family: var(--saans-heavy);
	font-size: 36px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding-right: 8px;
	padding: 2px 2px 8px 0;
	max-width: fit-content;
	margin-bottom: 12px;
}

.panel-intro .content.desktop {
	display: none;
}

.panel-intro .content {
	font-size: 16px;
	line-height: 26px;
	max-width: 1200px;
}

.panel-intro .contentRender_name_plugins_core_textbox p {
	font-size: inherit;
	line-height: inherit;
	color: var(--gray);
}

@media (min-width: 40em) {
	.panel-intro.has-callout {
		padding: 0 275px 0 30px;
	}
}

@media (min-width: 64em) {
	.panel-intro.has-callout {
		padding: 0 300px 0 60px;
	}

	.panel-intro .title {
		font-size: calc(20px + (40 - 20) * ((100vw - 1024px) / (1440 - 1024)));
	}

	.panel-intro .subtitle {
		font-size: calc(48px + (88 - 48) * ((100vw - 1024px) / (1440 - 1024)));
		line-height: calc(30px + (70 - 30) * ((100vw - 1024px) / (1440 - 1024)));
		max-width: calc(440px + (870 - 440) * ((100vw - 1024px) / (1440 - 1024)));
		padding-bottom: 22px;
	}

	.panel-intro .custom-subtitle {
		font-size: calc(48px + (60 - 48) * ((100vw - 1024px) / (1440 - 1024)));
		padding-bottom: 22px;
	}

	.panel-intro .content.mobile {
		display: none;
	}

	.panel-intro .content.desktop {
		display: block;
	}

}

@media (min-width: 90em) {

	.panel-intro .title {
		font-size: 40px;
		line-height: 70px;
		margin: 0 auto;
	}

	.panel-intro .subtitle {
		font-size: 88px;
		line-height: 70px;
		margin: 0 auto;
	}

	.panel-intro .custom-subtitle {
		font-size: 60px;
	}

	.panel-intro .content {
		font-size: 18px;
		line-height: 30px;
		max-width: 1332px;
	}
}
