/* ==========================================================================
   Villa page – templates/page-vila.php
   ========================================================================== */

.be_vintro {
	background: var(--be-color-white);
}

.be_vintro .be_two {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: start;
}

.be_vintro-photos {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.be_vintro-photos img {
	width: 100%;
	height: auto;
	aspect-ratio: 520 / 670;
	object-fit: cover;
}

.be_vintro-photos img:nth-child(2) {
	margin-top: 60px;
}

/* Full-bleed photo slider */
.be_vslider {
	padding: 0 0 var(--be-pad-y);
	background: var(--be-color-white);
}

.be_vslider-track {
	gap: 16px;
	padding: 0 var(--be-pad-x);
	scroll-padding-left: var(--be-pad-x);
}

.be_vslide {
	flex: 0 0 min(720px, 80vw);
	aspect-ratio: 3 / 2;
}

.be_vslider .be_slider-dots {
	margin-top: 32px;
}

.be_vslider .be_slider-dot {
	background: rgba(23, 26, 24, 0.25);
}

.be_vslider .be_slider-dot.is-active {
	background: var(--be-color-dark);
}

.be_vspaces {
	background: var(--be-color-light);
}

.be_vamen {
	background: var(--be-color-grey);
	color: var(--be-color-white);
}

.be_vamen .be_circles {
	margin-bottom: var(--be-gap);
}

.be_vphotos {
	background: var(--be-color-white);
}

.be_vrules {
	background: var(--be-color-light);
}

.be_vrules .be_two {
	align-items: start;
}

.be_vrules .be_sec-title {
	margin: 0;
}

.be_vothers {
	background: var(--be-color-white);
}

@media (max-width: 1024px) {
	.be_vintro .be_two {
		grid-template-columns: minmax(0, 1fr);
	}

	.be_vintro-photos img:nth-child(2) {
		margin-top: 40px;
	}
}

@media (max-width: 700px) {
	.be_vintro-photos {
		gap: 10px;
	}

	.be_vintro-photos img:nth-child(2) {
		margin-top: 24px;
	}

	.be_vslide {
		flex-basis: 86vw;
	}
}