.panel-intro {
	position: relative;
	z-index: 10;
	display: grid;
	grid-template:
		'cards' auto
		'title' auto
		'content' auto
		'logo' auto / minmax(0, 1fr);
	align-items: start;
	padding: 0 15px;
	margin-bottom: 60px;
	color: var(--white);
	background: var(--blue-mid-dark);
}

.panel-intro .title-col,
.panel-intro .cards-col,
.panel-intro .content-col {
	position: relative;
	z-index: 2;
}

.panel-intro .title-col {
	grid-area: title;
	margin-bottom: 14px;
}

.panel-intro .title {
	margin: 0;
	font-family: var(--font-barlow-condensed);
	font-weight: bold;
	font-size: 2.8125rem;
	line-height: 1;
	text-transform: uppercase;
	color: inherit;
}

.panel-intro .subtitle {
	display: block;
	margin-top: 14px;
	font-family: var(--font-body);
	font-weight: normal;
	font-style: italic;
	font-size: var(--text-xl);
	line-height: 1;
	text-transform: none;
}

.panel-intro .cards-col {
	grid-area: cards;
	margin: -36px 0 30px;
}

.panel-intro .content-col {
	grid-area: content;
}

.panel-intro .contentRender_name_plugins_core_textbox {
	padding: 0;
}

.panel-intro .contentRender_name_plugins_core_textbox * {
	color: inherit;
}

.panel-intro .contentRender_name_plugins_core_textbox *:last-child {
	margin-bottom: 0;
}

.panel-intro .intro-logo {
	position: relative;
	z-index: 1;
	grid-area: logo;
	width: 100%;
	margin: 30px 0 -20px;
	pointer-events: none;
}

@media (min-width: 64em) {
	.panel-intro {
		grid-template:
			'. cards' auto
			'title content' auto / minmax(0, 1fr) 54.68%;
		gap: 40px;
		padding: 0 0 160px 50px;
		margin-bottom: 170px;
	}

	.panel-intro::before {
		position: absolute;
		inset: -29px 0 auto;
		z-index: 1;
		display: block;
		height: 30px;
		content: '';
		background: url('/includes/public/assets/shared/edge-texture-blue.svg') repeat-x center top / auto 100%;
	}

	.panel-intro .title-col {
		width: 100%;
		max-width: 590px;
		padding-left: 70px;
		margin: 0 0 0 auto;
	}

	.panel-intro .title {
		max-width: 310px;
		font-size: 4.375rem;
	}

	.panel-intro .subtitle {
		margin-top: 10px;
		font-size: var(--text-4xl);
	}

	.panel-intro .cards-col {
		margin: -200px 0 0;
	}

	.panel-intro .content-col {
		max-width: 760px;
		padding-right: 140px;
	}

	.panel-intro :is(.core-styles, .contentRender_name_plugins_core_textbox) p {
		font-size: var(--text-lg);
		line-height: calc(5/3);
	}

	.panel-intro .intro-logo {
		translate: -100px 0;
		position: absolute;
		inset: auto auto -80px 50px;
		grid-area: unset;
		width: 812px;
		margin: 0;
		opacity: 0;
		transition:
			translate ease-out 800ms,
			opacity ease-out 800ms;
	}

	.panel-intro.intersected .intro-logo {
		translate: none;
		opacity: 1;
	}
}

@media (min-width: 90em) {
	.panel-intro .intro-logo {
		left: calc(45.32% - 580px);
	}
}