.tmi-subscribe {
	display: flex;
	flex-direction: column;
	gap: 56px;
	align-items: center;
	padding: 56px max(24px, calc((100vw - 772px) / 2));
	background: var(--tmi-dark);
	color: var(--tmi-white);
	text-align: center;
}

.tmi-subscribe-copy {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: min(100%, 772px);
}

.tmi-subscribe-copy h2,
.tmi-subscribe-copy p {
	margin: 0;
}

.tmi-subscribe-copy p {
	color: var(--tmi-dark-400);
}

.tmi-subscribe-form {
	display: flex;
	gap: 24px;
	width: min(100%, 772px);
	padding: 8px 8px 8px 16px;
	background: var(--tmi-dark-800);
}

.tmi-subscribe-form input {
	flex: 1;
	min-width: 0;
	border: 0;
	background: transparent;
	color: var(--tmi-white);
	font: 500 16px/1.35 var(--tmi-font-sans);
	letter-spacing: -0.04em;
}

.tmi-subscribe-form input::placeholder {
	color: var(--tmi-dark-400);
}

.tmi-subscribe-form button {
	padding: 12px 32px;
	border: 0;
	background: var(--tmi-dark);
	color: var(--tmi-white);
	cursor: pointer;
}

@media (max-width: 640px) {
	.tmi-subscribe-form {
		flex-direction: column;
	}
}