/* Predecy Wear: deltas from the approved mock on top of the parent's layout. Generated header; edit brands/wear.predecy.com.css. */

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

.bcs-split-media {
	aspect-ratio: 1 / 1;
}

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

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

/* Fashion feel: image on the left, narrow dark column on the right. */
.bcs-split {
	--bcs-split-cols: 56% 44%;
	--bcs-split-min: 760px;
}

.bcs-split-column {
	padding: 40px 48px;
	background: var(--wp--preset--color--ground);
}

.bcs-page .bcs-cover-line {
	margin: 20px 0;
}

.bcs-split .bcs-card {
	margin-top: 32px;
}

@media (max-width: 1100px) {
	.bcs-split-column {
		padding: 32px 28px;
	}
}

@media (max-width: 700px) {
	/* Phone: headline set over the image banner, form below. */
	.bcs-split {
		display: block;
		min-height: 0;
		position: relative;
	}

	.bcs-split::before {
		content: "";
		position: absolute;
		inset: 0 0 auto;
		height: 220px;
		z-index: 1;
		background: linear-gradient(90deg, #0c1711d9, transparent 85%);
		pointer-events: none;
	}

	.bcs-split-media {
		height: 220px;
		min-height: 0;
	}

	.bcs-split-column {
		padding: 20px;
	}

	.bcs-split-column > .bcs-eyebrow,
	.bcs-page .bcs-cover-line,
	.bcs-page .bcs-sub {
		position: absolute;
		left: 20px;
		z-index: 2;
		text-shadow: 0 2px 16px #000;
	}

	.bcs-split-column > .bcs-eyebrow {
		top: 24px;
		font-size: 9px;
	}

	.bcs-page .bcs-cover-line {
		top: 44px;
		font-size: 42px;
		line-height: 0.98;
		max-width: 190px;
	}

	.bcs-page .bcs-sub {
		top: 164px;
		max-width: 210px;
	}

	.bcs-split .bcs-card {
		margin-top: 0;
	}
}