.contact-shell {
	width: min(100%, 640px);
	display: grid;
	gap: 18px;
	justify-items: stretch;
}

.contact-form {
	width: 100%;
	display: grid;
	gap: 18px;
	text-align: left;
	transition: opacity .4s ease, transform .4s ease;
}

.contact-form.is-fading-out {
	opacity: 0;
	transform: translateY(12px);
	pointer-events: none;
}

.honeypot-field {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.contact-error {
	min-height: 1.2em;
	font-size: 14px;
	color: #ffe0dd;
}

.contact-thank-you {
	width: 100%;
	border: 1px solid rgba(248,245,241,.18);
	border-radius: 24px;
	background: rgba(248,245,241,.08);
	padding: 30px 28px;
	text-align: left;
	opacity: 0;
	transform: translateY(12px);
	transition: opacity .4s ease, transform .4s ease;
}

.contact-thank-you.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.contact-thank-you h3 {
	font-family: var(--font-serif);
	font-weight: 400;
	font-size: clamp(24px, 3vw, 32px);
	margin-bottom: 10px;
	color: #f8f5f1;
}

.contact-thank-you p {
	font-size: 15px;
	color: rgba(248,245,241,.82);
	line-height: 1.7;
}