/*
 * Connecting Landscapes listing page.
 * Split from components.css. Grouped `.wpx-page--landscapes, .wpx-page--films`
 * lists split per file; properties unchanged.
 */

.wpx-page--landscapes .wpx-hero--standard.has-media {
	align-items: end;
	min-height: calc(100svh - 4.5rem);
	padding-top: var(--sp-8);
	padding-bottom: clamp(2.5rem, 5vh, 4rem);
}

.wpx-page--landscapes .wpx-hero--standard.has-media .wpx-hero__media::after {
	background: linear-gradient(to top, rgb(0 0 0 / 32%) 0%, rgb(0 0 0 / 0%) 42%);
}

.wpx-page--landscapes .wpx-hero__body {
	max-width: var(--w-wide);
	text-align: left;
}

.wpx-page--landscapes .wpx-hero__title {
	max-width: 28ch;
	margin: 0;
	font-weight: 300;
	line-height: var(--lh-tight);
}

.wpx-page--landscapes .wpx-statement--photo-intro > .wpx-container {
	max-width: var(--w-wide);
}