$o-page-wide-photo-bp1: 970;

.o-page-wide-photo {
	position: relative;
	overflow: hidden;
	margin-right: column(1,14);

	@include mq($bp-max) {
		 margin-right: $site-max-gutter-width;
	}

	border-top-right-radius: map-get($border-radius, xl);
	border-bottom-right-radius: map-get($border-radius, xl);
}


.o-page-wide-photo--pull-bottom-up {
	margin-bottom: space(-18);
}


.o-page-wide-photo--bg-top-half {
	&::before {
		content: '';
		display: block;
		position: absolute;
		background-color: palette(primary, 100);
		top: 0;
		bottom: 50%;
		left: 0;
		right: -50%;
	}
}


.o-page-wide-photo__img {
	position: relative;
	right: 0;
	width: 100%;
	min-height: 300px;
	max-height: 70vmin;
	object-fit: cover;
	background-image: linear-gradient(to bottom right, palette(neutral, 300), palette(neutral, 700));


	@include mq($o-page-wide-photo-bp1) {
		max-height: none;
	}
}