@font-face {
	font-family: "Aileron Light";
	src: url("fonts/aileron.light.otf") format("opentype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Rollgates Luxury";
	src: url("fonts/Rollgates-Luxury.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

* {
	box-sizing: border-box
}

html,
body {
	margin: 0;
	min-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #111
}

img {
	max-width: 100%;
	display: block
}

.lumina-hero {
	position: relative;
	height: 100vh;
	min-height: 100vh; 
	overflow: hidden;
	background: #83accf
}

.hero-bg {
	position: absolute;
	inset: 0;
	background: url("hero-banner.webp") center center/cover no-repeat;
	z-index: 1; 
	background-position: center center;
}

.site-header {
	position: relative;
	z-index: 3;
	width: 100%;
	padding-top: 24px
}

.brand-wrap {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: #000;
	margin-left: 18px
}

.brand-logo {
	width: 83px;
	height: auto
}

.rera-text {
	margin-top: 11px;
	color: #000;
	font-size: 8px;
	line-height: 1.25;
	text-align: center;
	font-weight: 600
}

.main-nav {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: clamp(30px, 4vw, 58px);
	padding-top: 20px;
	padding-right: 50px;
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
}

.main-nav a {
	color: rgba(0, 0, 0, .72);
	text-decoration: none;
	font-size: 16px;
	font-weight: 300;
	line-height: 1;
	white-space: nowrap
}

.main-nav a:hover {
	color: #000
}

.enquire-btn {
	min-width: 150px;
	height: 50px;
	padding: 0 20px;
	border: 0;
	border-radius: 5px;
	background: #000;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
}

.enquire-btn:hover {
	background: #1a1a1a;
	color: #fff
}

/* Second section */
.community-section {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
	background: #842815;
	color: #fff;
	padding: 76px 0 62px
}

.community-inner {
	width: min(100%, 1740px);
	margin: 0 auto
}

.community-title-wrap h2 {
	margin: 0;
	font-size: clamp(40px, 4.2vw, 72px);
	font-weight: 300;
	line-height: 1.15;
	letter-spacing: 2px;
	text-transform: uppercase
}

.community-title-wrap p {
	margin: 26px 0 32px;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: .8px;
	color: rgba(255, 255, 255, .75)
}

.community-title-wrap button {
	width: 148px;
	height: 34px;
	border: 0;
	border-radius: 6px;
	background: #020202;
	color: #fff;
	font-size: 11px
}

.community-grid {
	position: relative;
	display: grid;
	grid-template-columns: 1fr minmax(360px, 720px) 1fr;
	align-items: end;
	gap: 70px;
	margin-top: 52px;
	padding: 0 130px
}

.stat-list {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 610px;
	padding-bottom: 230px
}

.stat-right {
	text-align: right
}

.stat-item strong {
	display: block;
	font-size: clamp(39px, 3vw, 56px);
	font-weight: 300;
	line-height: 1;
	color: #fff
}

.stat-item span {
	display: block;
	margin-top: 18px;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: .3px;
	color: rgba(255, 255, 255, .72)
}

.stat-item.top {
	margin-bottom: 30px
}

.arch-wrap {
	position: relative;
	width: 100%;
	height: 720px;
	align-self: end
}

.arch-img {
	position: absolute;
	left: 50%;
	bottom: 82px;
	transform: translateX(-50%);
	width: 620px;
	height: 675px;
	object-fit: cover;
	border-radius: 320px 320px 24px 24px;
	z-index: 3
}

.line {
	position: absolute;
	height: 1px;
	background: rgba(255, 255, 255, .13);
	z-index: 1
}

.line-a {
	left: -210px;
	top: 0;
	width: 310px
}

.line-b {
	right: -210px;
	top: 0;
	width: 310px
}

.line-c {
	left: -205px;
	top: 250px;
	width: 275px
}

.line-d {
	right: -205px;
	top: 250px;
	width: 275px
}

.line-a:after,
.line-b:after,
.line-c:after,
.line-d:after {
	content: "";
	position: absolute;
	top: 0;
	width: 250px;
	height: 330px;
	border-top: 1px solid rgba(255, 255, 255, .13)
}

.line-a:after,
.line-c:after {
	right: -250px;
	border-right: 1px solid rgba(255, 255, 255, .13);
	border-radius: 0 330px 0 0
}

.line-b:after,
.line-d:after {
	left: -250px;
	border-left: 1px solid rgba(255, 255, 255, .13);
	border-radius: 330px 0 0 0
}

.line-c:after,
.line-d:after {
	height: 200px
}

.bottom-line {
	position: absolute;
	bottom: 0;
	width: 1px;
	height: 150px;
	background: rgba(255, 255, 255, .13);
	z-index: 1
}

.b1 {
	left: 44%
}

.b2 {
	left: 49%
}

.b3 {
	left: 54%
}

.b4 {
	left: 59%
}

/* Third section */
.story-section {
	position: relative;
	overflow: hidden;
	background: #fff;
	color: #171717;
	padding: 128px 5.45% 126px;
	display: grid;
	grid-template-columns: minmax(280px, 23.2%) minmax(0, 1fr);
	column-gap: 6.2%;
	align-items: center;
}

.story-pattern {
	position: absolute;
	top: 0;
	right: 0;
	width: 32.6%;
	height: 100%;
	background-color: #f5f2ed;
	background-image:
		repeating-radial-gradient(ellipse at center, rgba(152, 126, 92, .16) 0 1px, transparent 1px 11px),
		repeating-linear-gradient(90deg, rgba(152, 126, 92, .07) 0 1px, transparent 1px 17px);
	opacity: .82;
	z-index: 1;
}

.story-copy {
	position: relative;
	z-index: 3;
	width: 100%;
	max-width: 330px;
}

.story-copy h3 {
	margin: 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: clamp(24px, 1.55vw, 33px);
	font-weight: 300;
	line-height: 1.14;
	letter-spacing: .15px;
	text-transform: uppercase;
}

.story-copy h4 {
	margin: 0 0 20px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(18px, 1.12vw, 24px);
	font-weight: 300;
	line-height: 1.08;
	letter-spacing: .1px;
	text-transform: uppercase;
}

.story-copy p {
	margin: 0 0 16px;
	max-width: 318px;
	font-size: 14px;
	font-weight: 300;
	line-height: 2.05;
	color: #262626;
}

.story-image-frame {
	position: relative;
	z-index: 2;
	width: 100%;
	height: clamp(470px, 36vw, 610px);
	overflow: hidden;
	background: #eee;
}

.story-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

@media(max-width:1199.98px) {
	.story-section {
		padding: 96px 4% 98px;
		grid-template-columns: minmax(260px, 31%) minmax(0, 1fr);
		column-gap: 4%;
	}

	.story-copy {
		max-width: 300px
	}

	.story-copy h4 {
		margin-bottom: 46px
	}

	.story-copy p {
		font-size: 13px;
		line-height: 1.85
	}

	.story-image-frame {
		height: 480px;
	}
}

@media(max-width:991.98px) {
	.story-section {
		padding: 64px 28px 76px;
		display: block
	}

	.story-pattern {
		width: 38%;
	}

	.story-copy {
		width: 100%;
		max-width: 540px;
		margin: 0 0 36px
	}

	.story-copy h4 {
		margin-bottom: 34px
	}

	.story-copy p {
		max-width: 100%
	}

	.story-image-frame {
		width: 100%;
		height: 480px
	}
}

@media(max-width:575.98px) {
	.story-section {
		padding: 50px 20px 56px
	}

	.story-pattern {
		width: 46%;
		opacity: .55
	}

	.story-copy h3 {
		font-size: 28px
	}

	.story-copy h4 {
		font-size: 18px;
		margin-bottom: 28px
	}

	.story-copy p {
		font-size: 13px;
		line-height: 1.75
	}

	.story-image-frame {
		height: 330px
	}
}


/* Fourth section - Interiors */
.interiors-section {
	position: relative;
	overflow: hidden;
	background: #fff;
	color: #111;
	padding: 128px 0;
}

.interiors-pattern-left,
.interiors-pattern-top {
	position: absolute;
	pointer-events: none;
	background-color: #f5f2ed;
	background-image:
		repeating-radial-gradient(ellipse at center, rgba(150, 126, 96, .14) 0 1px, transparent 1px 11px),
		repeating-linear-gradient(90deg, rgba(150, 126, 96, .06) 0 1px, transparent 1px 17px);
	opacity: .82;
	z-index: 1;
}

.interiors-pattern-left {
	left: 0;
	top: 0;
	width: 32.65%;
	height: 100%;
}

.interiors-pattern-top {
	right: 0;
	top: 0;
	width: 32.65%;
	height: 76px;
}

.interiors-layout {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 66.05%) minmax(320px, 33.95%);
	align-items: center;
	padding: 0 5.25%;
	column-gap: 4.25%;
}

.interiors-image-wrap {
	width: 100%;
	height: clamp(470px, 35vw, 595px);
	overflow: hidden;
	background: #eee;
}

.interiors-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.interiors-copy {
	width: 100%;
	max-width: 420px;
	justify-self: start;
}

.interiors-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 128px;
	height: 34px;
	margin-bottom: 48px;
	padding: 0 30px;
	border-radius: 999px;
	background: #c3d7ad;
	color: #111;
	font-size: 14px;
	font-weight: 300;
	line-height: 1;
}

.interiors-copy h2 {
	margin: 0 0 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: clamp(27px, 1.65vw, 36px);
	font-weight: 300;
	line-height: 1.16;
	letter-spacing: .05px;
	text-transform: uppercase;
}

.interiors-copy h3 {
	margin: 0 0 20px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(21px, 1.18vw, 27px);
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: .1px;
	text-transform: uppercase;
}

.interiors-copy p {
	margin: 0;
	max-width: 385px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.82;
	color: #232323;
}

.interiors-slider {
	display: flex;
	align-items: center;
	gap: 42px;
	margin-top: 78px;
}

.interiors-slider strong {
	font-size: 19px;
	font-weight: 400;
	color: #111;
	line-height: 1;
}

.interiors-slider button {
	width: 34px;
	height: 34px;
	border: 0;
	background: transparent;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.interiors-slider span {
	display: block;
	width: 25px;
	height: 25px;
	border-left: 2px solid #dcdcdc;
	border-bottom: 2px solid #dcdcdc;
	transform: rotate(45deg);
}

.interiors-slider button:last-child span {
	border-color: #111;
	transform: rotate(-135deg);
}

@media(max-width:1199.98px) {
	.interiors-section {
		padding: 98px 0;
	}

	.interiors-layout {
		grid-template-columns: minmax(0, 62%) minmax(300px, 38%);
		padding: 0 4%;
		column-gap: 3.5%;
	}

	.interiors-image-wrap {
		height: 480px;
	}

	.interiors-copy h3 {
		margin-bottom: 46px
	}

	.interiors-copy p {
		font-size: 14px;
		line-height: 1.75
	}

	.interiors-slider {
		margin-top: 52px
	}
}

@media(max-width:991.98px) {
	.interiors-section {
		padding: 70px 28px 78px;
	}

	.interiors-pattern-left {
		width: 45%;
		opacity: .55
	}

	.interiors-pattern-top {
		display: none
	}

	.interiors-layout {
		display: flex;
		flex-direction: column;
		padding: 0;
		gap: 38px;
		align-items: stretch;
	}

	.interiors-image-wrap {
		order: 1;
		width: 100%;
		height: 460px;
		margin: 0;
	}

	.interiors-copy {
		order: 2;
		max-width: 620px;
		margin: 0;
	}

	.interiors-pill {
		margin-bottom: 30px
	}

	.interiors-copy h3 {
		margin-bottom: 34px
	}

	.interiors-copy p {
		max-width: 100%
	}

	.interiors-slider {
		margin-top: 42px
	}
}

@media(max-width:575.98px) {
	.interiors-section {
		padding: 54px 20px 62px;
	}

	.interiors-pattern-left {
		width: 58%;
	}

	.interiors-image-wrap {
		height: 315px;
	}

	.interiors-pill {
		height: 28px;
		min-width: 108px;
		font-size: 12px;
		margin-bottom: 26px;
	}

	.interiors-copy h2 {
		font-size: 27px
	}

	.interiors-copy h3 {
		font-size: 19px;
		margin-bottom: 26px
	}

	.interiors-copy p {
		font-size: 13.5px;
		line-height: 1.7
	}

	.interiors-slider {
		gap: 30px;
		margin-top: 36px
	}

	.interiors-slider strong {
		font-size: 16px;
	}
}


/* Fifth section - Exteriors */
.exteriors-section {
	position: relative;
	overflow: hidden;
	background: #fff;
	color: #111;
	padding: 126px 5.15%;
	display: grid;
	grid-template-columns: minmax(340px, 28.5%) minmax(0, 1fr);
	column-gap: 7.4%;
	align-items: center;
}

.exteriors-pattern {
	position: absolute;
	right: 0;
	top: 0;
	width: 32.7%;
	height: 100%;
	pointer-events: none;
	background-color: #f5f2ed;
	background-image:
		repeating-radial-gradient(ellipse at center, rgba(150, 126, 96, .14) 0 1px, transparent 1px 11px),
		repeating-linear-gradient(90deg, rgba(150, 126, 96, .06) 0 1px, transparent 1px 17px);
	opacity: .82;
	z-index: 1;
}

.exteriors-copy {
	position: relative;
	z-index: 3;
	width: 100%;
	max-width: 430px;
}

.exteriors-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 128px;
	height: 34px;
	margin-bottom: 48px;
	padding: 0 30px;
	border-radius: 999px;
	background: #c3d7ad;
	color: #111;
	font-size: 14px;
	font-weight: 300;
	line-height: 1;
}

.exteriors-copy h2 {
	margin: 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: clamp(28px, 1.66vw, 36px);
	font-weight: 300;
	line-height: 1.15;
	letter-spacing: .05px;
	text-transform: uppercase;
}

.exteriors-copy h3 {
	margin: 0 0 20px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(21px, 1.18vw, 27px);
	font-weight: 300;
	line-height: 1.22;
	letter-spacing: .1px;
	text-transform: uppercase;
}

.exteriors-copy p {
	margin: 0;
	max-width: 420px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.82;
	color: #232323;
}

.exteriors-slider {
	display: flex;
	align-items: center;
	gap: 42px;
	margin-top: 76px;
}

.exteriors-slider strong {
	font-size: 19px;
	font-weight: 400;
	color: #111;
	line-height: 1;
}

.exteriors-slider button {
	width: 34px;
	height: 34px;
	border: 0;
	background: transparent;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.exteriors-slider span {
	display: block;
	width: 25px;
	height: 25px;
	border-left: 2px solid #dcdcdc;
	border-bottom: 2px solid #dcdcdc;
	transform: rotate(45deg);
}

.exteriors-slider button:last-child span {
	border-color: #111;
	transform: rotate(-135deg);
}

.exteriors-image-wrap {
	position: relative;
	z-index: 2;
	width: 100%;
	height: clamp(470px, 36vw, 620px);
	overflow: hidden;
	background: #eee;
}

.exteriors-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media(max-width:1199.98px) {
	.exteriors-section {
		padding: 96px 4%;
		grid-template-columns: minmax(320px, 34%) minmax(0, 1fr);
		column-gap: 4%;
	}

	.exteriors-copy p {
		font-size: 14px;
		line-height: 1.75
	}

	.exteriors-copy h3 {
		margin-bottom: 42px
	}

	.exteriors-slider {
		margin-top: 48px
	}

	.exteriors-image-wrap {
		height: 480px;
	}
}

@media(max-width:991.98px) {
	.exteriors-section {
		padding: 70px 28px 78px;
		display: flex;
		flex-direction: column;
		gap: 38px;
	}

	.exteriors-pattern {
		width: 45%;
		opacity: .55;
	}

	.exteriors-copy {
		width: 100%;
		max-width: 620px;
		order: 2;
	}

	.exteriors-image-wrap {
		width: 100%;
		height: 460px;
		order: 1;
	}

	.exteriors-pill {
		margin-bottom: 30px
	}

	.exteriors-copy h3 {
		margin-bottom: 34px
	}

	.exteriors-copy p {
		max-width: 100%;
	}

	.exteriors-slider {
		margin-top: 42px;
	}
}

@media(max-width:575.98px) {
	.exteriors-section {
		padding: 54px 20px 62px;
	}

	.exteriors-pattern {
		width: 58%;
	}

	.exteriors-image-wrap {
		height: 315px;
	}

	.exteriors-pill {
		height: 28px;
		min-width: 108px;
		font-size: 12px;
		margin-bottom: 26px;
	}

	.exteriors-copy h2 {
		font-size: 27px
	}

	.exteriors-copy h3 {
		font-size: 19px;
		margin-bottom: 26px
	}

	.exteriors-copy p {
		font-size: 13.5px;
		line-height: 1.7
	}

	.exteriors-slider {
		gap: 30px;
		margin-top: 36px
	}

	.exteriors-slider strong {
		font-size: 16px;
	}
}

/* Sixth section - Lushscape */
.lushscape-section {
	position: relative;
	height: 100vh;
	min-height: 720px;
	overflow: hidden;
	background: url("sunrise.webp") center center/cover no-repeat;
	color: #fff
}

.lushscape-shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .02) 43%, rgba(9, 10, 18, .35) 64%, rgba(10, 10, 18, .62) 100%);
	z-index: 1
}

