.najjar-contact-grid,
.najjar-contact-form-grid {
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(320px, 1.08fr);
	gap: clamp(28px, 5vw, 72px);
	align-items: start;
}

.najjar-contact-card,
.najjar-contact-form {
	display: grid;
	gap: 18px;
	padding: 26px;
	border: 1px solid var(--najjar-color-line);
	border-radius: var(--najjar-radius);
	background: var(--najjar-color-white);
}

.najjar-contact-card h2 {
	font-size: var(--najjar-step-3);
}

.najjar-contact-list {
	display: grid;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.najjar-contact-list li {
	display: grid;
	gap: 4px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--najjar-color-line);
}

.najjar-contact-list span,
.najjar-contact-upload-label {
	color: var(--najjar-color-stone);
	font-size: .78rem;
	font-weight: 850;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.najjar-contact-list a {
	color: var(--najjar-color-ink);
	font-weight: 850;
	text-decoration: none;
}

.najjar-contact-form {
	padding: clamp(24px, 4vw, 34px);
}

.najjar-contact-form .najjar-button {
	width: fit-content;
	cursor: pointer;
}

.najjar-form-notice {
	padding: 14px 16px;
	border: 1px solid var(--najjar-color-line);
	border-radius: var(--najjar-radius);
	font-weight: 750;
}

.najjar-form-notice--success {
	border-color: rgba(31, 157, 88, .28);
	background: rgba(31, 157, 88, .1);
	color: #166c40;
}

.najjar-form-notice--error {
	border-color: rgba(150, 45, 38, .28);
	background: rgba(150, 45, 38, .08);
	color: #8b2d25;
}

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

.najjar-form__consent {
	grid-template-columns: auto minmax(0, 1fr);
	gap: 10px;
	align-items: start;
}

.najjar-form__consent input {
	width: 18px;
	height: 18px;
	margin-top: 4px;
	accent-color: var(--najjar-color-gold);
}

.najjar-form__consent label {
	color: var(--najjar-color-graphite);
	font-size: .92rem;
	font-weight: 650;
	line-height: 1.5;
}

.najjar-form__upload-placeholder--disabled {
	opacity: .78;
}

.najjar-contact-areas .najjar-section-header {
	max-width: 780px;
}

.najjar-contact-map {
	min-height: clamp(320px, 42vw, 520px);
	display: grid;
	place-items: end start;
	padding: clamp(24px, 5vw, 52px);
	overflow: hidden;
	border: 1px solid var(--najjar-color-line);
	border-radius: var(--najjar-radius);
	background:
		linear-gradient(135deg, rgba(25, 24, 23, .16), rgba(199, 169, 107, .2)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .12) 0 1px, transparent 1px 86px),
		repeating-linear-gradient(0deg, rgba(255, 255, 255, .1) 0 1px, transparent 1px 70px),
		linear-gradient(120deg, #3c3933, #c9c1b5);
}

.najjar-contact-map > div {
	max-width: 620px;
}

.najjar-contact-map h2,
.najjar-contact-map p {
	color: var(--najjar-color-white);
}

@media (max-width: 980px) {
	.najjar-contact-grid,
	.najjar-contact-form-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 680px) {
	.najjar-contact-grid,
	.najjar-contact-form-grid {
		grid-template-columns: 1fr;
	}

	.najjar-contact-form .najjar-button {
		width: 100%;
	}
}