$l-form-bp1: 970;

.l-form {
	margin-top: space(7);

	@include mq($l-form-bp1) {
		display: grid;
		grid-template-columns: 1fr 6fr 0.5fr 5.5fr 1fr;
		grid-template-rows: auto space(14) 1fr auto;
	}

	@include mq($bp-max) {
		grid-template-columns: 1fr ($site-column-size*6px) ($site-column-size*0.5px) ($site-column-size*5.5px) 1fr;
	}
}



.l-form__main {
	@include mq($max: $l-form-bp1) {
		padding: column(1,14);
		background-color: palette(primary, 100);
	}

	@include mq($l-form-bp1) {
		grid-column: 2 / span 1;
		grid-row: 1 / span 3;
		align-self: start;
		position: relative;
		z-index: 1;
		padding: space(6) space(5);
		background: palette(neutral, 0);
		border: 1px solid palette(neutral, 300);
		box-shadow: 0 20px 48px 0 rgba(0,0,0,0.08);
		border-radius: map-get($border-radius, s) map-get($border-radius, s) map-get($border-radius, xl) map-get($border-radius, xs);
	}
}


.l-form__side {
	@include contain($max: $l-form-bp1);
	padding-top: space(6);
	padding-bottom: space(6);

	@include mq($l-form-bp1) {
		grid-column: 4 / span 1;
		grid-row: 1 / span 1;
		padding-top: space(15);
	}
}

.l-form__side-info {
	@include mq($max: $l-form-bp1){
		@include contain;
		margin-top: space(4);
		margin-bottom: space(4);
	}

	@include mq($l-form-bp1) {
		grid-column: 4 / span 1;
		grid-row: 1 / span 1;
	}
}


.l-form__image {
	@include mq($l-form-bp1) {
		grid-column: 1 / span 5;
		grid-row: 3 / span 2;
		position: relative;
		z-index: 0;
	}
}