.qcf-contact {
	width: min(var(--ndb-column, 900px), calc(100% - var(--ndb-gutter, 48px)));
	margin: 72px auto 32px;
	border-top: 1px solid var(--ndb-ink, #202020);
}

.qcf-contact__inner {
	display: grid;
	grid-template-columns: .8fr 1.2fr;
	gap: clamp(36px, 7vw, 90px);
	padding: clamp(48px, 7vw, 76px) 0;
}

.qcf-contact__label {
	margin: 0 0 14px;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.qcf-contact h2 {
	margin: 0 0 18px;
	font: 400 clamp(2.8rem, 6vw, 5.2rem)/.95 "EB Garamond", Garamond, serif;
	letter-spacing: -.045em;
}

.qcf-contact__intro > p:last-child {
	max-width: 360px;
	color: #555;
	line-height: 1.7;
}

.qcf-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.qcf-form__full {
	grid-column: 1 / -1;
}

.qcf-form label > span {
	display: block;
	margin-bottom: 8px;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.qcf-form input,
.qcf-form textarea {
	width: 100%;
	border: 1px solid var(--ndb-line, #c9c9c4);
	border-radius: 0;
	background: var(--ndb-paper, #fff);
	padding: 14px;
	color: var(--ndb-ink, #202020);
	font: 500 1rem/1.4 "Josefin Sans", Arial, sans-serif;
}

.qcf-form textarea {
	resize: vertical;
}

.qcf-form button {
	border: 1px solid var(--ndb-ink, #202020);
	background: var(--ndb-ink, #202020);
	color: var(--ndb-paper, #fff);
	padding: 15px 21px;
	font: 700 .76rem/1 "Josefin Sans", Arial, sans-serif;
	letter-spacing: .1em;
	text-transform: uppercase;
	cursor: pointer;
}

.qcf-honeypot {
	position: absolute !important;
	left: -10000px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.qcf-notice {
	margin-bottom: 22px;
	border: 1px solid currentColor;
	padding: 12px 14px;
	font-size: .9rem;
}

.qcf-notice--success {
	color: #285c35;
	background: #edf8ef;
}

.qcf-notice--error {
	color: #842029;
	background: #fff0f1;
}

html[data-theme="dark"] .qcf-contact__intro > p:last-child {
	color: #e5eef6;
}

html[data-theme="dark"] .qcf-form input,
html[data-theme="dark"] .qcf-form textarea {
	border-color: #b7cad9;
	background: #294a66;
	color: #fff;
}

html[data-theme="dark"] .qcf-form button {
	border-color: #f7fbff;
	background: #f7fbff;
	color: #20364a;
}

html[data-theme="dark"] .qcf-notice--success {
	color: #fff;
	background: #285c35;
}

html[data-theme="dark"] .qcf-notice--error {
	color: #fff;
	background: #842029;
}

@media (max-width: 600px) {
	.qcf-contact {
		margin-top: 48px;
	}

	.qcf-contact__inner,
	.qcf-form {
		grid-template-columns: 1fr;
	}

	.qcf-contact__inner {
		gap: 34px;
		padding: 48px 0;
	}

	.qcf-form__full {
		grid-column: 1;
	}
}