.lushscape-title {
	position: absolute;
	left: 53.8%;
	top: 66.2%;
	z-index: 2;
	transform: translate(-50%, -50%);
	width: 360px
}

.lushscape-title h2 {
	margin: 0;
	font-size: clamp(28px, 1.9vw, 40px);
	font-weight: 300;
	line-height: 1.65;
	letter-spacing: .55px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .92)
}

.lushscape-copy {
	position: absolute;
	right: 8.6%;
	top: 30.4%;
	z-index: 2;
	width: min(520px, 29vw)
}

.lushscape-copy p {
	margin: 0;
	font-size: clamp(17px, 1.08vw, 22px);
	font-weight: 300;
	line-height: 1.52;
	letter-spacing: -.15px;
	color: rgba(255, 255, 255, .78)
}

/* Seventh section - Amenities */
.amenities-section {
	position: relative;
	overflow: hidden;
	padding: 80px 0 100px;
	background: #fff;
	color: #101010
}

.amenities-container {
	max-width: 1920px;
	padding-left: 0;
	padding-right: 0
}

.amenities-heading h2 {
	margin: 0;
	font-size: clamp(36px, 3.05vw, 64px);
	font-weight: 300;
	line-height: 1.19;
	letter-spacing: 2.7px;
	text-transform: uppercase
}

.amenities-tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	margin-top: 50px;
	margin-bottom: 70px
}

.amenities-tabs button {
	min-width: 130px;
	height: 34px;
	padding: 0 28px;
	border: 0;
	border-radius: 999px;
	background: #c3d7ad;
	color: #101710;
	font-size: 13px
}

.amenities-gallery {
	width: 100%;
	overflow: hidden
}

.amenity-col {
	padding: 0 9px
}

.amenity-img {
	width: 100%;
	height: 480px;
	object-fit: cover
}

.amenities-slider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 45px;
	margin-top: 48px
}

.amenities-slider strong {
	font-size: 20px;
	font-weight: 400
}

.amenities-slider button {
	width: 32px;
	height: 32px;
	border: 0;
	background: transparent;
	padding: 0
}

.amenities-slider span {
	display: block;
	width: 26px;
	height: 26px;
	border-left: 3px solid #101010;
	border-bottom: 3px solid #101010;
	transform: rotate(45deg)
}

.amenities-slider button:last-child span {
	transform: rotate(-135deg)
}


/* Eighth section */
.modernity-section {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
	background: #8d321e;
	color: #fff;
}

.modernity-section:before {
	content: "";
	position: absolute;
	inset: 0;

	background-size: 38px 38px;
	pointer-events: none
}

.modernity-section:after {
	content: "";
	position: absolute;
	inset: 0;

	pointer-events: none
}

.modernity-container {
	position: relative;
	z-index: 2;
	min-height: 100vh;
	padding: 0 12.5vw
}

.modernity-row {
	padding-bottom: 45px
}

.modernity-art-col {
	display: flex;
	justify-content: center;
	align-items: center
}

.modernity-art {
	position: relative;
	width: min(820px, 48vw);
	height: min(560px, 34vw);
	margin-top: 12px;
	opacity: .92
}

.modernity-art:before {
	content: "";
	position: absolute;
	left: 4%;
	right: 0;
	top: 2%;
	bottom: 0;
	background: url("https://images.unsplash.com/photo-1503454537195-1dcabb73ffb9?auto=format&fit=crop&w=1200&q=85") center center/cover no-repeat;
	filter: grayscale(1) contrast(2.8) brightness(1.85) invert(1);
	mix-blend-mode: screen;
	opacity: .7
}

.modernity-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(1) contrast(2.4) brightness(1.85) invert(1);
	mix-blend-mode: screen;
	opacity: .52
}

.modernity-copy {
	max-width: 620px;
	margin-left: 35px;
	margin-top: 4vh
}

.modernity-copy h2 {
	margin: 0 0 12px;
	font-size: clamp(42px, 3vw, 64px);
	font-weight: 300;
	line-height: 1;
	letter-spacing: .8px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .95)
}

.modernity-copy h3 {
	margin: 0 0 64px;
	font-family: Georgia, serif;
	font-size: clamp(24px, 1.7vw, 38px);
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: .2px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .82)
}

.modernity-copy p {
	max-width: 605px;
	margin: 0;
	font-size: clamp(16px, 1.03vw, 21px);
	font-weight: 300;
	line-height: 1.95;
	color: rgba(255, 255, 255, .84)
}

.modernity-slider {
	position: absolute;
	z-index: 4;
	left: 50%;
	bottom: 86px;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 42px
}

.modernity-slider strong {
	font-size: 21px;
	font-weight: 400;
	color: rgba(255, 255, 255, .9)
}

.modernity-slider button {
	width: 34px;
	height: 34px;
	border: 0;
	background: transparent;
	padding: 0
}

.modernity-slider span {
	display: block;
	width: 29px;
	height: 29px;
	border-left: 3px solid rgba(255, 255, 255, .92);
	border-bottom: 3px solid rgba(255, 255, 255, .92);
	transform: rotate(45deg)
}

.modernity-slider button:last-child span {
	transform: rotate(-135deg)
}

@media(max-width:1199.98px) {
	.modernity-container {
		padding: 0 6vw
	}

	.modernity-art {
		width: min(720px, 55vw);
		height: 420px
	}

	.modernity-copy {
		margin-left: 0
	}

	.main-nav {
		gap: 28px;
		padding-left: 40px
	}

	.community-grid {
		grid-template-columns: 1fr;
		gap: 30px;
		padding: 0 30px
	}

	.stat-list {
		height: auto;
		padding: 0;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
		text-align: center
	}

	.stat-right {
		text-align: center
	}

	.arch-wrap {
		height: 560px
	}

	.arch-img {
		width: min(520px, 90vw);
		height: 520px
	}

	.line,
	.bottom-line {
		display: block !important;
	}

	.story-container {
		padding: 0 35px
	}

	.story-copy-side {
		padding-left: 25px
	}

	.lushscape-title {
		left: 50%;
		top: 58%;
		width: 320px
	}

	.lushscape-copy {
		right: 5%;
		top: 24%;
		width: 420px
	}
}

