/* =========================================
   Inquiry
   ========================================= */

.inquiry {
	padding-block: var(--section-padding-y);
	background: var(--color-bg-cream);
	color: var(--color-text-primary);
}


/* =========================================
   Layout
   ========================================= */

.inquiry__grid {
	display: grid;
	grid-template-columns:
		minmax(0, .82fr)
		minmax(0, 1fr);
	align-items: start;
	gap: var(--gap-5xl);
}


/* =========================================
   Intro
   ========================================= */

.inquiry__intro {
	min-width: 0;
}

.inquiry__heading {
	max-width: 520px;
	margin: 0;
	color: var(--color-text-primary);
	font-family: var(--font-heading);
	font-size: var(--fs-h1);
	font-weight: var(--fw-semibold);
	line-height: 1.05;
}

.inquiry__description {
	max-width: 500px;
	margin-top: var(--gap-xl);
	color: var(--color-text-secondary);
	font-family: var(--font-body);
	font-size: var(--fs-body);
	font-weight: var(--fw-regular);
	line-height: 1.6;
}

.inquiry__description > * {
	margin-top: 0;
}

.inquiry__description > p {
	margin-bottom: 0;
}

.inquiry .frm_form_field input::placeholder,
.inquiry .frm_form_field textarea::placeholder {
	color: var(--color-text-secondary) !important;
	opacity: 1;
}


/* =========================================
   Contacts
   ========================================= */

.inquiry__contacts {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	margin-top: var(--gap-lg);
}

.inquiry__contact {
	display: flex;
	align-items: center;
	gap: var(--gap-xs);
	max-width: 100%;
	color: var(--color-text-primary);
	font-family: var(--font-body);
	font-size: var(--fs-body);
	font-weight: var(--fw-semibold);
	line-height: 1.2;
}

.inquiry__contact-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	color: var(--color-accent);
}

.inquiry__contact-icon svg {
	display: block;
	width: 20px;
	height: 20px;
}

.inquiry__contact-link,
.inquiry__contact-text {
	min-width: 0;
	color: inherit;
	overflow-wrap: anywhere;
}

.inquiry__contact-link {
	text-decoration: none;
	transition: color var(--transition-base);
}

.inquiry__contact-link:hover {
	color: var(--color-accent);
	text-decoration: none;
}

.inquiry__contact-link:focus-visible {
	outline: 2px solid var(--color-accent);
	outline-offset: 4px;
}



/* =========================================
   Image
   ========================================= */

.inquiry__media {
	width: 100%;
	margin-top: var(--gap-3xl);
	aspect-ratio: 2.23 / 1;
	overflow: hidden;
	background: var(--color-placeholder);
}

.inquiry__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* =========================================
   Form
   ========================================= */

.inquiry__form {
	min-width: 0;
}

.inquiry__form-heading {
	margin: 0 0 var(--gap-sm);
	color: var(--color-accent);
	font-family: var(--font-body);
	font-size: var(--fs-body);
	font-weight: var(--fw-semibold);
	line-height: 1.2;
	letter-spacing: .025em;
	text-transform: uppercase;
}


/* =========================================
   Formidable reset
   ========================================= */

.inquiry .frm_forms,
.inquiry .frm_form_fields,
.inquiry .frm_fields_container {
	width: 100%;
}

.inquiry .frm_form_fields fieldset {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.inquiry .frm_form_title,
.inquiry .frm_description {
	display: none;
}

.inquiry .frm_fields_container {
	display: block;
}

.inquiry .frm_form_field {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}


/* =========================================
   Form labels
   ========================================= */

.inquiry .frm_form_field.frm_top_container {
	position: relative;
}

.inquiry .frm_top_container > .frm_primary_label {
	position: static !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: var(--gap-xs) 0 0 !important;
	overflow: visible !important;
	clip: auto !important;
	clip-path: none !important;
	white-space: normal !important;
	color: var(--color-text-secondary) !important;
	font-family: var(--font-body) !important;
	font-size: var(--fs-body) !important;
	font-weight: var(--fw-regular) !important;
	line-height: var(--lh-body) !important;
}


/* =========================================
   Formidable HTML Note
   ========================================= */

.inquiry .frm_form_field.frm_html_container {
	margin: var(--gap-2xl) 0 0 !important;
	padding: 0 !important;
}

.inquiry .frm_html_container p {
	margin: 0 !important;
}

.inquiry .frm_html_container p:empty {
	display: none;
}

.inquiry .inquiry__form-note {
	margin: 0 !important;
	color: var(--color-text-secondary);
	font-family: var(--font-body);
	font-size: var(--fs-body);
	font-weight: var(--fw-regular);
	line-height: 1.6;
}

/* =========================================
   Inputs
   ========================================= */

.inquiry .frm_form_field input[type="text"],
.inquiry .frm_form_field input[type="email"],
.inquiry .frm_form_field input[type="tel"],
.inquiry .frm_form_field input[type="number"],
.inquiry .frm_form_field input[type="url"],
.inquiry .frm_form_field textarea,
.inquiry .frm_form_field select {
	width: 100% !important;
	margin: 0 !important;
	padding-inline: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid var(--color-border-light) !important;
	border-radius: 0 !important;
	outline: 0;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--color-text-primary) !important;
	font-family: var(--font-body) !important;
	font-size: var(--fs-body) !important;
	font-weight: var(--fw-regular) !important;
	line-height: var(--lh-body) !important;
	transition: border-color var(--transition-base);
}

