/*
 * Shared Landscape Story gradient-hero modifiers.
 * Stormwater and Ocklawaha share the photo fade + 85svh fill.
 * FWC and Stormwater deltas live in fwc.css / stormwater.css.
 */

.wpx-hero--gradient.wpx-hero--landscape.has-media {
	padding-block: var(--sp-10) var(--sp-8);
}

.wpx-hero--gradient.wpx-hero--landscape .wpx-hero__body {
	max-width: var(--w-wide);
}

.wpx-hero--gradient.wpx-hero--landscape .wpx-hero__title {
	font-weight: 400;
}

.wpx-hero--gradient.wpx-hero--landscape-photo.has-media {
	min-height: 85svh;
}

.wpx-hero--gradient.wpx-hero--landscape-photo .wpx-hero__fade {
	background:
		linear-gradient(
			180deg,
			rgb(var(--wpx-grad-from-rgb, 31 47 58) / 0%) 35%,
			rgb(var(--wpx-grad-to-rgb, 31 47 58) / 100%) 100%
		),
		linear-gradient(90deg, rgb(0 0 0 / 50%) 0%, rgb(0 0 0 / 0%) 58%);
}