/* PLMR Core: Video Stack. Three overlapping vertical videos. Proportions taken from the reference layout. */
.plmr-vs {
	--plmr-vs-r: 1.5;        /* card height / width */
	--plmr-vs-radius: 10px;
	position: relative;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
.plmr-vs::before {
	content: "";
	display: block;
	/* Stack height = 0.5 (card width) x r x 1.865 (front card sits 0.865 of a card below the top one) */
	padding-top: calc(93.25% * var(--plmr-vs-r));
}
.plmr-vs__card {
	position: absolute;
	width: 50%;
	height: 53.62%;
	margin: 0;
	overflow: hidden;
	border-radius: var(--plmr-vs-radius);
	background: #1A4B9A;
	will-change: transform;
}
.plmr-vs__card--1 { left: 1.5%; top: 0;      z-index: 1; }
.plmr-vs__card--2 { left: 47%;  top: 23.06%; z-index: 2; }
.plmr-vs__card--3 { left: 18%;  top: 46.38%; z-index: 3; }
.plmr-vs-shadow-yes .plmr-vs__card {
	box-shadow: 0 24px 48px -20px rgba(15, 37, 71, 0.45);
}
.plmr-vs__video,
.plmr-vs__gif,
.plmr-vs__still {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	display: block;
}
.plmr-vs__gif,
.plmr-vs__still {
	display: none;
}

/* Mobile swap (the script adds plmr-vs--mobile below your breakpoint; 767px without the script) */
.plmr-vs--mobile .has-gif .plmr-vs__video { display: none; }
.plmr-vs--mobile .has-gif .plmr-vs__gif { display: block; }
@media (max-width: 767px) {
	.plmr-vs:not(.plmr-vs--ready) .has-gif .plmr-vs__video { display: none; }
	.plmr-vs:not(.plmr-vs--ready) .has-gif .plmr-vs__gif { display: block; }
}

/* Visitors who turn off motion: show the still where there is one */
.plmr-vs--still .plmr-vs__card:has(.plmr-vs__still) .plmr-vs__video,
.plmr-vs--still .plmr-vs__card:has(.plmr-vs__still) .plmr-vs__gif { display: none; }
.plmr-vs--still .plmr-vs__still { display: block; }

.plmr-vs__empty {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	color: rgba(255, 255, 255, 0.8);
	font: 600 15px/1.2 Inter, Arial, sans-serif;
}