.newsletter {
	background-color: var(--gray-medium);
	background-image: url("../../images/logo-watermark.svg");
	background-size: 600px;
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: var(--spacing-80);
	position: relative;
	overflow: hidden;

	@media (width <= 768px) {
		padding: var(--spacing-40) var(--spacing-20);
		background-size: 400px;
	}

	.gfield input.large {
		text-align: center;
	}
}

.newsletter__container {
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 1;
}

.newsletter__title {
	color: var(--teal-contrast);
	font-size: var(--step-4);
	margin-block: 0 var(--spacing-20);
	font-family: var(--wp--preset--font-family--font-secondary);
	font-weight: 600;
	line-height: 1.13;
}

.newsletter__description {
	color: var(--fog);
	font-size: var(--step-0);
	line-height: 1.33;
	margin-block: 0 var(--spacing-40);
	font-family: var(--wp--preset--font-family--font-primary);
	font-weight: 400;
}