:where( .ivy-contact--formulaire-split ) {
	padding: clamp( 4rem, 8vw, 8rem ) max( 1.25rem, calc( ( 100% - 110rem ) / 2 ) );
	background: transparent;
}

:where( .ivy-contact--formulaire-split ) .ivy-contact__header {
	max-width: 76rem;
	margin: 0 auto clamp( 2.5rem, 5vw, 4.5rem );
	text-align: center;
}

:where( .ivy-contact--formulaire-split ) .ivy-contact__eyebrow {
	display: block;
	margin-bottom: 1rem;
	color: var( --ivy-eyebrow-color, var( --ivy-muted, rgb( 94 91 85 ) ) );
	font: var( --ivy-eyebrow-typography, inherit );
	font-size: var( --ivy-font-label );
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

:where( .ivy-contact--formulaire-split ) .ivy-contact__title {
	margin: 0;
	color: var( --ivy-title-color, var( --ivy-ink, rgb( 27 30 28 ) ) );
	line-height: 1.05;
}

:where( .ivy-contact--formulaire-split ) .ivy-contact__text {
	margin: 1.25rem auto 0;
	color: var( --ivy-text-color, var( --ivy-ink, rgb( 27 30 28 ) ) );
	font: var( --ivy-text-typography, inherit );
}

:where( .ivy-contact--formulaire-split ) .ivy-contact__inner {
	display: grid;
	grid-template-columns: minmax( 0, calc( ( 100% - var( --ivy-gap, 1.25rem ) ) * var( --ivy-columns, 66.67 ) / 100 ) ) minmax( 0, 1fr );
	gap: var( --ivy-row-gap, var( --ivy-gap, 1.25rem ) ) var( --ivy-gap, 1.25rem );
	align-items: stretch;
}

:where( .ivy-contact--formulaire-split ) .ivy-contact__form {
	box-sizing: border-box;
	min-width: 0;
	padding: clamp( 2rem, 4vw, 3rem );
	border: 1px solid rgb( 127 101 49 / .28 );
	border-radius: var( --ivy-radius-surface, 24px );
	background: var( --ivy-surface, rgb( 127 101 49 ) );
	color: var( --ivy-form-color, rgb( 255 255 255 ) );
	font: var( --ivy-form-typography, inherit );
}

:where( .ivy-contact--formulaire-split ) .ivy-contact__form :is( input, select, textarea ) {
	box-sizing: border-box;
	width: 100%;
	border: 0;
	border-radius: var( --ivy-radius-action, 999px );
	background: rgb( 255 255 255 );
	color: rgb( 27 30 28 );
	font: inherit;
}

:where( .ivy-contact--formulaire-split ) .ivy-contact__form textarea {
	min-height: 10rem;
	border-radius: var( --ivy-radius-surface, 24px );
}

:where( .ivy-contact--formulaire-split ) .ivy-contact__form :is( input, select, textarea ):focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

:where( .ivy-contact--formulaire-split ) .ivy-contact__form :is( button, input[type="submit"] ) {
	width: 100%;
	min-height: 3rem;
	border: 0;
	border-radius: var( --ivy-radius-action, 999px );
	background: rgb( 255 255 255 );
	color: var( --ivy-ink, rgb( 127 101 49 ) );
	font: inherit;
	cursor: pointer;
}

:where( .ivy-contact--formulaire-split ) .ivy-contact__media {
	min-height: 20rem;
	margin: 0;
	overflow: hidden;
	border-radius: var( --ivy-radius-surface, 24px );
}

:where( .ivy-contact--formulaire-split ) .ivy-contact__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media ( max-width: 767px ) {
	:where( .ivy-contact--formulaire-split ) .ivy-contact__inner { grid-template-columns: 1fr; }
	:where( .ivy-contact--formulaire-split ) .ivy-contact__media { min-height: clamp( 18rem, 75vw, 30rem ); }
}
