.wp-block-gtt-header-overlap {
	--padding: 0;
	--overlap: 0;
}

.wp-block-gtt-header-overlap__content {
	padding: var(--padding);
	padding-top: 2rem;
	padding-bottom: 0 !important;
	margin-top: calc(-1 * (var(--padding) + var(--overlap)));
	margin-left: calc(-1 * var(--padding));
	margin-right: calc(-1 * var(--padding));
	max-width: calc(80ch + 2 * var(--padding));
}

.wp-block-gtt-header-overlap__container {
	display: grid;
	gap: 1.5rem;
}

@media (min-width: 640px) {
	.wp-block-gtt-header-overlap {
		--padding: 2rem;
		--overlap: 1rem;
	}

	.wp-block-gtt-header-overlap__content {
		padding: var(--padding);
	}
}
@media (min-width: 768px) {
	.wp-block-gtt-header-overlap {
		--overlap: 1.5rem;
		--padding: 3rem;
	}

	.wp-block-gtt-header-overlap__container:has(
		.wp-block-gtt-header-overlap__list
	) {
		gap: 0;
		grid-template-columns: 1fr auto;
	}

	.wp-block-gtt-header-overlap__list {
		padding-top: var(--padding);
		padding-left: var(--padding);
	}
}
@media (min-width: 1024px) {
	.wp-block-gtt-header-overlap {
		--overlap: 3rem;
		--padding: 3rem;
	}
}
@media (min-width: 1280px) {
	.wp-block-gtt-header-overlap {
		--overlap: 4.5rem;
		--padding: 3.5rem;
	}
	.wp-block-gtt-header-overlap__container:has(
		.wp-block-gtt-header-overlap__list
	) {
		grid-template-columns: auto auto 1fr;
	}
}
