.ww-gw-intro {
	--container-padding-block: 3rem;
	--container-gap: 2.5rem;
	--panels-gap: 2rem;
	--panels-text-align: center;
	--panels-columns: 1fr;
	--panels-justify-content: unset;
	--panels-align-items: unset;

	--heading-font-size: 1.875rem;
	--content-font-size: 1rem;

	background-color: var(--colors-cream);
	color: var(--colors-black);
	padding-block: var(--container-padding-block);
}

@media (width>=768px) {
	.ww-gw-intro {
		--container-padding-block: 5rem;

		--panels-gap: 6rem;
		--panels-justify-content: space-between;
		--panels-align-items: center;

		--heading-font-size: 2.5rem;
		--content-font-size: 1.25rem;
	}
}

@media (width>=1024px) {
	.ww-gw-intro {
		--panels-columns: 1fr 1fr;
		--panels-text-align: start;
		--container-gap: 5.25rem;
	}

	.ww-gw-intro__media picture,
	.ww-gw-intro__media img {
		aspect-ratio: 3 /2;
		object-fit: cover;
	}
}

.ww-gw-intro .container--full {
	display: grid;
	gap: var(--container-gap);
}

.ww-gw-intro__panels {
	display: grid;
	grid-template-columns: var(--panels-columns);
	gap: var(--panels-gap);
	justify-content: var(--panels-justify-content);
	align-items: var(--panels-align-items);
	text-align: var(--panels-text-align);
	text-wrap: balance;
}

.ww-gw-intro__panel p {
	font-family: var(--fonts-montserrat);
	font-weight: 500;
	font-size: var(--content-font-size);
	line-height: 125%;
	margin-block: 0rem 1rem;
	text-wrap: balance;
}

.ww-gw-intro__media picture,
.ww-gw-intro__media img {
	display: block;
	width: 100%;
}

.ww-gw-intro__media img {
	height: auto;
}

.ww-gw-intro h2 {
	font-weight: 500;
	font-size: var(--heading-font-size);
	line-height: 100%;
	text-wrap: balance;
	margin-block: 0rem 2rem;
}

.ww-gw-intro__panel :last-child {
	margin-block: 0rem;
}