.panel-intro {
	position: relative;
	z-index: 3;
	padding: 52px var(--space-5) 54px;
	margin-bottom: var(--space-20);
	background:
		var(--background) no-repeat center bottom -12px / 92% auto,
		var(--blue-lighter);

	.intro-inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
		gap: 36px;
		max-width: 1040px;
		margin: 0 auto;
	}

	.image-col {
		position: relative;
		z-index: 2;
		order: -1;
		padding: 27px 28px 30px 0;

		&::before {
			position: absolute;
			inset: 0 0 0 28px;
			z-index: -1;
			display: block;
			content: '';
			background: var(--green);
		}
	}

	.slide-img {
		width: 100%;
	}

	.subtitle {
		display: flex;
		align-items: center;
		gap: 9px;
		margin-bottom: 18px;
		font-family: var(--font-body);
		font-weight: var(--font-weight-semibold);
		font-size: var(--text-xs);
		line-height: 1.4;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		color: var(--black);

		&::before {
			display: block;
			width: var(--space-10);
			height: 2px;
			flex-shrink: 0;
			content: '';
			background: var(--green);
		}
	}

	.contentRender_name_plugins_core_textbox {
		max-width: none;
		padding: 0;
		margin: 0;

		*:last-child {
			margin-bottom: 0;
		}
	}

	.links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px 35px;
		max-width: 420px;
		margin-top: 38px;
	}

	.intro-link {
		padding: 10px;
	}

	@media (min-width: 40em) {
		background-size: 530px auto;
		background-position: left bottom;

		.intro-inner {
			grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
		}

		.image-col {
			order: unset;
			padding: var(--space-4) var(--space-4) var(--space-4) 0;
		}
	}

	@media (min-width: 64em) {
		padding-top: 100px;
		padding-bottom: 124px;
		margin-bottom: 70px;
		background: none;

		&::before,
		&::after {
			position: absolute;
			display: block;
			content: '';
			pointer-events: none;
		}

		&::before {
			inset: 0 0 var(--space-8);
			z-index: -2;
			background: var(--blue-lighter);
		}

		&::after {
			inset: auto auto var(--space-8) 0;
			z-index: -1;
			width: 530px;
			aspect-ratio: 412 / 360;
			background: var(--background) no-repeat left bottom / contain;
		}

		.intro-inner {
			grid-template-columns: 43.27% minmax(0, 1fr);
			align-items: center;
			gap: 104px;
		}

		.image-col {
			padding: var(--space-10) var(--space-10) var(--space-10) 0;

			&::before {
				left: var(--space-10);
			}
		}

		.subtitle {
			margin-bottom: 22px;
			font-size: 0.8125rem;
		}

		.contentRender_name_plugins_core_textbox {
			h1 {
				font-size: 4.125rem;
				line-height: 1.15;
			}

			p {
				font-size: var(--text-lg);
			}
		}

		.links {
			margin-top: 52px;
			gap: 30px;
		}

		.intro-link {
			padding: 15px;
		}
	}
}