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

/* Art-directed mobile crop (generated). */
@media (max-width: 700px) {
	.bcs-cover .wp-block-cover__image-background {
		display: none;
	}

	.bcs-cover.wp-block-cover::before {
		content: "";
		display: block;
		height: 220px;
		background: url("../img/hero-v3-mobile.avif") 68% center / cover no-repeat;
	}
}

/* Terminal feel: copy sits top-left, eyebrow and teasers in monospace cyan. */
.bcs-cover .bcs-copy {
	align-self: start;
	padding-top: 20px;
	max-width: 660px;
}

.bcs-cover .bcs-copy > .bcs-eyebrow,
.bcs-cover .bcs-teasers {
	font-family: ui-monospace, Consolas, monospace;
	color: var(--wp--preset--color--accent);
}

@media (max-width: 700px) {
	/* The mock's brand rule keeps the 780px minimum on phones. */
	.bcs-cover.wp-block-cover {
		min-height: 780px !important;
	}

	.bcs-cover .bcs-copy {
		padding-top: 0;
	}

	.bcs-page .bcs-cover-line {
		font-size: 48px;
	}
}