/*
 * „Sommer. Aktiv“ / „Winter. Freude“ (.ps-saisons): zwei Vollbild-Cover.
 * Grundzustand: untereinander. start.js (.ist-wipe): Sticky-Bühne, das Winterbild wischt von rechts herein.
 */

.ps-start .ps-saisons { position: relative; background: var(--tanne-950); color: var(--schnee); }
.ps-start .ps-saisons__dachzeile {
	position: absolute;
	top: calc(var(--header-h) + 24px);
	left: 0;
	right: 0;
	z-index: 3;
	padding-inline: max(var(--gutter), calc((100% - var(--container)) / 2));
	color: var(--sonne-300) !important;
}

.ps-start .ps-saison.wp-block-cover {
	min-height: 100vh;
	min-height: 100svh;
	margin: 0;
	padding: 0;
	align-items: flex-end;
	overflow: hidden;
	color: var(--schnee);
}
.ps-start .ps-saison > .wp-block-cover__image-background { object-fit: cover; }
.ps-start .ps-saison > .wp-block-cover__background {
	opacity: 1 !important;
	background: var(--scrim-bottom), var(--scrim-top) !important;
}
.ps-start .ps-saison > .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: calc(var(--container) + 2 * var(--gutter));
	margin: 0 auto;
	padding: 0 var(--gutter) clamp(56px, 12vh, 120px);
	display: grid;
	gap: 20px;
	align-content: end;
	will-change: opacity, transform;
}
.ps-start .wp-block-cover.ps-saison.has-custom-content-position > .wp-block-cover__inner-container { margin: 0 auto; width: 100%; }
.ps-start .ps-saison > .wp-block-cover__inner-container > * { max-width: 620px; }
.ps-start .ps-saison p:not(.is-style-ps-dachzeile) { color: var(--tanne-100); }

/* ---------- Wisch-Bühne (start.js) ---------- */
.ps-start .ps-saisons.ist-wipe { height: 260vh; }
.ps-saisons__buehne { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }
.ps-start .ps-saisons.ist-wipe .ps-saison.wp-block-cover { position: absolute; inset: 0; min-height: 0; }
.ps-start .ps-saisons.ist-wipe .ps-saison--winter { background: transparent; }
.ps-start .ps-saisons.ist-wipe .ps-saison--winter > .wp-block-cover__image-background,
.ps-start .ps-saisons.ist-wipe .ps-saison--winter > .wp-block-cover__background { clip-path: inset(0 0 0 var(--ps-wisch, 100%)); }
.ps-start .ps-saisons.ist-wipe .ps-saison--winter > .wp-block-cover__inner-container { opacity: 0; pointer-events: none; }
.ps-saisons__kante {
	position: absolute;
	top: 0;
	bottom: 0;
	left: var(--ps-wisch, 100%);
	z-index: 2;
	width: 1.5px;
	background: var(--schnee);
	opacity: 0;
	pointer-events: none;
}
.ps-saisons__kante.ist-sichtbar { opacity: 1; }
.ps-saisons__kante > span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 52px;
	height: 52px;
	display: grid;
	place-items: center;
	border-radius: var(--radius-pill);
	background: var(--schnee);
	color: var(--tanne-700);
	box-shadow: var(--shadow-md);
}
.ps-saisons__kante svg { width: 22px; height: 22px; }

@media (max-width: 599px) {
	.ps-start .ps-saison.wp-block-cover { min-height: 88svh; }
}