.inquiry .frm_form_field input[type="text"],
.inquiry .frm_form_field input[type="email"],
.inquiry .frm_form_field input[type="tel"],
.inquiry .frm_form_field input[type="number"],
.inquiry .frm_form_field input[type="url"],
.inquiry .frm_form_field select {
	box-sizing: border-box;
	height: 44px !important;
	padding: 4px 0 8px !important;
}

.inquiry .frm_form_field textarea {
	display: block;
	min-height: 104px !important;
	padding-top: var(--gap-xl) !important;
	padding-bottom: var(--gap-xl) !important;
	resize: vertical;
}

.inquiry .frm_form_field input::placeholder,
.inquiry .frm_form_field textarea::placeholder {
	color: var(--color-text-secondary) !important;
	opacity: 1;
}

.inquiry .frm_form_field input:focus,
.inquiry .frm_form_field textarea:focus,
.inquiry .frm_form_field select:focus {
	border-bottom-color: var(--color-accent) !important;
	box-shadow: none !important;
}


.inquiry #frm_field_13_container p {
    font-size: var(--fs-body);
    color: var(--color-text-secondary);
}


/* =========================================
   Submit
   ========================================= */

.inquiry .frm_submit {
	margin: var(--gap-2xl) 0 0 !important;
	padding: 0 !important;
}

.inquiry .frm_button_submit,
.inquiry button[type="submit"].frm_button_submit {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: var(--gap-xs);
	min-width: 238px;
	margin: 0 !important;
	padding: 16px var(--btn-padding-x) !important;
	border: 1px solid var(--color-accent) !important;
	border-radius: var(--btn-radius) !important;
	background: var(--color-accent) !important;
	box-shadow: none !important;
	color: var(--color-text-white) !important;
	font-family: var(--font-body) !important;
	font-size: var(--fs-body) !important;
	font-weight: var(--fw-semibold) !important;
	line-height: 1.2 !important;
	letter-spacing: .025em;
	text-transform: uppercase;
	cursor: pointer;
	transition:
		background-color var(--transition-base),
		border-color var(--transition-base),
		color var(--transition-base);
}

.inquiry .frm_button_submit::after,
.inquiry button[type="submit"].frm_button_submit::after {
	content: "";
	display: block;
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	background-color: currentColor;

	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 12.5L12.5 3.5M5 3.5h7.5V11' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;

	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 12.5L12.5 3.5M5 3.5h7.5V11' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;

	transition: transform var(--transition);
}

.inquiry .frm_button_submit:hover,
.inquiry button[type="submit"].frm_button_submit:hover {
	border-color: var(--color-accent-hover) !important;
	background: var(--color-accent-hover) !important;
	color: var(--color-text-white) !important;
}

.inquiry .frm_button_submit:hover::after,
.inquiry button[type="submit"].frm_button_submit:hover::after {
	transform: translate(2px, -2px);
}

.inquiry .frm_button_submit:focus-visible,
.inquiry button[type="submit"].frm_button_submit:focus-visible {
	outline: 2px solid var(--color-accent);
	outline-offset: 3px;
}


/* =========================================
   Empty form state
   ========================================= */

.inquiry__form-empty {
	margin: var(--gap-xl) 0 0;
	color: var(--color-text-secondary);
	font-size: var(--fs-body);
	line-height: var(--lh-body);
}


/* =========================================
   Tablet / Mobile
   ========================================= */

@media (max-width: 992px) {

	.inquiry__grid {
		grid-template-columns: 1fr;
		gap: var(--gap-2xl);
	}

	.inquiry__description {
		max-width: 680px;
	}

	.inquiry__media {
		aspect-ratio: 1.88 / 1;
	}

}


@media (max-width: 768px) {

	.inquiry__heading {
		max-width: 100%;
	}

	.inquiry__description {
		max-width: 100%;
		margin-top: var(--gap-xl);
	}


	.inquiry__media {
		margin-top: var(--gap-3xl);
	}

	.inquiry .frm_button_submit,
	.inquiry button[type="submit"].frm_button_submit {
		width: 100%;
		min-width: 0;
	}

}


/* =========================================
   Reduced motion
   ========================================= */
@media (prefers-reduced-motion: reduce) {

	.inquiry__contact-link,
	.inquiry .frm_form_field input,
	.inquiry .frm_form_field textarea,
	.inquiry .frm_form_field select,
	.inquiry .frm_button_submit,
	.inquiry .frm_button_submit::after {
		transition: none;
	}

}

/* =========================================
   Browser Autofill
   ========================================= */

.inquiry input:-webkit-autofill,
.inquiry input:-webkit-autofill:hover,
.inquiry input:-webkit-autofill:focus,
.inquiry textarea:-webkit-autofill,
.inquiry textarea:-webkit-autofill:focus {
	-webkit-box-shadow:
		0 0 0 1000px var(--color-bg-cream) inset !important;

	-webkit-text-fill-color:
		var(--color-text-primary) !important;

	caret-color: var(--color-text-primary);
}

/* =========================================
   Chrome Autofill Fix
   ========================================= */

.inquiry .frm_form_field input:-webkit-autofill,
.inquiry .frm_form_field input:-webkit-autofill:hover,
.inquiry .frm_form_field input:-webkit-autofill:focus,
.inquiry .frm_form_field textarea:-webkit-autofill,
.inquiry .frm_form_field textarea:-webkit-autofill:focus {
	-webkit-box-shadow:
		0 0 0 1000px var(--color-bg-cream) inset !important;

	box-shadow:
		0 0 0 1000px var(--color-bg-cream) inset !important;

	-webkit-text-fill-color:
		var(--color-text-primary) !important;

	caret-color: var(--color-text-primary);
}