/* Project gallery: one consistent frame for photos of mixed proportions.
   The photo is contained (never cropped) and the leftover space is filled with
   a blurred, scaled copy of the same photo. */
.bliving-fit {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #101334;
}

.bliving-fit__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* Scaled up so the blur does not reveal soft edges at the frame border. */
	transform: scale(1.2);
	filter: blur(26px) brightness(0.72) saturate(1.15);
}

.bliving-fit .carousel-img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

@supports not (aspect-ratio: 16 / 9) {
	.bliving-fit { height: 0; padding-bottom: 56.25%; }
	.bliving-fit .carousel-img,
	.bliving-fit__bg { position: absolute; inset: 0; }
}