/*# sourceMappingURL=frontend.css.map */

:root {
	--swiper-navigation-size: 20px;
	--swiper-navigation-sides-offset: 7px;
}

.residence__waitlist .btn, .residence__featured .btn {
	display: block;
	padding: 1rem;
	text-align: center;
	cursor: pointer;
	transition: all .4s ease-in-out;
	font-weight: 400 !important;
	font-size: 16px;
	line-height: 1;
	font-family: "Raleway", sans-serif;
	border-width: 2px;
	border-style: solid;
	text-transform: uppercase;
}

.residence__waitlist .btn:hover, .residence__featured .btn:hover {
	background-color: #0e192d;
	color: #fff;
	border-color: #0e192d;
}

.waitlist-show {
	display: none !important;
}

body.no-scroll {
	overflow: hidden;
}

.residence__featured h2 {
	font-size: 30px;
	line-height: 1.2;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.residence__featured h2 {
		font-size: 51px;
		line-height: 1;
		margin-bottom: 48px;
	}
}

.residence__featured .content_wrapper {
	display: grid;
	grid-template-columns: 100%;
	width: 95%;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.residence__featured .content_wrapper {
		grid-template-columns: 65% 35%;
		width: 100%;
	}
}

@media (min-width: 768px) {
	.residence__featured .image__col {
		margin-right: 40px;
	}
}

.residence__featured .image__additional .lightbox-trigger::after, .residence__featured .image__primary .lightbox-trigger::after {
	content: url("data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1.14286 0C0.510714 0 0 0.510714 0 1.14286V4.57143C0 5.20357 0.510714 5.71429 1.14286 5.71429C1.775 5.71429 2.28571 5.20357 2.28571 4.57143V2.28571H4.57143C5.20357 2.28571 5.71429 1.775 5.71429 1.14286C5.71429 0.510714 5.20357 0 4.57143 0H1.14286ZM2.28571 11.4286C2.28571 10.7964 1.775 10.2857 1.14286 10.2857C0.510714 10.2857 0 10.7964 0 11.4286V14.8571C0 15.4893 0.510714 16 1.14286 16H4.57143C5.20357 16 5.71429 15.4893 5.71429 14.8571C5.71429 14.225 5.20357 13.7143 4.57143 13.7143H2.28571V11.4286ZM11.4286 0C10.7964 0 10.2857 0.510714 10.2857 1.14286C10.2857 1.775 10.7964 2.28571 11.4286 2.28571H13.7143V4.57143C13.7143 5.20357 14.225 5.71429 14.8571 5.71429C15.4893 5.71429 16 5.20357 16 4.57143V1.14286C16 0.510714 15.4893 0 14.8571 0H11.4286ZM16 11.4286C16 10.7964 15.4893 10.2857 14.8571 10.2857C14.225 10.2857 13.7143 10.7964 13.7143 11.4286V13.7143H11.4286C10.7964 13.7143 10.2857 14.225 10.2857 14.8571C10.2857 15.4893 10.7964 16 11.4286 16H14.8571C15.4893 16 16 15.4893 16 14.8571V11.4286Z\" fill=\"%230A0A0A\"/></svg>");
	width: 32px;
	position: absolute;
	top: 8px;
	right: 8px;
	border-radius: 16px;
	background-color: hsla(0, 0%, 100%, .8);
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 5px;
}

.residence__featured .image__additional .lightbox-trigger:hover::after, .residence__featured .image__primary .lightbox-trigger:hover::after {
	background-color: #5c9994;
	content: url("data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1.14286 0C0.510714 0 0 0.510714 0 1.14286V4.57143C0 5.20357 0.510714 5.71429 1.14286 5.71429C1.775 5.71429 2.28571 5.20357 2.28571 4.57143V2.28571H4.57143C5.20357 2.28571 5.71429 1.775 5.71429 1.14286C5.71429 0.510714 5.20357 0 4.57143 0H1.14286ZM2.28571 11.4286C2.28571 10.7964 1.775 10.2857 1.14286 10.2857C0.510714 10.2857 0 10.7964 0 11.4286V14.8571C0 15.4893 0.510714 16 1.14286 16H4.57143C5.20357 16 5.71429 15.4893 5.71429 14.8571C5.71429 14.225 5.20357 13.7143 4.57143 13.7143H2.28571V11.4286ZM11.4286 0C10.7964 0 10.2857 0.510714 10.2857 1.14286C10.2857 1.775 10.7964 2.28571 11.4286 2.28571H13.7143V4.57143C13.7143 5.20357 14.225 5.71429 14.8571 5.71429C15.4893 5.71429 16 5.20357 16 4.57143V1.14286C16 0.510714 15.4893 0 14.8571 0H11.4286ZM16 11.4286C16 10.7964 15.4893 10.2857 14.8571 10.2857C14.225 10.2857 13.7143 10.7964 13.7143 11.4286V13.7143H11.4286C10.7964 13.7143 10.2857 14.225 10.2857 14.8571C10.2857 15.4893 10.7964 16 11.4286 16H14.8571C15.4893 16 16 15.4893 16 14.8571V11.4286Z\" fill=\"%23ffffff\"/></svg>");
}