@media(max-width:991.98px) {
	.modernity-section {
		min-height: auto
	}

	.modernity-container {
		padding: 90px 30px 130px
	}

	.modernity-row {
		min-height: auto !important;
		padding-bottom: 0
	}

	.modernity-art {
		width: 100%;
		height: 430px;
		margin-bottom: 45px
	}

	.modernity-copy {
		max-width: 100%;
		margin: 0
	}

	.modernity-copy h3 {
		margin-bottom: 35px
	}

	.modernity-slider {
		bottom: 55px
	}

	.brand-wrap {
		margin-left: 0
	}

	.brand-logo {
		width: 76px
	}

	.community-section {
		padding: 60px 0
	}

	.community-title-wrap h2 {
		font-size: 38px
	}

	.community-title-wrap p {
		margin: 18px 0
	}

	.stat-list {
		grid-template-columns: 1fr
	}

	.arch-wrap {
		height: 480px
	}

	.arch-img {
		bottom: 20px;
		width: min(420px, 90vw);
		height: 430px
	}

	.story-section {
		padding-top: 70px
	}

	.story-row {
		margin-bottom: 80px
	}

	.story-image-top,
	.story-exterior {
		padding-left: 0
	}

	.story-copy-first,
	.story-copy-side,
	.story-copy-bottom {
		padding: 0 0 35px
	}

	.story-copy p {
		max-width: 100%
	}

	.story-img,
	.story-image-top .story-img,
	.story-exterior .story-img {
		height: 420px
	}

	.pattern-block {
		display: none
	}

	.lushscape-section {
		min-height: 760px
	}

	.lushscape-title {
		left: 50%;
		top: 63%;
		width: 300px;
		text-align: left
	}

	.lushscape-copy {
		left: 50%;
		right: auto;
		top: 18%;
		transform: translateX(-50%);
		width: calc(100% - 50px)
	}

	.amenities-section {
		padding: 80px 0
	}

	.amenities-tabs {
		flex-wrap: wrap;
		margin-bottom: 40px
	}

	.amenity-col {
		padding: 8px 18px
	}

	.amenity-img {
		height: 360px
	}
}

@media(max-width:575.98px) {
	.modernity-container {
		padding: 70px 20px 110px
	}

	.modernity-art {
		height: 300px
	}

	.modernity-copy h2 {
		font-size: 32px
	}

	.modernity-copy h3 {
		font-size: 19px;
		margin-bottom: 26px
	}

	.modernity-copy p {
		font-size: 15px;
		line-height: 1.75
	}

	.modernity-slider {
		gap: 28px
	}

	.modernity-slider strong {
		font-size: 16px
	}

	.brand-logo {
		width: 64px
	}

	.rera-text {
		font-size: 7px;
		margin-top: 8px
	}

	.enquire-btn {
		min-width: 76px;
		height: 28px;
		padding: 0 16px;
		font-size: 11px;
		line-height: 28px
	}

	.community-title-wrap h2 {
		font-size: 31px
	}

	.stat-item strong {
		font-size: 32px
	}

	.stat-item span {
		font-size: 12px
	}

	.story-container {
		padding: 0 20px
	}

	.story-img,
	.story-image-top .story-img,
	.story-exterior .story-img {
		height: 310px
	}

	.lushscape-copy p {
		font-size: 16px
	}

	.lushscape-title h2 {
		font-size: 27px
	}

	.amenities-heading h2 {
		font-size: 28px;
		letter-spacing: 1.1px
	}

	.amenity-img {
		height: 260px
	}
}


/* Seventh section - Master plan */
.masterplan-section {
	position: relative;
	overflow: hidden;
	background: #fff;
	color: #111;
	padding: 170px 0 130px;
	min-height: 100vh
}

.masterplan-container {
	position: relative;
	max-width: 1780px;
	margin: 0 auto;
	padding: 0 95px
}

.masterplan-title {
	text-align: center;
	margin: 0 0 35px;
	font-size: clamp(30px, 2vw, 45px);
	font-weight: 300;
	letter-spacing: .5px;
	text-transform: uppercase
}

.masterplan-board {
	position: relative;
	width: min(1420px, 86vw);
	height: 760px;
	margin: 0 auto
}

.lake-shape {
	position: absolute;
	left: -80px;
	right: -35px;
	top: 0;
	height: 375px;
	background: #b8e7f0;
	opacity: .9;
	clip-path: polygon(8% 68%, 13% 47%, 18% 35%, 30% 23%, 51% 18%, 65% 10%, 82% 8%, 91% 16%, 97% 28%, 99% 41%, 98% 56%, 95% 60%, 68% 62%, 48% 68%, 24% 70%, 12% 88%, 7% 96%, 3% 85%, 2% 76%);
	filter: saturate(.9);
	z-index: 1
}

.lake-shape:after {
	content: "";
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(-8deg, rgba(255, 255, 255, .18) 0 2px, transparent 2px 9px);
	opacity: .45
}

.plan-map {
	position: absolute;
	left: 50%;
	top: 205px;
	transform: translateX(-50%);
	width: min(1280px, 82vw);
	height: 575px;
	background: #7b9159;
	border-radius: 0;
	box-shadow: 0 15px 35px rgba(0, 0, 0, .18);
	overflow: visible;
	z-index: 2
}

.plan-base-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .58;
	filter: saturate(.8) contrast(.95)
}

.plan-map:before {
	content: "";
	position: absolute;
	inset: 72px 42px 54px;
	border: 24px solid rgba(216, 197, 126, .9);
	border-radius: 46px;
	z-index: 2
}

.plan-map:after {
	content: "";
	position: absolute;
	inset: 108px 88px 92px;
	background: rgba(190, 185, 166, .68);
	z-index: 2
}

.neighborhood-label {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 126px;
	background: rgba(63, 101, 52, .72);
	z-index: 3;
	color: #fff;
	font-size: clamp(34px, 3vw, 58px);
	font-weight: 300;
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: .3px
}

.track {
	position: absolute;
	z-index: 5;
	color: #2f2f2f;
	font-size: 11px
}

.top-track {
	top: 142px;
	left: 34%;
}

.bottom-track {
	bottom: 45px;
	left: 26%
}

.left-track {
	left: 92px;
	top: 295px;
	transform: rotate(-72deg)
}

.right-track {
	right: 8px;
	top: 285px;
	transform: rotate(90deg)
}

.play-strip {
	position: absolute;
	z-index: 4;
	left: 40%;
	right: 10%;
	top: 157px;
	height: 60px;
	display: flex;
	gap: 14px;
	align-items: center;
	overflow: hidden
}

.play-strip i {
	display: block;
	width: 150px;
	height: 42px;
	border-radius: 999px;
	background: #e4c967
}

.play-strip i:nth-child(2) {
	background: #1397a0
}

.play-strip i:nth-child(3) {
	background: #ef7625
}

.play-strip i:nth-child(4) {
	background: #6b78b8
}

.play-strip i:nth-child(5) {
	background: #e6d278
}

.sand-pit {
	position: absolute;
	right: 305px;
	bottom: 100px;
	width: 135px;
	height: 88px;
	background: #e8d58c;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #111;
	font-size: 15px
}

.unit-card {
	position: absolute;
	z-index: 6;
	width: 124px;
	height: 112px;
	background: #f7f1e4;
	border: 1px solid rgba(0, 0, 0, .18);
	box-shadow: 0 4px 12px rgba(0, 0, 0, .22);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #9b642e;
	font-size: 14px;
	line-height: 1.08
}

.unit-card b {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	margin-bottom: 6px;
	border-radius: 50%;
	background: #f47b2b;
	color: #fff;
	font-size: 18px;
	line-height: 1
}

.unit-card span {
	font-weight: 600
}

.c4 {
	left: 100px;
	top: 250px
}

.c3 {
	left: 70px;
	top: 390px
}

.c2 {
	left: 185px;
	top: 420px
}

.e5 {
	left: 260px;
	top: 155px
}

.b4 {
	left: 425px;
	top: 150px
}

.b5 {
	left: 555px;
	top: 150px
}

.b6 {
	left: 690px;
	top: 150px
}

.a3 {
	left: 825px;
	top: 150px
}

.a4 {
	right: 80px;
	top: 150px
}

.c1 {
	left: 310px;
	top: 320px
}

.b3 {
	left: 470px;
	top: 350px
}

.b2 {
	left: 600px;
	top: 350px
}

.b1 {
	left: 735px;
	top: 315px
}

.a5 {
	right: 92px;
	top: 330px
}

.a2 {
	left: 840px;
	bottom: 35px
}

.a1 {
	right: 83px;
	bottom: 35px
}

@media(max-width:1199.98px) {
	.masterplan-container {
		padding: 0 35px
	}

	.masterplan-board {
		width: 100%;
		height: 680px
	}

	.plan-map {
		width: 94vw;
		height: 500px;
		top: 185px
	}

	.unit-card {
		transform: scale(.82);
		transform-origin: center
	}

	.lake-shape {
		left: -50px;
		right: -50px
	}

	.neighborhood-label {
		height: 105px
	}

	.plan-map:before {
		inset: 62px 30px 44px
	}

	.plan-map:after {
		inset: 100px 70px 82px
	}
}

@media(max-width:991.98px) {
	.masterplan-section {
		padding: 90px 0 80px;
		min-height: auto
	}

	.masterplan-board {
		height: 560px;
		overflow-x: auto;
		overflow-y: hidden
	}

	.plan-map {
		left: 0;
		transform: none;
		width: 980px;
		height: 430px;
		top: 145px
	}

	.lake-shape {
		width: 980px;
		right: auto;
		height: 280px
	}

	.masterplan-title {
		text-align: left;
		padding-left: 12px
	}

	.unit-card {
		transform: scale(.64)
	}

	.neighborhood-label {
		font-size: 34px;
		height: 82px
	}

	.plan-map:before {
		inset: 50px 24px 35px;
		border-width: 16px
	}

	.plan-map:after {
		inset: 76px 58px 64px
	}

	.play-strip {
		top: 105px
	}

	.track {
		font-size: 9px
	}

	.sand-pit {
		transform: scale(.75)
	}
}

@media(max-width:575.98px) {
	.masterplan-container {
		padding: 0 18px
	}

	.masterplan-title {
		font-size: 28px
	}

	.masterplan-board {
		height: 500px
	}

	.plan-map {
		width: 850px;
		height: 370px;
		top: 120px
	}

	.lake-shape {
		width: 850px;
		height: 230px
	}

	.neighborhood-label {
		font-size: 27px
	}

	.unit-card {
		transform: scale(.52)
	}
}


/* Twelfth section - Specifications */
.specifications-section {
	background: #fff;
	color: #222;
	overflow: hidden;
	padding: 38px 0 42px
}

.specs-container {
	width: 100%;
	max-width: none
}

.specs-title {
	margin: 0 0 24px;
	text-align: center;
	font-size: clamp(28px, 2vw, 40px);
	font-weight: 300;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: .2px
}

.specs-hero {
	width: 100%;
	height: 455px;
	overflow: hidden;
	background: #eee
}

.specs-hero-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.specs-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	background: #fff;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	min-height: 735px
}

.specs-col {
	padding: 58px 70px 64px;
	border-left: 1px solid #d8d8d8
}

.specs-col:first-child {
	border-left: 0
}

.specs-block {
	margin-bottom: 34px
}

.specs-block h3 {
	margin: 0 0 6px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.15;
	text-transform: uppercase;
	color: #252525
}

.specs-block p {
	margin: 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.25;
	color: #2d2d2d
}

.specs-block:last-child {
	margin-bottom: 0
}

@media(max-width:1199.98px) {
	.specs-col {
		padding: 48px 38px
	}

	.specs-block p {
		font-size: 13px
	}

	.specs-hero {
		height: 390px
	}
}

