/* Syncte™: deltas from the approved mock on top of the parent's layout. Generated header; edit brands/syncte.com.css. */

/* Art-directed mobile crop (generated). */
.bcs-split-media img {
	object-position: 69% 50%;
}

@media (max-width: 700px) {
	.bcs-split-media img {
		display: none;
	}

	.bcs-split-media {
		aspect-ratio: auto;
		background: url("../img/hero-v3-mobile.avif") 68% center / cover no-repeat;
	}
}

/* Light, airy feel: no rule under the masthead, copy column beside the image. */
.bcs-masthead {
	border-bottom: 0;
}

.bcs-page .bcs-sub {
	margin-top: -4px;
}

@media (max-width: 700px) {
	/* Phone order: eyebrow, headline, sub, image banner, form. */
	.bcs-split {
		display: flex;
		flex-direction: column;
		min-height: 0;
		padding: 0 20px 20px;
	}

	.bcs-split-column {
		display: contents;
	}

	.bcs-split-column > .bcs-eyebrow {
		order: 0;
		font-size: 9px;
		margin-top: 20px;
	}

	.bcs-page .bcs-cover-line {
		order: 1;
		font-size: 36px;
		line-height: 1.06;
		margin: 12px 0;
	}

	.bcs-page .bcs-sub {
		order: 2;
		font-size: 12px;
	}

	.bcs-split-media {
		order: 3;
		height: 120px;
		min-height: 0;
		margin-top: 16px;
	}

	.bcs-split .bcs-card {
		order: 4;
		margin-top: 20px;
	}
}