.residence__featured .image__primary {
	margin-bottom: 1rem;
	aspect-ratio: 16/9;
	position: relative;
}

.residence__featured .image__primary img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.residence__featured .image__additional {
	overflow: hidden;
	position: relative;
	margin: 0 2rem;
}

.residence__featured .image__additional__container {
	position: relative;
}

.residence__featured .image__additional__container .swiper-custom {
	font-weight: 800;
}

.residence__featured .image__additional .swiper-slide {
	aspect-ratio: 16/9;
	overflow: hidden;
	max-height: 35%;
}

.residence__featured .image__additional .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width: 768px) {
	.residence__featured .image__additional .swiper-slide {
		max-height: 25%;
	}
}

.residence__featured .details__col {
	margin-top: .5rem;
}

.residence__featured .details__col h3 {
	font-size: 27px;
	margin-bottom: 14px;
}

@media (min-width: 768px) {
	.residence__featured .details__col h3 {
		font-size: 37px;
		margin-bottom: 24px;
		margin-top: 18px;
	}
}

.residence__featured .details__col h4 {
	font-family: "Raleway", sans-serif;
	font-weight: 500;
	font-size: 21px;
	margin-bottom: 14px;
	line-height: 1.6;
}

@media (min-width: 768px) {
	.residence__featured .details__col h4 {
		margin-bottom: 22px;
	}
}

.residence__featured .details__col ul {
	margin-bottom: 24px;
}

@media (min-width: 768px) {
	.residence__featured .details__col ul {
		margin-bottom: 41px;
	}
}

.residence__featured .details__col li {
	margin-bottom: .5rem;
	line-height: 1;
	font-size: 15px;
}

.residence__featured .details__col li::marker {
	font-size: 10px;
	line-height: 15px;
}

.residence__featured h2, .residence__featured h3, .residence__featured h4 {
	color: #0a0a0a;
	font-weight: 400;
}

.residence__featured p, .residence__featured ul, .residence__featured ol {
	color: #1c1c1c;
}

.residence__featured .btn {
	width: 100%;
	margin-bottom: 1rem;
	border-color: #0a0a0a;
	color: #0a0a0a;
}

@media (min-width: 768px) {
	.residence__featured {
		padding-right: calc(8.6805555556vw - 36.6666666667px);
		padding-left: calc(8.6805555556vw - 36.6666666667px);
	}
}

.residence__waitlist {
	min-height: 75vh;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding: 0 1rem;
}

.residence__waitlist__copy__container {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.residence__waitlist__copy p {
	color: #fff;
}

@media (min-width: 768px) {
	.residence__waitlist {
		margin-left: -7%;
		width: 100vw;
		padding: 0;
	}
	
	.residence__waitlist__copy__container {
		width: 45%;
		margin-left: 50%;
	}
}

.residence__waitlist h2 {
	color: #fff;
	font-size: 37px;
	font-weight: 400;
}

.residence__waitlist .btn {
	border-color: #fff;
	color: #fff;
	width: fit-content;
}

.basicLightbox {
	background: rgba(0, 0, 0, .2);
}

.basicLightbox__placeholder {
	background-color: #fff;
	padding: 3rem 1rem 1.25rem;
	width: 95%;
	max-height: 95%;
	overflow-y: auto;
}

.basicLightbox__placeholder img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
}

@media (min-width: 768px) {
	.basicLightbox__placeholder img {
		max-height: 85vh;
		max-width: 85vw;
	}
}

@media (min-width: 768px) {
	.basicLightbox__placeholder {
		max-width: 1160px;
		padding: 3rem 4rem;
		flex-basis: fit-content;
	}
}

.basicLightbox.microsite-modal .basicLightbox__placeholder {
	position: relative;
	height: 40%;
}

.basicLightbox.microsite-modal .basicLightbox__placeholder .iframe-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.basicLightbox.microsite-modal .basicLightbox__placeholder .iframe-container iframe {
	display: block;
}

@media (min-width: 768px) {
	.basicLightbox.microsite-modal .basicLightbox__placeholder {
		width: 80%;
		height: 80%;
		max-height: 653px;
		flex-basis: auto;
	}
}

.basicLightbox__close-btn {
	position: absolute;
	top: 3px;
	right: 1px;
	z-index: 10;
	color: #0a0a0a;
	border: none;
	font-size: 14px;
	line-height: 1;
	padding: 5px 10px;
	cursor: pointer;
	font-weight: 400;
	font-family: "Playfair", sans-serif;
}

.flex-align-top {
	align-items: baseline !important;
}