@media(max-width:991.98px) {
	.specifications-section {
		padding-top: 32px
	}

	.specs-grid {
		grid-template-columns: 1fr;
		min-height: auto
	}

	.specs-col {
		border-left: 0;
		border-top: 1px solid #d8d8d8;
		padding: 42px 34px
	}

	.specs-col:first-child {
		border-top: 0
	}

	.specs-hero {
		height: 320px
	}

	.specs-title {
		margin-bottom: 18px
	}
}

@media(max-width:575.98px) {
	.specifications-section {
		padding-top: 28px
	}

	.specs-hero {
		height: 240px
	}

	.specs-col {
		padding: 34px 22px
	}

	.specs-block {
		margin-bottom: 26px
	}

	.specs-block h3 {
		font-size: 13px
	}

	.specs-block p {
		font-size: 12.5px;
		line-height: 1.35
	}
}


/* Thirteenth section - Enquiry */
.enquiry-section {
	background: #fff;
	color: #151515;
	min-height: 665px;
	padding: 118px 0 90px;
	display: flex;
	align-items: flex-start;
	overflow: hidden
}

.enquiry-container {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 34px
}

.enquiry-heading {
	margin-left: 0;
	margin-bottom: 78px
}

.enquiry-heading h2 {
	margin: 0;
	font-size: clamp(30px, 1.75vw, 36px);
	font-weight: 300;
	line-height: 1.18;
	letter-spacing: -.8px;
	color: #111
}

.enquiry-form {
	width: 100%
}

.enquiry-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 94px;
	row-gap: 62px
}

.enquiry-field {
	display: block;
	margin: 0
}

.enquiry-field .field-label {
	display: block;
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: 300;
	line-height: 1;
	color: #111
}

.enquiry-field input,
.enquiry-field select {
	display: block;
	width: 100%;
	height: 32px;
	border: 0;
	border-bottom: 1px solid #d2d2d2;
	background: transparent;
	border-radius: 0;
	outline: 0;
	padding: 0;
	font-size: 16px;
	color: #111;
	box-shadow: none;
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important
}

.enquiry-field select {
	appearance: auto;
	cursor: pointer
}

.enquiry-field input:focus,
.enquiry-field select:focus {
	border-bottom-color: #111
}

.enquiry-action {
	display: flex;
	justify-content: flex-end;
	margin-top: 104px
}

.enquiry-action button {
	min-width: 146px;
	height: 46px;
	border: 0;
	border-radius: 8px;
	background: #000;
	color: #fff;
	padding: 0 24px;
	font-size: 16px;
	font-weight: 300;
	line-height: 46px;
	letter-spacing: .1px;
	transition: background .2s ease, transform .2s ease
}

.enquiry-action button:hover {
	background: #1d1d1d;
	transform: translateY(-1px)
}

@media(max-width:1199.98px) {
	.enquiry-container {
		max-width: 1120px;
		padding: 0 45px
	}

	.enquiry-grid {
		column-gap: 70px
	}

	.enquiry-heading {
		margin-bottom: 70px
	}
}

@media(max-width:991.98px) {
	.enquiry-section {
		min-height: auto;
		padding: 86px 0 72px
	}

	.enquiry-container {
		padding: 0 32px
	}

	.enquiry-heading {
		margin-bottom: 58px
	}

	.enquiry-grid {
		grid-template-columns: 1fr;
		row-gap: 44px
	}

	.enquiry-action {
		justify-content: flex-start;
		margin-top: 58px
	}
}

@media(max-width:575.98px) {
	.enquiry-section {
		padding: 70px 0 60px
	}

	.enquiry-container {
		padding: 0 22px
	}

	.enquiry-heading {
		margin-bottom: 48px
	}

	.enquiry-heading h2 {
		font-size: 30px
	}

	.enquiry-field .field-label {
		font-size: 16px
	}

	.enquiry-action button {
		min-width: 136px;
		height: 44px;
		font-size: 15px;
		line-height: 44px
	}
}


/* Fourteenth section - Venture footer */
.venture-footer-section {
	position: relative;
	color: #111;
	min-height: 570px;
	overflow: hidden;
	padding: 78px 0 0;
	border-top: 1px solid #ececec;
	background: #f9f9f9;
}

.venture-bg-leaves {
	position: absolute;
	right: -10px;
	top: 0;
	width: 34%;
	height: 430px;
	background: url("footer_03.jpeg") center right/cover no-repeat;

	pointer-events: none
}

.venture-container {
	position: relative;
	z-index: 2;
	max-width: none;
	padding: 0 70px 102px
}

.venture-top {
	display: flex;
	align-items: flex-start
}

.venture-logo-area {
	width: 430px;
	text-align: center
}

.venture-logo-area h2 {
	margin: 0 0 12px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: .2px
}

.venture-logo-card {
	height: 106px;
	border: 1px solid #111;
	border-radius: 9px;
	background: rgba(255, 255, 255, .35);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	padding: 16px 26px
}

.koncept-logo {
	position: relative;
	text-align: left;
	line-height: .86;
	font-family: Georgia, serif;
	font-size: 31px;
	color: #2a2523;
	min-width: 150px
}

.koncept-logo strong {
	display: block;
	font-weight: 700
}

.leaf-mark {
	position: absolute;
	right: -7px;
	top: 0;
	width: 31px;
	height: 31px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2px;
	transform: rotate(45deg)
}

.leaf-mark i {
	display: block;
	border-radius: 9px 0 9px 0
}

.leaf-mark i:nth-child(1) {
	background: #77ad3e
}

.leaf-mark i:nth-child(2) {
	background: #f4a92f
}

.leaf-mark i:nth-child(3) {
	background: #b4c747
}

.leaf-mark i:nth-child(4) {
	background: #dd6f21
}

.venture-divider {
	height: 60px;
	width: 1px;
	background: #777;
	display: block
}

.sukod-logo {
	display: flex;
	align-items: center;
	gap: 14px
}

.sukod-symbol {
	position: relative;
	width: 45px;
	height: 64px;
	display: block
}

.sukod-symbol i {
	position: absolute;
	width: 25px;
	height: 25px;
	background: #9b6a32;
	transform: skewY(-30deg) rotate(30deg)
}

.sukod-symbol i:nth-child(1) {
	top: 0;
	left: 12px;
	background: #8f5c25
}

.sukod-symbol i:nth-child(2) {
	top: 22px;
	left: 0;
	background: #b58142
}

.sukod-symbol i:nth-child(3) {
	top: 42px;
	left: 13px;
	background: #80511f
}

.sukod-logo strong {
	display: block;
	font-size: 32px;
	font-weight: 400;
	line-height: .95;
	letter-spacing: -1.2px
}

.sukod-logo small {
	display: block;
	font-size: 18px;
	line-height: 1.1
}

.venture-info-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	width: min(100%, 1120px);
	margin-top: 70px
}

.venture-address h3,
.venture-contact h3 {
	margin: 0 0 30px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2
}

.venture-address p,
.venture-contact p {
	margin: 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5
}

.venture-contact {
	padding-left: 22px
}

.social-icons {
	display: flex;
	gap: 18px;
	margin-top: 12px
}

.social-icons a {
	width: 32px;
	height: 32px;


	color: #fff;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 1
}

.venture-disclaimer {
	margin: 50px 0 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5
}

.venture-disclaimer strong {
	font-weight: 700
}

.venture-copyright-bar {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ebebeb;
	height: 56px;
	display: flex;
	align-items: center;
	z-index: 3
}

.venture-copyright-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 70px;
	font-size: 15px;
	font-weight: 300
}

.venture-copyright-inner p {
	margin: 0
}

@media(max-width:1199.98px) {
	.venture-bg-leaves {
		width: 42%;
		opacity: .42
	}

	.venture-container {
		padding: 0 50px 96px
	}

	.venture-info-row {
		width: 100%;
		gap: 50px
	}

	.venture-copyright-inner {
		padding: 0 50px
	}
}

@media(max-width:991.98px) {
	.venture-footer-section {
		padding-top: 64px
	}

	.venture-bg-leaves {
		width: 55%;
		height: 330px;
		opacity: .25
	}

	.venture-container {
		padding: 0 34px 110px
	}

	.venture-logo-area {
		width: 100%;
		max-width: 430px
	}

	.venture-info-row {
		grid-template-columns: 1fr;
		margin-top: 58px;
		gap: 40px
	}

	.venture-contact {
		padding-left: 0
	}

	.venture-copyright-bar {
		height: auto;
		min-height: 70px
	}

	.venture-copyright-inner {
		padding: 16px 34px;
		gap: 12px;
		flex-direction: column;
		align-items: flex-start
	}
}

@media(max-width:575.98px) {
	.venture-footer-section {
		padding-top: 50px
	}

	.venture-container {
		padding: 0 22px 120px
	}

	.venture-logo-area h2 {
		font-size: 16px
	}

	.venture-logo-card {
		height: auto;
		min-height: 96px;
		padding: 16px 14px;
		gap: 14px
	}

	.koncept-logo {
		font-size: 23px;
		min-width: 110px
	}

	.leaf-mark {
		width: 24px;
		height: 24px;
		right: -2px
	}

	.venture-divider {
		height: 50px
	}

	.sukod-symbol {
		width: 36px;
		height: 52px;
		transform: scale(.82)
	}

	.sukod-logo {
		gap: 8px
	}

	.sukod-logo strong {
		font-size: 24px
	}

	.sukod-logo small {
		font-size: 14px
	}

	.venture-info-row {
		margin-top: 50px
	}

	.venture-address p,
	.venture-contact p,
	.venture-disclaimer {
		font-size: 14px
	}

	.venture-copyright-inner {
		padding: 14px 22px;
		font-size: 13px
	}
}

/* Updated Modernity background slider */
.modernity-section {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
	color: #fff;
}

.modernity-section::before,
.modernity-section::after {
	z-index: 1;
	pointer-events: none;
}

.modernity-section::before {
	content: "";
	position: absolute;
	inset: 0;

}

.modernity-section::after {
	content: "";
	position: absolute;
	inset: 0;

}

.modernity-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: opacity .45s ease, transform 5s ease;
}

.modernity-bg-active {
	opacity: 1;
	transform: scale(1.02)
}

.modernity-bg-next {
	opacity: 0;
	transform: scale(1)
}

.modernity-bg-next.is-visible {
	opacity: 1;
	transform: scale(1.02)
}

.modernity-container {
	position: relative;
	z-index: 2;
	min-height: 100vh;
	padding: 0 9vw;
}

.modernity-row {
	min-height: 100vh;
	padding-bottom: 45px;
}

.modernity-art-col,
.modernity-art,
.modernity-img {
	display: none !important;
}

.modernity-copy-col {
	margin-left: auto;
}

.modernity-copy {
	max-width: 620px;
	margin-left: auto;
	margin-top: 4vh;
	padding: 52px 0;
	transition: opacity .3s ease, transform .3s ease;
}

.modernity-section.content-changing .modernity-copy {
	opacity: .35;
	transform: translateY(10px);
}

.modernity-copy h2 {
	margin: 0 0 12px;
	font-size: clamp(42px, 3vw, 64px);
	font-weight: 300;
	line-height: 1;
	letter-spacing: .8px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .96);
}

.modernity-copy h3 {
	margin: 0 0 64px;
	font-family: Georgia, serif;
	font-size: clamp(24px, 1.7vw, 38px);
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: .2px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .84);
}

.modernity-copy p {
	max-width: 605px;
	margin: 0;
	font-size: clamp(16px, 1.03vw, 21px);
	font-weight: 300;
	line-height: 1.95;
	color: rgba(255, 255, 255, .86);
}

.modernity-slider {
	position: absolute;
	z-index: 4;
	left: 50%;
	bottom: 86px;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 42px;
}

