.mana-aqua-city-main {
	--gm-teal: #013f42;
	--gm-teal-deep: #032f32;
	--gm-cream: #f5efe3;
	--gm-gold: #c7a553;
	--gm-ink: #06363a;
}

.mana-aqua-city-main h1,
.mana-aqua-city-main h2,
.mana-aqua-city-main h3 {
	font-family: var(--mana-heading-font-family);
}

.mana-ac-hero .mana-gm-overlay {
	background:
		linear-gradient(180deg, rgba(3, 30, 31, 0.36), rgba(3, 30, 31, 0.54)),
		linear-gradient(90deg, rgba(3, 30, 31, 0.52), rgba(3, 30, 31, 0.16), rgba(3, 30, 31, 0.54));
}

.mana-ac-hero .mana-gm-hero-kicker {
	color: #d8bd70;
}

.mana-aqua-city-main .mana-hero-more,
.mana-aqua-city-main .mana-hero-more:visited {
	color: #f5efe3;
}

.mana-aqua-city-main .mana-hero-more:hover,
.mana-aqua-city-main .mana-hero-more:focus {
	color: #d8bd70;
}

.mana-aqua-city-main .mana-hero-more-line {
	background: currentColor;
}

.mana-ac-overview {
	background:
		linear-gradient(180deg, rgba(1, 63, 66, 0.92), rgba(1, 63, 66, 0.98)),
		var(--pd-overview-bg, url("assets/images/aqua-city/tong-the-aqua-marina.webp")) center / cover;
}

.mana-ac-facts {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0 auto 48px;
	max-width: 1080px;
}

.mana-ac-facts div {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.18);
	padding: 22px 18px;
}

.mana-ac-facts span {
	color: rgba(255, 255, 255, 0.68);
	display: block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.12em;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.mana-ac-facts strong {
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
}

.mana-ac-video-frame {
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: 0 32px 80px rgba(0, 0, 0, 0.22);
	margin: clamp(42px, 5vw, 82px) auto 0;
	overflow: hidden;
	width: min(86vw, 1320px);
}

.mana-ac-video-frame video {
	aspect-ratio: 16 / 9;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.mana-ac-section-copy {
	color: rgba(255, 255, 255, 0.82);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.7;
	margin: 36px auto 0;
	max-width: 980px;
	text-align: center;
}

.mana-ac-masterplan .mana-gm-map-card,
.mana-ac-gallery .mana-gm-wide-image {
	width: min(88vw, 1500px);
}

.mana-ac-masterplan .mana-gm-map-card img,
.mana-ac-gallery .mana-gm-wide-image img {
	border: 1px solid rgba(255, 255, 255, 0.16);
	box-shadow: 0 28px 70px rgba(0, 0, 0, 0.22);
}

.mana-ac-amenities {
	padding-bottom: 0;
}

.mana-ac-amenity-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 54px auto 0;
	width: min(82vw, 1280px);
}

.mana-ac-amenity-grid div {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.16);
	min-height: 132px;
	padding: 22px;
	text-align: left;
}

.mana-ac-amenity-grid span {
	color: var(--gm-gold);
	display: block;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.14em;
	margin-bottom: 12px;
}

.mana-ac-amenity-grid p {
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.45;
	margin: 0;
}

.mana-ac-products {
	min-height: auto;
	padding: clamp(78px, 8vw, 126px) 0;
}

.mana-ac-product-grid {
	align-items: center;
	display: grid;
	gap: clamp(34px, 5vw, 78px);
	grid-template-columns: 0.86fr 1.14fr;
}

.mana-ac-product-grid h2 {
	color: var(--gm-ink);
	font-size: 30px;
	margin-bottom: 28px;
}

.mana-ac-product-grid p,
.mana-ac-product-grid li {
	color: #405d60;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.72;
}

.mana-ac-product-grid ul {
	display: grid;
	gap: 12px;
	list-style: none;
	margin: 28px 0 0;
	padding: 0;
}

.mana-ac-product-grid li::before {
	color: var(--gm-gold);
	content: "•";
	font-weight: 800;
	margin-right: 10px;
}

.mana-ac-product-grid img {
	border: 1px solid rgba(6, 54, 58, 0.16);
	box-shadow: 0 28px 70px rgba(6, 54, 58, 0.16);
	display: block;
	width: 100%;
}

.mana-ac-partners {
	min-height: 72vh;
}

@media (max-width: 1199px) {
	.mana-ac-facts,
	.mana-ac-amenity-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mana-ac-product-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.mana-ac-facts,
	.mana-ac-amenity-grid {
		grid-template-columns: 1fr;
		width: min(88vw, 420px);
	}

	.mana-ac-video-frame,
	.mana-ac-masterplan .mana-gm-map-card,
	.mana-ac-gallery .mana-gm-wide-image {
		width: calc(100% - 32px);
	}

	.mana-ac-amenity-grid div {
		min-height: 0;
	}
}

/* Typography sync */
.mana-aqua-city-main,
.mana-aqua-city-main div,
.mana-aqua-city-main p,
.mana-aqua-city-main span,
.mana-aqua-city-main li,
.mana-aqua-city-main a,
.mana-aqua-city-main button {
	font-family: var(--mana-font-family);
}

.mana-aqua-city-main h1,
.mana-aqua-city-main h2,
.mana-aqua-city-main h3,
.mana-aqua-city-main [class*="kicker"] {
	font-family: var(--mana-heading-font-family);
}