/*
 * Enquiry: photograph and form in two halves, edge to edge. Measured from
 * the reference at 1905 px: both halves 952 px wide and 635 px high; the
 * form 730 px wide, set 110 px in from the middle; heading 90 px from the
 * top. The panel is padded by the block's step (data-space), the section
 * itself manages its edges (data-flush).
 */
@layer blocks {
	.site-main > .enquiry[data-space] {
		padding-block: 0;
	}

	.enquiry {
		display: grid;
		background: var(--background);
	}

	.enquiry__media {
		position: relative;
		aspect-ratio: 4 / 3;
		overflow: hidden;
		background: var(--muted);
	}

	.enquiry__image {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.enquiry__panel {
		padding: var(--block-space) var(--gutter);
	}

	.enquiry__content {
		display: grid;
		max-width: 40rem;
	}

	.enquiry .section-head {
		margin-bottom: var(--space-8);
	}

	.enquiry .section-head__eyebrow::before {
		display: none;
	}

	.enquiry .section-head__standfirst {
		color: var(--muted-foreground);
	}

	.enquiry__status {
		margin-bottom: var(--space-6);
	}

	.enquiry__form {
		display: grid;
		gap: var(--space-5);
	}

	.enquiry__note {
		margin-top: var(--space-2);
	}

	.enquiry__submit {
		margin-top: var(--space-4);
	}

	@media (min-width: 64rem) {
		.enquiry {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			min-height: 40rem;
		}

		.enquiry__media {
			aspect-ratio: auto;
		}

		.enquiry--image-right .enquiry__media {
			order: 2;
		}

		.enquiry__panel {
			display: grid;
			align-content: center;
			padding-inline: clamp(var(--space-12), 6vw, 7rem);
		}
	}
}