.modernity-slider strong {
	font-size: 21px;
	font-weight: 400;
	color: rgba(255, 255, 255, .9)
}

.modernity-slider button {
	width: 34px;
	height: 34px;
	border: 0;
	background: transparent;
	padding: 0;
	cursor: pointer
}

.modernity-slider span {
	display: block;
	width: 29px;
	height: 29px;
	border-left: 3px solid rgba(255, 255, 255, .92);
	border-bottom: 3px solid rgba(255, 255, 255, .92);
	transform: rotate(45deg)
}

.modernity-slider button:last-child span {
	transform: rotate(-135deg)
}

@media(max-width:1199.98px) {
	.modernity-container {
		padding: 0 6vw
	}

	.modernity-copy {
		margin-left: auto
	}
}

@media(max-width:991.98px) {
	.modernity-section {
		min-height: auto
	}

	.modernity-container {
		padding: 90px 30px 130px
	}

	.modernity-row {
		min-height: auto !important;
		padding-bottom: 0
	}

	.modernity-copy {
		max-width: 100%;
		margin: 0;
		padding: 0
	}

	.modernity-copy h3 {
		margin-bottom: 35px
	}

	.modernity-slider {
		bottom: 55px
	}

	.modernity-section::before {

	}
}

@media(max-width:575.98px) {
	.modernity-container {
		padding: 70px 20px 110px
	}

	.modernity-copy h2 {
		font-size: 32px
	}

	.modernity-copy h3 {
		font-size: 19px;
		margin-bottom: 26px
	}

	.modernity-copy p {
		font-size: 15px;
		line-height: 1.75
	}

	.modernity-slider {
		gap: 28px
	}

	.modernity-slider strong {
		font-size: 16px
	}
}

/* Specifications accordion */
.specs-block {
	margin-bottom: 14px;
	border-bottom: 1px solid #d8d8d8;
}

.specs-block:last-child {
	margin-bottom: 0;
}

.specs-block h3 {
	margin: 0;
}

.specs-accordion-toggle {
	width: 100%;
	border: 0;
	background: transparent;
	color: #252525;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 16px 0;
	text-align: left;
	font: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.15;
	text-transform: uppercase;
}

.specs-accordion-toggle::after {
	content: "+";
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	border: 1px solid #cfcfcf;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 300;
	line-height: 1;
}

.specs-block.active .specs-accordion-toggle::after {
	content: "-";
}

.specs-accordion-panel {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height .35s ease, opacity .25s ease, padding-bottom .25s ease;
}

.specs-block.active .specs-accordion-panel {
	max-height: 520px;
	opacity: 1;
	padding-bottom: 18px;
}

.specs-block .specs-accordion-panel p {
	margin: 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.35;
	color: #2d2d2d;
}

@media(max-width:1199.98px) {
	.specs-block .specs-accordion-panel p {
		font-size: 13px;
	}
}

@media(max-width:575.98px) {
	.specs-accordion-toggle {
		font-size: 13px;
		padding: 14px 0;
	}

	.specs-block .specs-accordion-panel p {
		font-size: 12.5px;
		line-height: 1.35;
	}
}

/* Pattern image overrides */
.story-pattern,
.interiors-section .interiors-pattern-left,
.exteriors-section .exteriors-pattern {
	background-color: #f5f2ed !important;
	background-image: url("images/pattern-copy4.webp") !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}


/* Master plan image section - inserted after Modernity */
.masterplan-image-section {
	position: relative;
	overflow: hidden;
	background: #fff;
	color: #111;
	padding: 76px 0 46px;
}

.masterplan-image-container {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 clamp(16px, 3.5vw, 68px);
}

