/* Section background hierarchy ------------------------------------------ */
.pas-home .pas-about-image {
	margin: 0;
	min-width: 0;
	width: 100%;
}

.pas-home .pas-about-image img {
	aspect-ratio: 16 / 10;
	border-radius: var(--pas-radius);
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.pas-home {
	--pas-section-white: #ffffff;
	--pas-section-mist: #f4f8fa;
	--pas-section-blue: #eaf3f6;
	--pas-section-sky: #eef8f8;
}

/* Alternate only full-width content sections; nested cards and layout stay
 * untouched. The type index is stable for both language versions. */
.pas-home > .pas-section:not(.pas-section--dark):nth-of-type(odd) {
	background: var(--pas-section-white);
}

.pas-home > .pas-section:not(.pas-section--dark):nth-of-type(even) {
	background: var(--pas-section-mist);
}

.pas-home > .pas-section--soft:not(.pas-section--dark) {
	background: var(--pas-section-blue);
}

.pas-home > .pas-section--mint:not(.pas-section--dark) {
	background: linear-gradient(135deg, var(--pas-section-sky) 0%, #e5f3f3 100%);
}

/* A plain section after a tinted section returns to white, preventing two
 * nearly identical pale panels from touching. */
.pas-home > :is(.pas-section--soft, .pas-section--mint) + .pas-section:not(.pas-section--dark) {
	background: var(--pas-section-white);
}

.pas-home > .pas-section:not(.pas-section--dark) + .pas-section--soft {
	background: var(--pas-section-blue);
}

.pas-home > .pas-section--dark {
	background: var(--pas-navy-deep);
	color: var(--pas-white);
}

/* Consecutive dark sections retain continuity but use distinguishable navy
 * depths instead of appearing as one oversized block. */
.pas-home > .pas-section--dark + .pas-section--dark {
	background: linear-gradient(135deg, var(--pas-navy-mid) 0%, var(--pas-navy) 100%);
}

.pas-home > .pas-section--dark :is(h2, h3) {
	color: var(--pas-white);
}

.pas-home > .pas-section--dark :is(.pas-copy, p:not(.pas-kicker)) {
	color: rgba(255, 255, 255, .78);
}