.news-subscribe {
	padding-block: 110px;
	color: var(--siliteh-color-white);
	background: var(--siliteh-color-medium-gray);
}

.news-subscribe__inner {
	display: flex;
	gap: 140px;
	align-items: center;
	width: min(1320px, calc(100% - 80px));
	margin-inline: auto;
}

/* Figma 511:28064 splits 1320 into a 602 copy column and a 578 form column. */
.news-subscribe__copy {
	display: grid;
	flex: 0 1 602px;
	gap: 8px;
	min-width: 0;
}

.news-subscribe h2 {
	margin: 0;
	font-size: var(--siliteh-font-body-large);
	font-weight: 500;
	line-height: 1.25;
}

.news-subscribe__copy p {
	margin: 0;
	font-size: var(--siliteh-font-body-medium);
	line-height: 1.25;
}

.news-subscribe__aside {
	flex: 1 1 578px;
	min-width: 0;
}

.news-subscribe__form {
	display: flex;
	gap: 8px;
	align-items: flex-end;
}

.news-subscribe__trap {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	border: 0;
	clip-path: inset(50%);
	white-space: nowrap;
}

.news-subscribe input[type="email"] {
	flex: 1 1 389px;
	min-width: 0;
	height: 52px;
	padding-inline: 16px;
	border: 1px solid var(--siliteh-color-bright-gray);
	border-radius: 12px;
	background: var(--siliteh-color-white);
	color: var(--siliteh-color-midnight-navy);
	font: 400 var(--siliteh-font-body-medium) / 1.25 var(--siliteh-font-family);
}

.news-subscribe input[type="email"]::placeholder {
	color: var(--siliteh-color-medium-gray);
	opacity: 1;
}

.news-subscribe__submit {
	flex: 0 0 auto;
	gap: 12px;
	border-radius: 12px;
}

@media (hover: hover) and (pointer: fine) {
	.news-subscribe__submit:hover {
		background: var(--siliteh-color-black);
	}
}

/* Not in the composition: the field collects a personal address, so the
   purpose is stated beside it. */
.news-subscribe__consent {
	margin: 12px 0 0;
	font-size: var(--siliteh-font-body-small);
	line-height: 1.35;
}

.news-subscribe__status {
	margin: 12px 0 0;
	padding: 12px 16px;
	border-radius: 12px;
	background: var(--siliteh-color-white);
	color: var(--siliteh-color-midnight-navy);
	font-size: var(--siliteh-font-body-small);
	line-height: 1.35;
}

@media (max-width: 1300px) {
	.news-subscribe__inner {
		gap: 64px;
	}
}

@media (max-width: 900px) {
	.news-subscribe {
		padding-block: 64px;
	}

	.news-subscribe__inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
	}

	.news-subscribe__copy,
	.news-subscribe__aside {
		flex: 1 1 auto;
		width: 100%;
	}
}

@media (max-width: 600px) {
	.news-subscribe__inner {
		width: calc(100% - 40px);
	}

	.news-subscribe__form {
		flex-direction: column;
		align-items: stretch;
	}

	.news-subscribe input[type="email"] {
		flex: 0 0 auto;
		width: 100%;
	}

	.news-subscribe__submit {
		width: 100%;
	}
}