.masterplan-image-title {
	margin: 0 0 34px;
	text-align: center;
	font-size: clamp(30px, 2.05vw, 45px);
	font-weight: 300;
	line-height: 1;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.masterplan-image-frame {
	margin: 0 auto;
	width: 100%;
	max-width: 1640px;
}

.masterplan-main-image {
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
}

/* Master plan legend section */
.masterplan-legend-section {
	position: relative;
	overflow: hidden;
	background: #fff;
	color: #111;
	padding: 0 0 36px;

}

.masterplan-legend-title {
	margin: 0;
	height: 78px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #d9d9d9;
	font-size: clamp(30px, 2.05vw, 45px);
	font-weight: 300;
	line-height: 1;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.masterplan-legend-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	min-height: 375px;
	border-bottom: 1px solid #d9d9d9;
}

.masterplan-legend-col {
	display: flex;
	align-items: center;
	border-left: 1px solid #d9d9d9;
}

.masterplan-legend-col:first-child {
	border-left: 0;
}

.masterplan-legend-list {
	width: 100%;
	margin: 0;
	padding: 0 26px 0 37px;
	list-style: none;
}

.masterplan-legend-list li {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: baseline;
	gap: 0;
	margin: 0 0 15px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.15;
	color: #1d1d1d;
	text-transform: uppercase;
}

.masterplan-legend-list li:last-child {
	margin-bottom: 0;
}

.masterplan-legend-list span,
.masterplan-legend-list strong {
	display: block;
	font: inherit;
	font-weight: 300;
	white-space: nowrap;
}

/* Floor plans section */
.floorplans-section {
	position: relative;
	overflow: hidden;
	background: #fff;
	color: #111;
	padding: 94px 0 100px;
}

.floorplans-container {
	width: 100%;
	max-width: 1450px;
	margin: 0 auto;
	padding: 0 48px;
}

.floorplans-title {
	margin: 0 0 34px;
	text-align: center;
	font-size: clamp(40px, 3.05vw, 62px);
	font-weight: 300;
	line-height: 1;
	letter-spacing: -1.8px;
	text-transform: none;
}

.floorplans-layout {
	display: grid;
	grid-template-columns: 360px minmax(0, 1fr);
	align-items: start;
	gap: 70px;
}

.floorplans-keyplan {
	display: grid;
	grid-template-columns: repeat(3, 88px);
	gap: 34px 30px;
	justify-content: center;
	padding-top: 0;
}

.floorplans-key {
	position: relative;
	width: 88px;
	height: 134px;
	border: 1px solid transparent;
	background: transparent;
	cursor: pointer;
	opacity: .24;
	transition: opacity .2s ease, border-color .2s ease;
}

.floorplans-key.active {
	border-color: #ba6d46;
	opacity: 1;
}

.floorplans-key::before {
	content: "";
	position: absolute;
	left: 22px;
	top: 20px;
	width: 44px;
	height: 88px;
	background: linear-gradient(#bfc0c2 0 0) 0 0/19px 20px no-repeat,
		linear-gradient(#bfc0c2 0 0) 24px 0/19px 20px no-repeat,
		linear-gradient(#bfc0c2 0 0) 0 24px/19px 20px no-repeat,
		linear-gradient(#bfc0c2 0 0) 24px 24px/19px 20px no-repeat,
		linear-gradient(#bfc0c2 0 0) 0 48px/19px 20px no-repeat,
		linear-gradient(#bfc0c2 0 0) 24px 48px/19px 20px no-repeat,
		linear-gradient(#bfc0c2 0 0) 0 72px/19px 20px no-repeat,
		linear-gradient(#bfc0c2 0 0) 24px 72px/19px 20px no-repeat;
}

.floorplans-key::after {
	content: "";
	position: absolute;
	right: 21px;
	top: 25px;
	width: 17px;
	height: 17px;
	background: #9b3f29;
}

.floorplans-key span {
	position: absolute;
	left: -9999px;
}

.floorplans-main-frame {
	width: 100%;
	min-height: 620px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.floorplans-main-img {
	width: 100%;
	max-width: 850px;
	height: auto;
	display: block;
	object-fit: contain;
}

@media(max-width:1199.98px) {
	.floorplans-layout {
		grid-template-columns: 300px minmax(0, 1fr);
		gap: 42px;
	}

	.floorplans-keyplan {
		grid-template-columns: repeat(3, 74px);
		gap: 26px 22px;
	}

	.floorplans-key {
		width: 74px;
		height: 112px;
	}

	.floorplans-key::before {
		left: 18px;
		top: 17px;
		transform: scale(.84);
		transform-origin: left top;
	}

	.floorplans-key::after {
		right: 18px;
		top: 22px;
	}

	.floorplans-main-frame {
		min-height: 520px;
	}
}

@media(max-width:991.98px) {
	.masterplan-image-section {
		padding: 70px 0 42px;
	}

	.masterplan-image-container {
		padding: 0 18px;
	}

	.masterplan-legend-grid {
		grid-template-columns: repeat(2, 1fr);
		min-height: auto;
	}

	.masterplan-legend-col {
		min-height: 210px;
		border-top: 1px solid #d9d9d9;
	}

	.masterplan-legend-col:nth-child(odd) {
		border-left: 0;
	}

	.floorplans-section {
		padding: 70px 0 76px;
	}

	.floorplans-container {
		padding: 0 24px;
	}

	.floorplans-layout {
		display: block;
	}

	.floorplans-keyplan {
		display: flex;
		justify-content: flex-start;
		overflow-x: auto;
		gap: 18px;
		margin-bottom: 34px;
		padding-bottom: 10px;
	}

	.floorplans-key {
		flex: 0 0 74px;
	}

	.floorplans-main-frame {
		min-height: auto;
	}
}

@media(max-width:575.98px) {
	.masterplan-image-section {
		padding: 50px 0 34px;
	}

	.masterplan-image-frame {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.masterplan-main-image {
		width: 880px;
		max-width: none;
	}

	.masterplan-legend-title {
		height: 64px;
	}

	.masterplan-legend-grid {
		grid-template-columns: 1fr;
	}

	.masterplan-legend-col {
		border-left: 0;
		min-height: auto;
		padding: 28px 0;
	}

	.masterplan-legend-list li {
		font-size: 14px;
		margin-bottom: 12px;
		grid-template-columns: 32px minmax(0, 1fr);
	}

	.floorplans-title {
		font-size: 42px;
	}

	.floorplans-container {
		padding: 0 18px;
	}

	.floorplans-main-frame {
		overflow-x: auto;
		justify-content: flex-start;
		-webkit-overflow-scrolling: touch;
	}

	.floorplans-main-img {
		width: 780px;
		max-width: none;
	}
}



/* Amenity gallery title overlay */
.amenity-card {
	position: relative;
	width: 100%;
	height: 480px;
	margin: 0;
	overflow: hidden;
	background: #eee;
}

.amenity-card .amenity-img {
	height: 100%;
}

.amenity-title {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	margin: 0;
	padding: 10px 18px;
	background: rgba(0, 0, 0, .68);
	color: #fff;
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: .2px;
	text-transform: uppercase;
}

@media(max-width:991.98px) {
	.amenity-card {
		height: 360px;
	}
}

@media(max-width:575.98px) {
	.amenity-card {
		height: 260px;
	}

	.amenity-title {
		padding: 8px 14px;
		font-size: 13px;
	}
}

/* Amenities tabs carousel update */
.amenities-tabs button {
	transition: background .2s ease, color .2s ease, transform .2s ease;
}

.amenities-tabs button.active {
	background: #101710;
	color: #fff;
}

.amenity-img {
	transition: opacity .25s ease;
}

.amenities-slider button {
	cursor: pointer;
}

.community-heading p {
	font-family: "Rollgates Luxury", "Cormorant Garamond", Georgia, serif;
}

/* Global H2 heading font */
h2 {
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
	font-weight: 300;
}

/* Community heading Rollgates font override */
.community-heading.text-center h2,
.community-heading h2 {
	font-family: "Rollgates Luxury", "Cormorant Garamond", Georgia, serif !important;
}

.community-heading.text-center p,
.community-heading p {
	font-family: "Rollgates Luxury", "Cormorant Garamond", Georgia, serif !important; font-size:35px;
}

/* Community spec-four font */
.spec-item.spec-right.spec-four strong {
	font-family: "Aileron Light", Arial, Helvetica, sans-serif;
}


/* Community spec span font */
.spec-item span {
	font-family: "Rollgates Luxury", "Cormorant Garamond", Georgia, serif !important;
}

/* Story copy h3 font */
.story-copy h3 {
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
}

/* Story section h4 font override */
.story-copy h4 {
	font-family: "Rollgates Luxury", "Cormorant Garamond", Georgia, serif !important;
}

/* Interiors heading font update */
.interiors-copy h2 {
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
}

/* Interiors subtitle font update */
.interiors-copy h3 {
	font-family: "Rollgates Luxury", "Cormorant Garamond", Georgia, serif !important;
}

/* Exteriors heading font update */
.exteriors-copy h3 {
	font-family: "Rollgates Luxury", "Cormorant Garamond", Georgia, serif !important;
}

.story-copy p {
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
}

/* Font update: Interiors paragraph */
.interiors-copy p {
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
	font-size: 14px;
}

/* Exteriors paragraph font update */
.exteriors-copy p {
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
	font-size: 14px;
}

/* Lushscape paragraph font update */
.lushscape-copy p {
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
	font-size: 16px;
}

/* Modernity heading font update */
.modernity-copy h2 {
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
}

.modernity-copy h3 {
	font-family: "Rollgates Luxury", "Cormorant Garamond", Georgia, serif !important;
}

/* Modernity paragraph font update */
.modernity-copy p {
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
	font-size: 14px;
}

.masterplan-legend-list li {
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
	font-size: 14px;
}

/* Specifications content font */
.specs-block,
.specs-block p,
.specs-block .specs-accordion-panel p,
.specs-block .specs-accordion-toggle {
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
}

/* Venture address font update */
.venture-address,
.venture-address h3,
.venture-address p {
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
}

/* Venture disclaimer font update */
.venture-disclaimer,
.venture-disclaimer strong {
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
}

/* Venture contact font update */
.venture-contact,
.venture-contact h3,
.venture-contact p {
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
}

/* Venture copyright font */
.venture-copyright-inner,
.venture-copyright-inner p {
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
}


/* Location highlights section */
.location-highlights-section {
	position: relative;
	overflow: hidden;
	background: #fff;
	color: #111;
	padding: 0 0 28px;

}

.location-highlights-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 290px;
	padding: 48px 20px 40px;
}

.location-highlights-header h2 {
	margin: 0;
	max-width: 1020px;
	font-size: clamp(40px, 3.3vw, 60px);
	line-height: 1.08;
	letter-spacing: -1.2px;
	text-transform: uppercase;
}

.location-highlights-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 170px;
	height: 36px;
	margin-top: 26px;
	padding: 0 24px;
	border-radius: 999px;
	background: #b7c8a1;
	color: #111;
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
	font-size: 14px;
	line-height: 1;
}

.location-highlights-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

.location-highlights-col {
	min-height: 390px;
	padding: 70px 52px 54px;
	border-left: 1px solid #d9d9d9;
}

.location-highlights-col:first-child {
	border-left: 0;
}

.location-highlights-card-head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 54px;
}

.location-highlights-icon {
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #111;
	flex: 0 0 34px;
}

.location-highlights-icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

.location-highlights-card-head h3 {
	margin: 0;
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: -.2px;
	text-transform: uppercase;
}

.location-highlights-list {
	margin: 0;
	padding-left: 26px;
}

.location-highlights-list li {
	margin: 0 0 16px;
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.15;
	color: #222;
}

.location-highlights-list li:last-child {
	margin-bottom: 0;
}

@media(max-width:1399.98px) {
	.location-highlights-col {
		padding: 58px 32px 46px;
	}
}

@media(max-width:1199.98px) {
	.location-highlights-header {
		min-height: 250px;
	}

	.location-highlights-header h2 {
		font-size: clamp(34px, 3vw, 50px);
	}

	.location-highlights-col {
		padding: 48px 24px 40px;
	}
}

@media(max-width:991.98px) {
	.location-highlights-header {
		min-height: auto;
		padding: 56px 24px 34px;
	}

	.location-highlights-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.location-highlights-col {
		min-height: auto;
		border-top: 1px solid #d9d9d9;
	}

	.location-highlights-col:nth-child(odd) {
		border-left: 0;
	}
}

@media(max-width:575.98px) {
	.location-highlights-header {
		padding: 48px 18px 28px;
	}

	.location-highlights-header h2 {
		font-size: 32px;
		line-height: 1.12;
		letter-spacing: -.8px;
	}

	.location-highlights-pill {
		margin-top: 20px;
		height: 34px;
		font-size: 13px;
	}

	.location-highlights-grid {
		grid-template-columns: 1fr;
	}

	.location-highlights-col {
		padding: 34px 18px 30px;
		border-left: 0;
	}

	.location-highlights-card-head {
		margin-bottom: 28px;
	}

	.location-highlights-card-head h3 {
		font-size: 17px;
	}

	.location-highlights-list {
		padding-left: 22px;
	}
}


/* Location map fullwidth section */
.location-map-section {
	position: relative;
	overflow: hidden;
	background: #fff;
	padding: 0;
}

.location-map-wrap {
	width: 100%;
}

.location-map-image {
	width: 100%;
	height: auto;
	display: block;
}


/* Floating label interaction for both enquiry forms */
.enquiry-field {
	position: relative;
	padding-top: 18px;
}

.enquiry-field .field-label {
	position: absolute;
	left: 0;
	top: 24px;
	margin: 0;
	color: #111;
	pointer-events: none;
	transition: top .25s ease, font-size .25s ease, color .25s ease, transform .25s ease;
}

.enquiry-field input,
.enquiry-field select {
	height: 38px;
	padding: 10px 0 4px;
}

.enquiry-field:focus-within .field-label,
.enquiry-field.has-value .field-label {
	top: 0;
	font-size: 12px;
	color: #8a442c;
	transform: translateY(0);
}

.field-error {
	display: none;
	margin-top: 6px;
	font-size: 11px;
	line-height: 1.4;
	color: #dc3545;
	position: static;
	pointer-events: auto;
}

.enquiry-field.has-error .field-error {
	display: block;
}

.enquiry-field input:focus,
.enquiry-field select:focus {
	border-bottom-color: #8a442c;
}

.enquiry-field select {
	color: #111;
}

.enquiry-field select:invalid {
	color: transparent;
}

.enquiry-field:focus-within select,
.enquiry-field.has-value select {
	color: #111;
}

.enquiry-popup .modal-dialog {
	max-width: 560px;
}

.enquiry-popup .modal-content {
	border: 0;
	border-radius: 18px;
	padding: 28px;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .25);
}

.enquiry-popup-close {
	position: absolute;
	right: 18px;
	top: 18px;
	z-index: 2;
}

.enquiry-popup-title {
	margin: 0 0 26px;
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
	font-size: 32px;
	font-weight: 300;
	text-align: center;
}

.popup-enquiry-grid {
	grid-template-columns: 1fr;
	row-gap: 24px;
	column-gap: 0;
}

.popup-enquiry-action {
	justify-content: center;
	margin-top: 34px;
}

@media(max-width:575.98px) {
	.enquiry-popup .modal-dialog {
		margin: 16px;
	}

	.enquiry-popup .modal-content {
		padding: 24px 18px;
	}

	.enquiry-popup-title {
		font-size: 26px;
	}
}

/* Community spec item number font */
.spec-item strong {
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
}

/* Responsive QA updates for tablet and mobile */
html,
body {
	max-width: 100%;
}

.site-header,
.lumina-hero,
.community-section,
.story-section,
.interiors-section,
.exteriors-section,
.lushscape-section,
.amenities-section,
.modernity-section,
.masterplan-image-section,
.masterplan-legend-section,
.floorplans-section,
.location-highlights-section,
.specifications-section,
.enquiry-section,
.venture-footer-section {
	max-width: 100%;
	
}

@media(max-width:1199.98px) {
	.lumina-hero {
		height: 100vh;
		min-height: 760px;
	}

	.main-nav {
		gap: 24px;
		padding-right: 24px;
	}

	.community-section .container {
		min-height: auto;
	}

	.community-graphic {
		max-width: 100%;
	}

	.enquiry-grid {
		column-gap: 54px;
	}
}

@media(max-width:991.98px) {
	.lumina-hero {
		height: 82vh;
		min-height: 620px;
	}

	.site-header {
		padding-top: 18px;
	}

	.brand-wrap {
		margin-left: 0;
	}

	.enquire-btn {
		min-width: 112px;
		height: 40px;
		font-size: 14px;
		line-height: 40px;
	}

	.community-section .container {
		min-height: auto;
	}

	.community-heading p {
		margin-bottom: 54px;
	}

	.story-section,
	.interiors-section,
	.exteriors-section,
	.amenities-section,
	.floorplans-section,
	.enquiry-section {
		overflow: hidden;
	}

	.story-image-frame,
	.interiors-image-wrap,
	.exteriors-image-wrap,
	.amenity-img {
		max-width: 100%;
	}

	.location-highlights-grid,
	.masterplan-legend-grid,
	.specs-grid {
		width: 100%;
	}

	.enquiry-grid,
	.popup-enquiry-grid {
		grid-template-columns: 1fr;
	}

	.enquiry-field input,
	.enquiry-field select {
		font-size: 16px;
	}

	.enquiry-action {
		justify-content: flex-start;
	}

	.enquiry-popup .modal-dialog {
		max-width: calc(100% - 40px);
	}
}

@media(max-width:575.98px) {
	.lumina-hero {
		height: 72vh;
		min-height: 520px;
	}

	.site-header .container-fluid {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}

	.brand-logo {
		width: 62px;
	}

	.rera-text {
		font-size: 7px;
	}

	.enquire-btn {
		min-width: 92px;
		height: 34px;
		padding: 0 14px;
		font-size: 12px;
		line-height: 34px;
	}

	.community-section {
		min-height: auto;
	}

	.community-section .container {
		min-height: 0;
	}

	.community-graphic {
		height: 540px;
	}

	.community-heading h2 {
		font-size: 32px;
		line-height: 1.02;
	}

	.community-heading p {
		margin-bottom: 58px;
	}

	.spec-left {
		left: 14px;
	}

	.spec-right {
		right: 14px;
	}

	.spec-item strong {
		font-size: 23px;
	}

	.arch-image-wrap {
		width: min(76vw, 290px);
		height: min(82vw, 315px);
	}

	.story-section,
	.interiors-section,
	.exteriors-section {
		padding-left: 18px;
		padding-right: 18px;
	}

	.story-image-frame,
	.interiors-image-wrap,
	.exteriors-image-wrap {
		height: 300px;
	}

	.lushscape-section {
		min-height: 680px;
	}

	.lushscape-copy {
		width: calc(100% - 36px);
	}

	.amenities-tabs {
		gap: 12px;
	}

	.amenities-tabs button {
		min-width: auto;
		height: 32px;
		padding: 0 16px;
		font-size: 12px;
	}

	.amenity-col {
		padding: 7px 18px;
	}

	.amenity-img {
		height: 240px;
	}

	.modernity-container {
		padding-left: 18px;
		padding-right: 18px;
	}

	.masterplan-image-container,
	.floorplans-container,
	.enquiry-container,
	.venture-container {
		padding-left: 18px;
		padding-right: 18px;
	}

	.location-highlights-col {
		padding-left: 18px;
		padding-right: 18px;
	}

	.specs-col {
		padding-left: 18px;
		padding-right: 18px;
	}

	.enquiry-section {
		padding-top: 58px;
		padding-bottom: 54px;
	}

	.enquiry-heading {
		margin-bottom: 40px;
	}

	.enquiry-heading h2 {
		font-size: 27px;
		line-height: 1.22;
	}

	.enquiry-grid {
		row-gap: 30px;
	}

	.enquiry-field {
		padding-top: 16px;
	}

	.enquiry-field .field-label {
		top: 22px;
		font-size: 15px;
	}

	.enquiry-field input,
	.enquiry-field select {
		height: 36px;
	}

	.enquiry-action {
		margin-top: 42px;
	}

	.enquiry-action button {
		width: 100%;
	}

	.enquiry-popup .modal-dialog {
		max-width: none;
		margin: 14px;
	}

	.enquiry-popup .modal-content {
		border-radius: 14px;
		padding: 22px 16px;
	}

	.enquiry-popup-title {
		font-size: 24px;
		margin-bottom: 22px;
	}

	.popup-enquiry-action button {
		width: 100%;
	}

	.venture-copyright-inner {
		padding-left: 18px;
		padding-right: 18px;
	}
}


/* Mobile header toggle menu */
.mobile-menu-toggle {
	display: none;
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 5px;
	background: #000;
	padding: 9px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 5px;
	cursor: pointer;
}

.mobile-menu-toggle span {
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 2px;
	background: #fff;
	transition: transform .25s ease, opacity .25s ease;
}

.mobile-menu-toggle.is-active span:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

.mobile-menu-toggle.is-active span:nth-child(2) {
	opacity: 0;
}

.mobile-menu-toggle.is-active span:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

.mobile-nav {
	display: none;
}

@media(max-width:991.98px) {
	.site-header {
		position: absolute;
		left: 0;
		top: 0;
	}

	.mobile-menu-toggle {
		display: inline-flex;
	}

	.mobile-nav {
		position: absolute;
		left: 24px;
		right: 24px;
		top: 100%;
		z-index: 20;
		display: flex;
		flex-direction: column;
		gap: 0;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
		transform: translateY(-8px);
		border-radius: 12px;
		background: rgba(255, 255, 255, .96);
		box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
		transition: max-height .3s ease, opacity .25s ease, visibility .25s ease, transform .25s ease;
	}

	.mobile-nav.is-open {
		max-height: 420px;
		opacity: 1;
		visibility: visible;
		transform: translateY(10px);
	}

	.mobile-nav a {
		display: block;
		padding: 15px 18px;
		border-bottom: 1px solid rgba(0, 0, 0, .08);
		color: #111;
		text-decoration: none;
		font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
		font-size: 15px;
		font-weight: 300;
		line-height: 1;
	}

	.mobile-nav a:last-child {
		border-bottom: 0;
	}

	.mobile-nav a:hover {
		background: rgba(132, 40, 21, .08);
		color: #842815;
	}
}

@media(max-width:575.98px) {
	.mobile-menu-toggle {
		width: 34px;
		height: 34px;
		padding: 8px;
		gap: 4px;
	}

	.mobile-menu-toggle span {
		width: 18px;
	}

	.mobile-menu-toggle.is-active span:nth-child(1) {
		transform: translateY(6px) rotate(45deg);
	}

	.mobile-menu-toggle.is-active span:nth-child(3) {
		transform: translateY(-6px) rotate(-45deg);
	}

	.mobile-nav {
		left: 18px;
		right: 18px;
	}

	.mobile-nav a {
		padding: 14px 16px;
		font-size: 14px;
	}
}

/* Mobile exteriors pattern full-width cover */
@media (max-width: 991.98px) {
	.exteriors-section {
		position: relative;
	}

	.exteriors-section .exteriors-pattern,
	.exteriors-pattern {
		left: 0;
		right: auto;
		top: 0;
		width: 100% !important;
		height: 100% !important;
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		opacity: .55;
	}
}

@media (max-width: 575.98px) {

	.exteriors-section .exteriors-pattern,
	.exteriors-pattern {
		width: 100% !important;
		height: 100% !important;
		opacity: .5;
	}
}

/* Mobile full-width interiors image */
@media (max-width: 991.98px) {
	.interiors-section {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.interiors-layout {
		width: 100% !important;
		max-width: 100% !important;
	}

	.interiors-image-wrap {
		width: 100vw !important;
		max-width: 100vw !important;
		margin-left: 50% !important;
		transform: translateX(-50%) !important;
		overflow: hidden;
	}

	.interiors-img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center center !important;
	}

	.interiors-copy {
		padding-left: 28px;
		padding-right: 28px;
	}
}

@media (max-width: 575.98px) {
	.interiors-image-wrap {
		height: 315px !important;
	}

	.interiors-copy {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Mobile interiors pattern full-width cover */
@media (max-width: 991.98px) {
	.interiors-section {
		position: relative;
	}

	.interiors-section .interiors-pattern-left,
	.interiors-pattern-left {
		left: 0 !important;
		right: auto !important;
		top: 0 !important;
		width: 100% !important;
		height: 100% !important;
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		opacity: .55;
	}
}

@media (max-width: 575.98px) {

	.interiors-section .interiors-pattern-left,
	.interiors-pattern-left {
		width: 100% !important;
		height: 100% !important;
		opacity: .5;
	}
}

/* Mobile story pattern full-width cover */
@media (max-width: 991.98px) {
	.story-section {
		position: relative;
	}

	.story-section .story-pattern,
	.story-pattern {
		left: 0 !important;
		right: auto !important;
		top: 0 !important;
		width: 100% !important;
		height: 100% !important;
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		opacity: .55;
	}
}

@media (max-width: 575.98px) {

	.story-section .story-pattern,
	.story-pattern {
		width: 100% !important;
		height: 100% !important;
		opacity: .5;
	}
}

/* Mobile full-width cover for id="floor-plans" section */
@media (max-width: 991.98px) {
	#floor-plans.story-section {
		position: relative;
		width: 100% !important;
		max-width: 100% !important;
		overflow: hidden;
	}

	#floor-plans.story-section .story-pattern {
		left: 0 !important;
		right: auto !important;
		top: 0 !important;
		bottom: auto !important;
		width: 100% !important;
		height: 100% !important;
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		opacity: .55;
	}
}

@media (max-width: 575.98px) {
	#floor-plans.story-section {
		padding-left: 20px;
		padding-right: 20px;
	}

	#floor-plans.story-section .story-pattern {
		width: 100% !important;
		height: 100% !important;
		opacity: .5;
	}
}

/* Story image full-width mobile/tablet update */
@media (max-width: 991.98px) {
	.story-image-frame {
		width: 100vw;
		max-width: 100vw;
		margin-left: 50%;
		transform: translateX(-50%);
	}

	.story-image-frame .story-img,
	.story-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}
}

@media (max-width: 575.98px) {
	.story-image-frame {
		height: 320px;
	}
}

/* Exteriors image full-width mobile/tablet update */
@media (max-width: 991.98px) {
	.exteriors-image-wrap {
		width: 100vw !important;
		max-width: 100vw !important;
		margin-left: 50% !important;
		transform: translateX(-50%) !important;
		overflow: hidden;
	}

	.exteriors-image-wrap .exteriors-img,
	.exteriors-img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center center !important;
	}
}

@media (max-width: 575.98px) {
	.exteriors-image-wrap {
		height: 320px !important;
	}
}

/* Proper full-width exteriors image on tablet/mobile */
@media (max-width: 991.98px) {
	.exteriors-section {
	}

	.exteriors-section .exteriors-image-wrap {
		width: 100vw !important;
		max-width: 100vw !important;
		height: 460px !important;
		margin-left: 50% !important;
		margin-right: 0 !important;
		transform: translateX(-50%) !important;
		align-self: center !important;
		flex: 0 0 auto !important;
		overflow: hidden !important;
		background: #eee;
	}

	.exteriors-section .exteriors-image-wrap .exteriors-img {
		width: 100% !important;
		height: 100% !important;
		display: block !important;
		object-fit: cover !important;
		object-position: center center !important;
	}
}

@media (max-width: 575.98px) {
	.exteriors-section .exteriors-image-wrap {
		height: 320px !important;
	}
}


/* Final fix: exteriors image cover on tablet/mobile */
@media (max-width: 991.98px) {
	.exteriors-section {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.exteriors-section .exteriors-copy {
		width: auto !important;
		max-width: 620px !important;
		margin-left: 28px !important;
		margin-right: 28px !important;
	}

	.exteriors-section .exteriors-image-wrap {
		position: relative !important;
		width: 100% !important;
		max-width: none !important;
		height: 460px !important;
		margin: 0 !important;
		transform: none !important;
		overflow: hidden !important;
		flex: none !important;
	}

	.exteriors-section .exteriors-image-wrap>img.exteriors-img {
		position: absolute !important;
		inset: 0 !important;
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		height: 100% !important;
		min-width: 100% !important;
		min-height: 100% !important;
		object-fit: cover !important;
		object-position: center center !important;
	}
}

@media (max-width: 575.98px) {
	.exteriors-section .exteriors-copy {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}

	.exteriors-section .exteriors-image-wrap {
		height: 320px !important;
	}
}

/* Mobile/tablet: center Exteriors slider */
@media (max-width: 991.98px) {
	.exteriors-slider {
		justify-content: center !important;
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}
}

@media (max-width: 575.98px) {
	.exteriors-slider {
		justify-content: center !important;
		gap: 30px !important;
	}
}

/* Mobile/tablet: center Interiors slider */
@media (max-width: 991.98px) {
	.interiors-slider {
		justify-content: center !important;
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}
}

@media (max-width: 575.98px) {
	.interiors-slider {
		justify-content: center !important;
		gap: 30px !important;
	}
}

/* Amenities gallery mobile: show one column only */
@media (max-width: 767.98px) {
	.amenities-gallery {
		display: block !important;
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.amenities-gallery .amenity-col {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		padding: 0 18px 18px !important;
	}

	.amenities-gallery .amenity-img {
		width: 100% !important;
		height: 260px !important;
		object-fit: cover !important;
		object-position: center center !important;
	}
}

/* Final update: Amenities gallery one-column layout on mobile */
@media (max-width: 767.98px) {
	.amenities-section .amenities-gallery {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 18px !important;
		width: 100% !important;
		margin: 0 !important;
	}

	.amenities-section .amenities-gallery .amenity-col {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		flex: none !important;
		padding: 0 18px !important;
	}

	.amenities-section .amenities-gallery .amenity-img {
		width: 100% !important;
		max-width: none !important;
		height: 280px !important;
		object-fit: cover !important;
		object-position: center center !important;
	}
}

@media (max-width: 575.98px) {
	.amenities-section .amenities-gallery .amenity-img {
		height: 260px !important;
	}
}

/* Mobile: center venture copyright content */
@media (max-width: 575.98px) {

	.venture-copyright-inner,
	.container-fluid.venture-copyright-inner {
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
	}

	.venture-copyright-inner p,
	.container-fluid.venture-copyright-inner p {
		width: 100% !important;
		text-align: center !important;
	}
}

/* Uploaded floor plan section update */
.floorplans-uploaded-container {
	max-width: 1680px;
	padding: 0 clamp(18px, 4vw, 82px);
}

.floorplans-facing-tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(28px, 3vw, 52px);
	margin: 8px 0 70px;
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
	text-transform: uppercase;
}

.floorplans-facing-tab {
	border: 0;
	border-bottom: 1px solid transparent;
	background: transparent;
	padding: 0 6px 8px;
	color: rgba(0, 0, 0, .32);
	font: inherit;
	font-size: clamp(34px, 3.2vw, 58px);
	font-weight: 300;
	line-height: 1;
	letter-spacing: .5px;
	text-transform: uppercase;
	cursor: pointer;
}

.floorplans-facing-tab.active {
	color: #111;
	border-bottom-color: #e1e1e1;
}

.floorplans-size-tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px 14px;
	margin: 0 auto 72px;
	overflow: visible;
	padding: 0;
}

.floorplans-size-tab {
	flex: 0 1 136px;
	min-width: 126px;
	height: 48px;
	border: 0;
	border-radius: 999px;
	background: #eeeeee;
	color: rgba(0, 0, 0, .34);
	font-family: "Aileron Light", Arial, Helvetica, sans-serif !important;
	text-align: center;
	cursor: pointer;
}

.floorplans-size-tab.active {
	background: #c4d5b1;
	color: #111;
}

.floorplans-size-tab strong {
	display: block;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.05;
}

.floorplans-size-tab span {
	display: block;
	margin-top: 3px;
	font-size: 7px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.floorplans-uploaded-frame {
	width: min(100%, 425px);
	margin: 0 auto;
	text-align: center;
}

.floorplans-uploaded-img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
}

@media(max-width:1199.98px) {
	.floorplans-facing-tabs {
		margin-bottom: 52px;
	}

	.floorplans-size-tabs {
		justify-content: center;
		margin-bottom: 56px;
	}
}

@media(max-width:767.98px) {
	.floorplans-facing-tabs {
		gap: 18px;
		margin-bottom: 36px;
	}

	.floorplans-facing-tab {
		font-size: 30px;
	}

	.floorplans-size-tabs {
		gap: 9px 10px;
		margin-bottom: 42px;
	}

	.floorplans-size-tab {
		flex-basis: 112px;
		min-width: 104px;
		height: 42px;
	}

	.floorplans-size-tab strong {
		font-size: 11px;
	}

	.floorplans-size-tab span {
		font-size: 6px;
	}

	.floorplans-uploaded-frame {
		overflow: visible;
	}

	.floorplans-uploaded-img {
		width: 274px;
		max-width: 100%;
	}
}


/* Floor plans interactive uploaded image tabs */
.floorplans-uploaded-section {
	padding: 82px 0 0px;
	background: #fff;
}

.floorplans-uploaded-section .floorplans-title {
	display: none;
}

.floorplans-facing-tab,
.floorplans-size-tab {
	appearance: none;
}

.floorplans-size-tab {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: background .2s ease, color .2s ease, opacity .2s ease;
}

.floorplans-size-tab:hover,
.floorplans-facing-tab:hover {
	opacity: .82;
}

.floorplans-uploaded-img {
	max-width: 100%;
	margin: 0 auto;
}

/* Smooth full-page animation enhancements */
html {
  scroll-behavior: smooth;
}

body {
  opacity: 0;
  transition: opacity 700ms ease;
}

body.page-ready {
  opacity: 1;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: #852711;
  z-index: 9999;
  pointer-events: none;
  transform: translateY(0);
  transition: transform 900ms cubic-bezier(.77, 0, .18, 1), opacity 900ms ease;
}

body.page-ready::before {
  transform: translateY(-100%);
  opacity: 0;
}

.lumina-hero .hero-bg {
  transform: scale(1.06);
  transition: transform 1400ms cubic-bezier(.22, 1, .36, 1), filter 1400ms ease;
  filter: saturate(.94);
}

body.page-ready .lumina-hero .hero-bg {
  transform: scale(1);
  filter: saturate(1);
}

.site-header,
.lumina-hero .brand-wrap,
.lumina-hero .main-nav,
.lumina-hero .enquire-btn {
  opacity: 0;
  transform: translateY(-18px);
  transition: opacity 800ms ease, transform 800ms cubic-bezier(.22, 1, .36, 1);
}

body.page-ready .site-header,
body.page-ready .lumina-hero .brand-wrap,
body.page-ready .lumina-hero .main-nav,
body.page-ready .lumina-hero .enquire-btn {
  opacity: 1;
  transform: translateY(0);
}

[data-animate-page] {
  opacity: 0;
  transform: translateY(44px);
  transition: opacity 850ms ease, transform 850ms cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--animation-delay, 0ms);
  will-change: opacity, transform;
}

[data-animate-page].is-visible {
  opacity: 1;
  transform: translateY(0);
}

[data-animate-page="fade-left"] {
  transform: translateX(-46px);
}

[data-animate-page="fade-right"] {
  transform: translateX(46px);
}

[data-animate-page="zoom-in"] {
  transform: scale(.96);
}

[data-animate-page="fade-left"].is-visible,
[data-animate-page="fade-right"].is-visible,
[data-animate-page="zoom-in"].is-visible {
  transform: translateX(0) scale(1);
}

img[data-animate-page] {
  transition-duration: 950ms;
}

.main-nav a,
.mobile-nav a,
.enquire-btn,
.brochure-btn,
.floorplans-facing-tab,
.floorplans-size-tab,
.interiors-prev,
.interiors-next,
.exteriors-prev,
.exteriors-next,
.modernity-prev,
.modernity-next {
  transition: transform 260ms ease, opacity 260ms ease, background-color 260ms ease, color 260ms ease, border-color 260ms ease, box-shadow 260ms ease;
}

.main-nav a:hover,
.mobile-nav a:hover,
.enquire-btn:hover,
.brochure-btn:hover,
.floorplans-facing-tab:hover,
.floorplans-size-tab:hover,
.interiors-prev:hover,
.interiors-next:hover,
.exteriors-prev:hover,
.exteriors-next:hover,
.modernity-prev:hover,
.modernity-next:hover {
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }

  body,
  body.page-ready,
  [data-animate-page],
  [data-animate-page].is-visible,
  .site-header,
  .lumina-hero .hero-bg,
  .lumina-hero .brand-wrap,
  .lumina-hero .main-nav,
  .lumina-hero .enquire-btn {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  body::before {
    display: none;
  }
}

/* Mobile responsive fix for Exclusive Community section */
@media (max-width: 767.98px) {
  .community-section {
    min-height: auto !important;
    padding: 38px 0 44px !important;
    overflow: hidden;
  }

  .community-section .container {
    max-width: 100% !important;
    min-height: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .community-heading h2 {
    font-size: clamp(30px, 9.5vw, 40px) !important;
    line-height: 1.04 !important;
    word-break: normal;
  }

  .community-heading p {
    margin: 12px 0 18px !important;
    font-size: 11px !important;
    letter-spacing: 0.8px;
  }

  .brochure-btn {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 auto 28px !important;
    display: inline-flex !important;
  }

  .community-graphic {
    width: 100% !important;
    max-width: 430px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 12px;
    align-items: stretch;
  }

  .community-graphic::before,
  .community-graphic::after,
  .line,
  .vertical-line {
    display: none !important;
  }

  .arch-image-wrap {
    position: relative !important;
    grid-column: 1 / -1;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: min(78vw, 320px) !important;
    height: min(88vw, 350px) !important;
    margin: 0 auto 6px !important;
    border-radius: 999px 999px 14px 14px !important;
    z-index:500 !Important;
  }

  .spec-item,
  .spec-left,
  .spec-right,
  .spec-one,
  .spec-two,
  .spec-three,
  .spec-four,
  .spec-five,
  .spec-six {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    text-align: center !important;
  }

  .spec-item {
    width: 100%;
    min-height: 82px;
    padding: 12px 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.045);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .spec-item strong {
    margin-bottom: 7px !important;
    font-size: clamp(22px, 6.7vw, 28px) !important;
    line-height: 0.95 !important;
    white-space: normal;
  }

  .spec-item.spec-left.spec-two strong div,
  .spec-item.spec-left.spec-three strong div {
    display: inline !important;
    font-size: inherit !important;
  }

  .spec-item span {
    font-size: 9px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.6px;
  }
}

@media (max-width: 359.98px) {
  .community-section .container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .community-heading h2 {
    font-size: 28px !important;
  }

  .community-graphic {
    gap: 10px;
  }

  .spec-item {
    min-height: 76px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .spec-item strong {
    font-size: 20px !important;
  }
}

/* Fix: story image frame mobile visibility after page animation */
@media (max-width: 991.98px) {
	.story-image-frame,
	.story-image-frame.is-visible {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		transform: none !important;
	}

	.story-image-frame[data-animate-page] {
		transform: translateY(28px) !important;
	}

	.story-image-frame[data-animate-page].is-visible {
		transform: none !important;
	}
}

@media (max-width: 575.98px) {
	.story-image-frame,
	.story-image-frame.is-visible {
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
		background: transparent !important;
	}

	.story-image-frame .story-img,
	.story-image-frame.is-visible .story-img,
	.story-img {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
		object-fit: contain !important;
		object-position: center center !important;
	}
}

/* Fix: Lushscape heading overlap on tablet/mobile */
@media (max-width: 767.98px) {
  .lushscape-section {
    height: auto;
    min-height: 720px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 86px 18px 70px;
    background-position: center center;
  }

  .lushscape-title,
  .lushscape-copy {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: 100%;
    max-width: 420px;
    transform: none;
    z-index: 2;
  }

  .lushscape-title {
    order: 1;
    margin: 0 0 24px;
    text-align: left;
  }

  .lushscape-title h2 {
    font-size: clamp(28px, 8vw, 38px);
    line-height: 1.16;
    letter-spacing: 0.4px;
    word-break: normal;
    overflow-wrap: break-word;
  }

  .lushscape-copy {
    order: 2;
    margin: 0;
  }

  .lushscape-copy p {
    font-size: 14.5px !important;
    line-height: 1.58;
    letter-spacing: 0;
  }
}

@media (max-width: 380px) {
  .lushscape-section {
    min-height: 760px;
    padding-top: 76px;
  }

  .lushscape-title h2 {
    font-size: 27px;
    line-height: 1.18;
  }

  .lushscape-copy p {
    font-size: 13.5px !important;
    line-height: 1.55;
  }
}


/* Final responsive overflow fix: remove page-level overflow hiding and keep mobile blocks inside viewport */
html,
body {
	max-width: 100%;
overflow-x: clip;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

img,
video,
svg,
canvas {
	max-width: 100%;
}

@media (max-width: 991.98px) {
	.site-header,
	.lumina-hero,
	.community-section,
	.story-section,
	.interiors-section,
	.exteriors-section,
	.lushscape-section,
	.amenities-section,
	.modernity-section,
	.masterplan-image-section,
	.masterplan-legend-section,
	.floorplans-section,
	.location-highlights-section,
	.specifications-section,
	.enquiry-section,
	.venture-footer-section {
		width: 100%;
		max-width: 100%;
	}

	/* Avoid 100vw + transform overflow on mobile. */
	.interiors-image-wrap,
	.story-image-frame,
	.exteriors-image-wrap,
	.exteriors-section .exteriors-image-wrap {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		transform: none !important;
	}

	.interiors-layout,
	.story-content,
	.exteriors-layout,
	.lushscape-content,
	.community-mobile-flow,
	.community-stats-grid,
	.amenities-grid,
	.floorplans-content,
	.location-content,
	.specifications-content,
	.footer-container {
		width: 100%;
		max-width: 100%;
	}

	.story-image-frame.is-visible,
	.interiors-image-wrap.is-visible,
	.exteriors-image-wrap.is-visible {
		transform: none !important;
	}

	.story-image-frame .story-img,
	.interiors-image-wrap .interiors-img,
	.exteriors-image-wrap .exteriors-img {
		max-width: 100%;
	}
}

@media (max-width: 575.98px) {
	body {
		min-width: 0;
	}

	.container,
	.container-fluid,
	.row {
		max-width: 100%;
	}

	.row {
		margin-left: 0;
		margin-right: 0;
	}
}

/* Mobile View */
@media (max-width: 767px) {

    .modernity-section {
        padding: 50px 0 0;
    }

    .modernity-bg {
        background-size: contain !important;
        background-position: center bottom;
    }

    .modernity-row {
        padding-bottom: 260px;
    }

    .modernity-copy {
        padding: 20px;
        text-align: center;
    }
    .modernity-copy {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 43px;
}
        .modernity-slider {
        bottom: 9px;
    }
    .lushscape-section{background-image:url('images/sun.jpeg');}
}