.block-intro {
	position: relative;
	/* background: rgb(var(--color-purple)); */
	color: rgb(var(--color-white));
	padding: 4rem 1rem;
	font-size: 1.2rem;
	max-width: var(--layout-content-width);
	margin: 0 auto 3rem;
}

.block-intro::before {
	position: absolute;
	background: 
		fixed 0 16rem / clamp(2em, 10vw, 100px) auto url(../img/lvbg-l.svg) repeat-y,
		fixed 100% 16rem / clamp(2em, 10vw, 100px) auto url(../img/lvbg-r.svg) repeat-y,
		rgb(var(--color-purple));
	background: 
		50% 50% / 1500px auto url(../img/lvbg-3.svg) repeat, rgb(var(--color-purple));

	content: ' ';
	top: 0;
	left: calc(50% - (50vw + 3rem));
	right: calc(50% - (50vw + 3rem));
	bottom: 0;
	z-index: -1;
	box-shadow: 0 0 4rem inset rgba(var(--color-purple), 1);
}

.block-intro > h2 {
	color: rgb(var(--color-white));
	font-weight: var(--font-weight-bold);
}

.block-intro > h2::before {
	content: none;
}