/* The Parkland — Figma "NW - Landing Page SEO" (AYiaH2XHvW7afJJOBrK6Yt).
 * Page 1554:1381 — define 1554:1531 · hero 1737:137 · thông tin dự án
 * 1554:1391 · vị trí 1833:437 · USP 1833:1507 · mặt bằng 1833:1546 ·
 * sản phẩm 1609:100 · tiện ích 1833:1034 / 1688:1054 · tiến độ 1833:1065 ·
 * chính sách bán hàng 1657:202 · FAQ 1688:866.
 * Self-contained package: fonts, images and every style are in this folder.
 * Artwork layers follow the 1440 px Figma frame in cqw (1cqw = 14.4 px at
 * 1440); type and spacing use the Figma px values. */

/* Blocksy styles bare elements site-wide (headings, p, ul, label, img, form
 * controls…); give those properties back to browser defaults inside the
 * landing so only the rules below apply. Same block as tools/landing-import.py. */
.vision-landing--the-parkland :is(*),.vision-landing--the-parkland :is(*)::before,.vision-landing--the-parkland :is(*)::after{box-sizing:revert;outline:revert}
.vision-landing--the-parkland :is(a){color:revert;text-decoration:revert;transition:revert}
.vision-landing--the-parkland :is(a,button):is(:hover,:focus,:focus-visible){color:revert;outline:revert;outline-offset:revert;transition:revert}
.vision-landing--the-parkland :is(b,strong,dt,th,caption,legend){font-weight:revert}
.vision-landing--the-parkland :is(h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,figure,figcaption,blockquote,address,cite,em,small,big,strike,sub,sup,label,fieldset,form,table,tr,td,th,caption,legend,ins,mark,hr,pre,code,kbd,samp){font:revert;margin:revert;margin-block-end:revert;padding:revert;padding-inline-start:revert;border:revert;color:revert;letter-spacing:revert;text-transform:revert;text-decoration:revert;background:revert;cursor:revert;line-height:revert;position:revert;vertical-align:revert;top:revert;bottom:revert}
.vision-landing--the-parkland :is(figure,audio,canvas,progress,video){display:revert}
.vision-landing--the-parkland :is(img,video,iframe,embed,object){max-width:revert;vertical-align:revert}
.vision-landing--the-parkland :is(img){height:revert}
.vision-landing--the-parkland :is(input,select,textarea,button){all:revert}
.vision-landing--the-parkland label:not(.wpcf7-form-control-wrap){display:revert;font-size:revert;font-weight:revert}
.vision-landing--the-parkland .wpcf7-submit{float:revert}

/* Figma frames: border-box sizing and no default margins — blocks are spaced
 * by the gaps below. */
.vision-landing--the-parkland :is(*),
.vision-landing--the-parkland :is(*)::before,
.vision-landing--the-parkland :is(*)::after {
	box-sizing: border-box;
}
.vision-landing--the-parkland :is(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure) {
	margin: 0;
}

@font-face {
	font-family: "UVN Nhan";
	src: url("assets/fonts/UVNNhan-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "UVN Nhan";
	src: url("assets/fonts/UVNNhan-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* Tokens — define 1554:1531 ------------------------------------------------ */

.vision-landing--the-parkland {
	--pkl-primary: #004f2a;
	--pkl-deep: #0a3823;
	--pkl-lime: #bcd27c;
	--pkl-body: #5b645e;
	--pkl-bg: #eef2ee;
	--pkl-white: #fff;
	--pkl-ink: #13281f; /* hero veil + vignette */
	--pkl-font-display: "UVN Nhan", "Be Vietnam Pro", serif;
	--pkl-font-heading: "Montserrat", system-ui, sans-serif;
	--pkl-font-body: "Be Vietnam Pro", system-ui, sans-serif;
	--landing-bg: var(--pkl-white);
	--landing-body: var(--pkl-body);
	--landing-font-body: var(--pkl-font-body);
}

/* cityon/header 1–3 + title: Montserrat, line-height 1.3 */
.vision-landing--the-parkland .pkl-h1 { font: 700 48px/1.3 var(--pkl-font-heading); letter-spacing: 0.96px; }
.vision-landing--the-parkland .pkl-h2 { font: 700 32px/1.3 var(--pkl-font-heading); }
.vision-landing--the-parkland .pkl-h3 { font: 700 20px/1.3 var(--pkl-font-heading); }
.vision-landing--the-parkland .pkl-title { font: 600 16px/1.3 var(--pkl-font-heading); }

/* Button 1737:153 — lime, padding 16, radius 6, Be Vietnam Pro Bold 16.
 * Hover darkens the fill; doubled class beats the theme reset's
 * :is(a, button):is(:hover, :focus) { color: revert }. */
.vision-landing--the-parkland .pkl-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	border-radius: 6px;
	background: var(--pkl-btn-bg);
	color: var(--pkl-deep);
	font: 700 16px/1.3 var(--pkl-font-body);
	letter-spacing: 0.16px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	transition: background-color 0.25s ease;
	--pkl-btn-bg: var(--pkl-lime);
}
.vision-landing--the-parkland .pkl-button.pkl-button:is(:hover, :focus, :focus-visible) { color: var(--pkl-deep); }
.vision-landing--the-parkland .pkl-button.pkl-button:is(:hover, :focus-visible) {
	background: color-mix(in srgb, var(--pkl-btn-bg) 80%, #000);
}

/* Hero 1737:137 — 1440 × 724 ----------------------------------------------
 * The artwork sits on a "stage" in the frame's ratio; below 1024 px it keeps
 * a minimum height and is cropped at the sides (towers stay centred) instead
 * of shrinking, and the text stacks top / bottom. */

.vision-landing--the-parkland .pkl-hero {
	--pkl-hero-min: 0px;
	container-type: inline-size;
	position: relative;
	height: max(50.278cqw, var(--pkl-hero-min)); /* 724 */
	overflow: hidden;
	background: var(--pkl-ink);
}
.vision-landing--the-parkland .pkl-hero__stage {
	container-type: inline-size;
	position: absolute;
	top: 0;
	left: 50%;
	width: max(100cqw, var(--pkl-hero-min) * 1.98895); /* 1440 / 724 */
	aspect-ratio: 1440 / 724;
	transform: translateX(-50%);
}
.vision-landing--the-parkland .pkl-hero__photo,
.vision-landing--the-parkland .pkl-hero__towers,
.vision-landing--the-parkland .pkl-hero__vignette {
	position: absolute;
	inset: 0;
	overflow: hidden;
}
/* img 1737:139: fill 103.09 % × 111.89 % from (−1.58 %, −11.87 %), 20 % veil */
.vision-landing--the-parkland .pkl-hero__photo img {
	position: absolute;
	top: -11.87%;
	left: -1.58%;
	width: 103.09%;
	max-width: none;
	height: 111.89%;
}
.vision-landing--the-parkland .pkl-hero__photo::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(19, 40, 31, 0.2);
}
/* Mask group 1737:140 — the unveiled render (1737:144, stretched to the
 * frame) inside the towers' outline: 457 × 582.5 at (503, 60), blurred 2 px. */
.vision-landing--the-parkland .pkl-hero__towers {
	-webkit-mask: url("assets/hero-mask.svg") 34.931cqw 4.1667cqw / 31.736cqw 40.451cqw no-repeat;
	mask: url("assets/hero-mask.svg") 34.931cqw 4.1667cqw / 31.736cqw 40.451cqw no-repeat;
}
.vision-landing--the-parkland .pkl-hero__towers img {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
}
/* 1737:145 — radial #13281F, clear around (792.5, 373) to solid at the
 * corners, at 80 % */
.vision-landing--the-parkland .pkl-hero__vignette {
	background: url("assets/hero-vignette.svg") 0 0 / 100% 100% no-repeat;
}

.vision-landing--the-parkland .pkl-hero__content {
	position: absolute;
	inset: 0;
}
.vision-landing--the-parkland .pkl-hero__kicker,
.vision-landing--the-parkland .pkl-hero__main {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-family: var(--pkl-font-display);
	line-height: 1.5;
	white-space: nowrap;
}
/* 1737:146 — at (188, 98); the slogan overlaps the place name by 18 px */
.vision-landing--the-parkland .pkl-hero__kicker {
	top: 6.806cqw;
	left: 13.056cqw;
}
.vision-landing--the-parkland .pkl-hero__slogan {
	margin-bottom: -0.643em;
	color: var(--pkl-bg);
	font-size: clamp(20px, 1.944cqw, 28px);
	letter-spacing: 0.1em;
	text-shadow: 0 4px 10px #2b2015;
}
.vision-landing--the-parkland .pkl-hero__place,
.vision-landing--the-parkland .pkl-hero__title {
	font-size: clamp(36px, 3.75cqw, 54px);
	font-weight: 700;
	text-transform: uppercase;
}
.vision-landing--the-parkland .pkl-hero__place {
	color: var(--pkl-white);
}
/* 1737:149 — 381 wide at (943, 407): title, 8, tagline, 16, CTA */
.vision-landing--the-parkland .pkl-hero__main {
	top: 28.264cqw;
	left: 65.486cqw;
	text-shadow: 0 4px 10px #2b2015;
}
.vision-landing--the-parkland .pkl-hero__title {
	color: #faf5f5;
	line-height: 1.5;
}
.vision-landing--the-parkland .pkl-hero__tagline {
	margin-top: 8px;
	color: var(--pkl-bg);
	font-size: clamp(20px, 1.944cqw, 28px);
}
.vision-landing--the-parkland .pkl-hero .pkl-button {
	margin-top: 16px;
	text-shadow: none;
}

/* Section headings — Italianno kicker 36 (letter-spacing 10 %) overlapping
 * the UVN Nhan Bold 48 / 1.5 title by 18 px (e.g. 1554:1472). */
.vision-landing--the-parkland .pkl-heading {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-weight: 400;
}
.vision-landing--the-parkland .pkl-heading--center {
	align-items: center;
	text-align: center;
}
.vision-landing--the-parkland .pkl-heading__kicker {
	margin-bottom: -18px;
	color: var(--pkl-body);
	font: 400 36px/normal "Italianno", cursive;
	letter-spacing: 3.6px;
}
.vision-landing--the-parkland .pkl-heading__title {
	color: var(--pkl-primary);
	font: 700 48px/1.5 var(--pkl-font-display);
	text-transform: uppercase;
}

/* Thông tin dự án 1554:1391 + vị trí 1833:437 — #F7F8F7. Every section's
 * content is 1280 wide, centred. ------------------------------------------ */

.vision-landing--the-parkland :is(.pkl-overview, .pkl-location) {
	position: relative;
	overflow: hidden;
	background: #f7f8f7;
	color: var(--pkl-body);
	font: 400 16px/1.5 var(--pkl-font-body);
}
.vision-landing--the-parkland :is(.pkl-overview__about, .pkl-location__inner, .pkl-values__usp, .pkl-plan, .pkl-products__inner, .pkl-amenities__inner, .pkl-progress__inner, .pkl-policy__inner, .pkl-faq__inner) {
	position: relative;
	width: min(1280px, 100% - 64px);
	margin-inline: auto;
}
/* 1554:1391 — 67 from the top, 65 to the bottom */
.vision-landing--the-parkland .pkl-overview {
	padding: 67px 0 65px;
}
.vision-landing--the-parkland .pkl-overview__about {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.vision-landing--the-parkland .pkl-overview__row {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}
.vision-landing--the-parkland .pkl-overview__head,
.vision-landing--the-parkland .pkl-facts {
	flex: 1 1 0;
	min-width: 0;
}
.vision-landing--the-parkland .pkl-overview__head {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.vision-landing--the-parkland .pkl-overview__intro {
	max-width: 584px;
	letter-spacing: -0.08px;
}
/* content 1569:1558 — rows of a 370.5 + 16 + 198.67 pair over a full-width
 * rule, then two full-width facts. The 16 px gap is folded into the 1st
 * column (386.5, right padding 12 + 16) so the rule runs on. */
.vision-landing--the-parkland .pkl-facts {
	display: grid;
	grid-template-columns: minmax(0, 386.5fr) minmax(0, 241.5fr);
}
.vision-landing--the-parkland .pkl-fact {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 16px 12px;
	border-bottom: 1px solid #eef0ef;
}
.vision-landing--the-parkland .pkl-fact:nth-child(odd) {
	padding-right: 28px;
}
.vision-landing--the-parkland .pkl-fact--wide {
	grid-column: 1 / -1;
}
.vision-landing--the-parkland .pkl-fact--wide.pkl-fact--wide {
	padding-right: 12px;
}
.vision-landing--the-parkland .pkl-fact:last-child {
	border-bottom: 0;
}
.vision-landing--the-parkland .pkl-fact dt {
	color: var(--pkl-deep);
	font-weight: 600;
	text-transform: uppercase;
}
.vision-landing--the-parkland .pkl-fact dd {
	margin: 0;
}
.vision-landing--the-parkland .pkl-overview__photo {
	overflow: hidden;
	aspect-ratio: 16 / 9;
	border-radius: 16px;
}
.vision-landing--the-parkland .pkl-overview__photo img,
.vision-landing--the-parkland .pkl-location__map img {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
}

/* 1833:437 — 68 from the top, 145 to the bottom: map 628 wide (as tall as
 * the copy, 597) + 24 + copy */
.vision-landing--the-parkland .pkl-location {
	padding: 68px 0 145px;
}
/* palm-leaf 1833:440 — 375 × 700 on the right edge from y 53, at 8 % */
.vision-landing--the-parkland .pkl-location__leaf {
	position: absolute;
	top: 53px;
	right: 0;
	width: 375px;
	height: auto;
	opacity: 0.08;
	pointer-events: none;
}
.vision-landing--the-parkland .pkl-location__inner {
	display: flex;
	gap: 24px;
}
.vision-landing--the-parkland .pkl-location__map {
	position: relative;
	flex: 1 1 0;
	min-width: 0;
	overflow: hidden;
	border-radius: 16px;
}
.vision-landing--the-parkland .pkl-location__map img {
	position: absolute;
	inset: 0;
}
.vision-landing--the-parkland .pkl-location__body {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	min-width: 0;
}
.vision-landing--the-parkland .pkl-location__text {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.vision-landing--the-parkland .pkl-location__times {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vision-landing--the-parkland .pkl-location__times li {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.vision-landing--the-parkland .pkl-location__times strong {
	color: var(--pkl-primary);
	font: 700 18px/1.5 var(--pkl-font-display);
}

/* USP 1833:1507 + mặt bằng 1833:1546 — #004F2A under the leaf pattern
 * (partern-9, cropped differently in each frame) ------------------------- */

.vision-landing--the-parkland :is(.pkl-values, .pkl-masterplan) {
	background: var(--pkl-primary) var(--pkl-pattern) center top / cover no-repeat;
	color: #c8d0c8;
	font: 400 16px/1.5 var(--pkl-font-body);
}
.vision-landing--the-parkland :is(.pkl-values, .pkl-masterplan) .pkl-heading__kicker {
	color: var(--pkl-lime);
}
.vision-landing--the-parkland :is(.pkl-values, .pkl-masterplan) .pkl-heading__title {
	color: var(--pkl-white);
}
/* 1833:1507 — 93 above and below the heading + cards */
.vision-landing--the-parkland .pkl-values {
	padding: 93px 0;
	--pkl-pattern: url("assets/usp-bg.webp");
}
.vision-landing--the-parkland .pkl-values__usp {
	display: flex;
	flex-direction: column;
	gap: 48px;
}
/* Group 1261153377 — four 308 px columns 16 apart, the 2nd and 4th 85 lower;
 * each: copy on top, the photo 85.68 down under it, faded in by an alpha
 * gradient (Rectangle 3463869) so the copy reads on the green. */
.vision-landing--the-parkland .pkl-usps {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
}
.vision-landing--the-parkland .pkl-usp {
	display: grid;
	flex: 0 1 308px;
	min-width: 0;
}
.vision-landing--the-parkland .pkl-usp:nth-child(even) {
	margin-top: 85px;
}
.vision-landing--the-parkland .pkl-usp__media,
.vision-landing--the-parkland .pkl-usp__text {
	grid-area: 1 / 1;
}
.vision-landing--the-parkland .pkl-usp__media {
	position: relative;
	overflow: hidden;
	margin-top: 85.68px;
	aspect-ratio: 308 / 568.294;
	border-radius: 0 0 16px 16px;
}
.vision-landing--the-parkland .pkl-usp__media img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
}
.vision-landing--the-parkland .pkl-usp__img {
	-webkit-mask: var(--pkl-usp-mask) 0 0 / 100% 100% no-repeat;
	mask: var(--pkl-usp-mask) 0 0 / 100% 100% no-repeat;
}
.vision-landing--the-parkland .pkl-usp__media--1 { --pkl-usp-mask: url("assets/usp-mask-1.svg"); }
.vision-landing--the-parkland .pkl-usp__media--2 { --pkl-usp-mask: url("assets/usp-mask-2.svg"); }
.vision-landing--the-parkland .pkl-usp__media--3 { --pkl-usp-mask: url("assets/usp-mask-3.svg"); }
.vision-landing--the-parkland .pkl-usp__media--4 { --pkl-usp-mask: url("assets/usp-mask-4.svg"); }
.vision-landing--the-parkland .pkl-usp__text {
	position: relative;
	display: flex;
	flex-direction: column;
	align-self: start;
	gap: 14.903px;
	padding: 0 16.128px;
}
.vision-landing--the-parkland .pkl-usp__title {
	color: #f7f8f7;
	font: 700 18px/1.3 var(--pkl-font-display);
}
.vision-landing--the-parkland .pkl-usp__text p,
.vision-landing--the-parkland .pkl-plan__text {
	text-align: justify;
	letter-spacing: -0.32px;
}

/* 1833:1546 — copy (605) + 32 + master plan 643 × 729, 171.5 above and
 * below */
.vision-landing--the-parkland .pkl-masterplan {
	padding: 171.5px 0;
	--pkl-pattern: url("assets/plan-bg.webp");
}
.vision-landing--the-parkland .pkl-plan {
	display: flex;
	align-items: flex-start;
	gap: 32px;
}
.vision-landing--the-parkland .pkl-plan__body {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
	min-width: 0;
}
.vision-landing--the-parkland .pkl-plan__text {
	display: flex;
	flex-direction: column;
	align-self: stretch; /* else the nowrap tabs set its width on narrow screens */
	gap: 32px;
	min-width: 0;
}
.vision-landing--the-parkland .pkl-plan__zones,
.vision-landing--the-parkland .pkl-plan__points {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.vision-landing--the-parkland .pkl-plan__points ul {
	margin: 0;
	padding-left: 24px;
	list-style: disc;
}
/* Sub-zone tabs 1732:379 — SemiBold 16, 32 apart; the current one #EDFDC0
 * with a rule under it. Doubled classes beat the theme reset's
 * :is(a, button):is(:hover, :focus) { color: revert }. */
.vision-landing--the-parkland .pkl-plan__tabs {
	display: flex;
	align-items: center;
	gap: 32px;
}
.vision-landing--the-parkland .pkl-plan__tab {
	padding: 16px 0;
	border: 0;
	border-bottom: 1px solid transparent;
	background: none;
	color: #c8d0c8;
	font: 600 16px/1.5 var(--pkl-font-body);
	letter-spacing: -0.32px;
	white-space: nowrap;
	cursor: pointer;
	transition: color 0.25s ease, border-color 0.25s ease;
}
.vision-landing--the-parkland .pkl-plan__tab.pkl-plan__tab:focus {
	color: #c8d0c8;
}
.vision-landing--the-parkland .pkl-plan__tab.pkl-plan__tab:is(:hover, :focus-visible),
.vision-landing--the-parkland .pkl-plan__tab.pkl-plan__tab.is-active {
	color: #edfdc0;
}
.vision-landing--the-parkland .pkl-plan__tab.is-active {
	border-bottom-color: #edfdc0;
}

/* Master plan — image 212 under a 40 % black veil; each tab's layer: the
 * outline glow (#BCD27C, blur 2) and line (#DDE4C8), the zone unveiled
 * through its outline, the label card and building pins. Layers follow the
 * 643 px frame in cqw (1cqw = 6.43 px). */
.vision-landing--the-parkland .pkl-plan__map {
	container-type: inline-size;
	position: relative;
	flex: 0 0 643px;
	overflow: hidden;
	aspect-ratio: 643 / 729;
	border-radius: 16px;
}
.vision-landing--the-parkland .pkl-plan__base {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	filter: brightness(0.6); /* = rgba(0, 0, 0, 0.4) over it */
}
.vision-landing--the-parkland .pkl-zone {
	position: absolute;
	inset: 0;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.45s ease, visibility 0.45s;
}
.vision-landing--the-parkland .pkl-zone.is-active {
	visibility: visible;
	opacity: 1;
}
.vision-landing--the-parkland .pkl-zone > * {
	position: absolute;
	display: block;
	max-width: none;
}
.vision-landing--the-parkland .pkl-zone__glow {
	left: var(--glow-x);
	top: var(--glow-y);
	width: var(--glow-w);
	height: var(--glow-h);
}
.vision-landing--the-parkland .pkl-zone__line {
	left: var(--line-x);
	top: var(--line-y);
	width: var(--line-w);
	height: var(--line-h);
}
.vision-landing--the-parkland .pkl-zone__lit {
	inset: 0;
	background: url("assets/plan.webp") 0 0 / 100% 100% no-repeat;
	-webkit-mask: var(--mask) var(--mask-x) var(--mask-y) / var(--mask-w) var(--mask-h) no-repeat;
	mask: var(--mask) var(--mask-x) var(--mask-y) / var(--mask-w) var(--mask-h) no-repeat;
}
/* 148 × 57 card, #EDFDC0, radius 8: UVN Nhan Bold name over Be Vietnam count */
.vision-landing--the-parkland .pkl-zone__label {
	left: var(--label-x);
	top: var(--label-y);
	display: flex;
	flex-direction: column;
	min-width: max(104px, 23.017cqw);
	padding: max(3px, 0.7cqw) max(8px, 1.866cqw);
	border-radius: max(6px, 1.244cqw);
	background: #edfdc0;
	color: #71823e;
	font: 400 max(11px, 2.488cqw)/1.5 var(--pkl-font-body);
	letter-spacing: -0.02em;
}
.vision-landing--the-parkland .pkl-zone__label strong {
	color: #485e06;
	font: 700 1em/1.5 var(--pkl-font-display);
	letter-spacing: 0;
	text-transform: uppercase;
	white-space: nowrap;
}
/* Pins: 35 px (38 in Prime Garden) rings, centred on their Figma spot */
.vision-landing--the-parkland .pkl-zone__pin {
	display: grid;
	place-items: center;
	width: var(--pin);
	height: var(--pin);
	border: 1.5px solid #485e06;
	border-radius: 50%;
	background: #edfdc0;
	color: #485e06;
	font: 700 max(10px, 2.488cqw)/0.8 var(--pkl-font-display);
	text-transform: uppercase;
	translate: -50% -50%;
	--pin: max(22px, 5.443cqw);
}
.vision-landing--the-parkland .pkl-zone--spring {
	--glow-x: 41.162cqw; --glow-y: 4.042cqw; --glow-w: 44.53cqw; --glow-h: 40.941cqw;
	--line-x: 42.095cqw; --line-y: 4.975cqw; --line-w: 42.664cqw; --line-h: 39.078cqw;
	--mask: url("assets/zone-spring-mask.svg");
	--mask-x: 42.406cqw; --mask-y: 5.288cqw; --mask-w: 42.042cqw; --mask-h: 38.453cqw;
	--label-x: 20.684cqw; --label-y: 10.264cqw;
}
.vision-landing--the-parkland .pkl-zone--spring .pkl-zone__pin--1 { left: 46.112cqw; top: 20.918cqw; }
.vision-landing--the-parkland .pkl-zone--spring .pkl-zone__pin--2 { left: 62.753cqw; top: 6.765cqw; }
.vision-landing--the-parkland .pkl-zone--spring .pkl-zone__pin--3 { left: 74.883cqw; top: 25.583cqw; }
.vision-landing--the-parkland .pkl-zone--spring .pkl-zone__pin--4 { left: 55.599cqw; top: 43.779cqw; }
.vision-landing--the-parkland .pkl-zone--prime {
	--glow-x: 39.854cqw; --glow-y: 44.947cqw; --glow-w: 48.597cqw; --glow-h: 28.288cqw;
	--mask: url("assets/zone-prime-mask.svg");
	--mask-x: 40.788cqw; --mask-y: 45.88cqw; --mask-w: 46.729cqw; --mask-h: 26.421cqw;
	--label-x: 58.632cqw; --label-y: 73.561cqw;
}
.vision-landing--the-parkland .pkl-zone--prime .pkl-zone__pin { --pin: max(24px, 5.91cqw); }
.vision-landing--the-parkland .pkl-zone--prime .pkl-zone__pin--1 { left: 57.076cqw; top: 70.607cqw; }
.vision-landing--the-parkland .pkl-zone--prime .pkl-zone__pin--2 { left: 42.457cqw; top: 67.807cqw; }
.vision-landing--the-parkland .pkl-zone--prime .pkl-zone__pin--3 { left: 82.426cqw; top: 58.476cqw; }
.vision-landing--the-parkland .pkl-zone--forest {
	--glow-x: 0cqw; --glow-y: 42.484cqw; --glow-w: 41.512cqw; --glow-h: 27.516cqw;
	--line-x: 0.932cqw; --line-y: 43.415cqw; --line-w: 39.646cqw; --line-h: 25.652cqw;
	--mask: url("assets/zone-forest-mask.svg");
	--mask-x: 1.244cqw; --mask-y: 43.726cqw; --mask-w: 39.022cqw; --mask-h: 25.028cqw;
	--label-x: 14.308cqw; --label-y: 30.949cqw;
}
.vision-landing--the-parkland .pkl-zone--forest .pkl-zone__pin--1 { left: 15.008cqw; top: 49.067cqw; }
.vision-landing--the-parkland .pkl-zone--forest .pkl-zone__pin--2 { left: 13.453cqw; top: 62.286cqw; }

/* Sản phẩm 1609:100 — #EEF2EE, 837 tall: 89, heading, 32, the 490 px
 * slider, 123. Three white cards per view, 24 apart; the arrows (45 × 44)
 * sit across the slider's edges, greyed out at either end. ---------------- */

.vision-landing--the-parkland .pkl-products {
	overflow: hidden;
	padding: 89px 0 123.19px;
	background: var(--pkl-bg);
	color: var(--pkl-body);
	font: 400 16px/1.5 var(--pkl-font-body);
}
.vision-landing--the-parkland .pkl-products__inner {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.vision-landing--the-parkland :is(.pkl-products, .pkl-amenities) .pkl-heading__kicker {
	margin-bottom: -14px;
}
.vision-landing--the-parkland .pkl-slider {
	position: relative;
}
.vision-landing--the-parkland .pkl-slider__track {
	display: flex;
	gap: 24px;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}
.vision-landing--the-parkland .pkl-slider__track::-webkit-scrollbar {
	display: none;
}
.vision-landing--the-parkland .pkl-product {
	display: flex;
	flex: 0 0 calc((100% - 48px) / 3);
	flex-direction: column;
	align-items: center;
	gap: 16px;
	min-width: 0;
	height: 489.81px;
	padding: 24px 16px;
	border-radius: 16px;
	background: var(--pkl-white);
	scroll-snap-align: start;
}
/* Duplex & Penthouse (1618:324) centres its taller content */
.vision-landing--the-parkland .pkl-product:last-child {
	justify-content: center;
}
.vision-landing--the-parkland .pkl-product__copy {
	display: flex;
	flex-direction: column;
	align-self: stretch;
	gap: 14.903px;
}
/* Line 2018 — 1 px #5B645E at 20 % under the name and size */
.vision-landing--the-parkland .pkl-product__head {
	display: flex;
	align-items: center;
	gap: 15px;
	padding-bottom: 14.903px;
	border-bottom: 1px solid rgba(91, 100, 94, 0.2);
	color: #051e13;
}
.vision-landing--the-parkland .pkl-product__name {
	flex: 1 1 0;
	min-width: 0;
	font: 700 18px/1.3 var(--pkl-font-display);
	text-transform: uppercase;
}
.vision-landing--the-parkland .pkl-product__spec {
	flex: none;
	letter-spacing: -0.32px;
	white-space: nowrap;
}
.vision-landing--the-parkland .pkl-product__text {
	text-align: justify;
	letter-spacing: -0.32px;
}
.vision-landing--the-parkland .pkl-product__img {
	display: block;
	flex: none;
	max-width: 100%;
	height: auto;
}
/* Doubled classes beat the theme reset's :is(a, button):is(:hover, :focus). */
.vision-landing--the-parkland .pkl-slider__arrow {
	position: absolute;
	top: calc(50% - 22px);
	z-index: 1;
	display: block;
	width: 45.273px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--pkl-primary);
	color: #f7f8f7;
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease;
}
.vision-landing--the-parkland .pkl-slider__arrow.pkl-slider__arrow:is(:hover, :focus, :focus-visible) {
	color: #f7f8f7;
}
.vision-landing--the-parkland .pkl-slider__arrow.pkl-slider__arrow:not(:disabled):is(:hover, :focus-visible) {
	background: color-mix(in srgb, var(--pkl-primary) 80%, #000);
}
.vision-landing--the-parkland .pkl-slider__arrow.pkl-slider__arrow:disabled {
	background: rgba(228, 228, 228, 0.5);
	color: #aab1ac;
	cursor: default;
}
.vision-landing--the-parkland .pkl-slider__arrow svg {
	display: block;
	width: 100%;
	height: 100%;
}
.vision-landing--the-parkland .pkl-slider__arrow--prev {
	left: -22px;
}
.vision-landing--the-parkland .pkl-slider__arrow--prev svg {
	rotate: 180deg;
}
.vision-landing--the-parkland .pkl-slider__arrow--next {
	right: -22.546px;
}

/* Tiện ích 1833:1034 — #EEF2EE under a palm (Frame 2147226755, 899 × 778,
 * drawn at 10 %) centred on the top edge; 935 tall: 158, heading row (103),
 * 32, two rows of three photo cards 16 apart, 160. ------------------------ */

.vision-landing--the-parkland .pkl-amenities {
	padding: 158px 0 160px;
	background: var(--pkl-bg) url("assets/amenities-leaf.svg") 50% 0 / 899px 778px no-repeat;
	color: var(--pkl-body);
	font: 400 16px/1.5 var(--pkl-font-body);
}
.vision-landing--the-parkland .pkl-amenities__inner {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.vision-landing--the-parkland .pkl-amenities__head {
	display: flex;
	align-items: center;
}
.vision-landing--the-parkland .pkl-amenities__head .pkl-heading {
	flex: 1 1 0;
	min-width: 0;
}
/* 1833:1044 — two 160 px tabs; the current one #004F2A, the other #A8ABA9 */
.vision-landing--the-parkland .pkl-amenities__tabs {
	display: flex;
}
.vision-landing--the-parkland .pkl-amenities__tab {
	width: 160px;
	padding: 16px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #a8aba9;
	font: 600 18px/1.5 var(--pkl-font-body);
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease;
}
.vision-landing--the-parkland .pkl-amenities__tab.pkl-amenities__tab:focus {
	color: #a8aba9;
}
.vision-landing--the-parkland .pkl-amenities__tab.pkl-amenities__tab:is(:hover, :focus-visible) {
	color: var(--pkl-primary);
}
.vision-landing--the-parkland .pkl-amenities__tab.pkl-amenities__tab.is-active {
	background: var(--pkl-primary);
	color: var(--pkl-white);
}
.vision-landing--the-parkland .pkl-amenities__tab.pkl-amenities__tab.is-active:is(:hover, :focus-visible) {
	background: color-mix(in srgb, var(--pkl-primary) 80%, #000);
}
/* Both grids share one cell and cross-fade */
.vision-landing--the-parkland .pkl-amenities__panels {
	display: grid;
}
.vision-landing--the-parkland .pkl-amenities__grid {
	display: grid;
	grid-area: 1 / 1;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.45s ease, visibility 0.45s;
}
.vision-landing--the-parkland .pkl-amenities__grid.is-active {
	visibility: visible;
	opacity: 1;
}
.vision-landing--the-parkland .pkl-amenity {
	position: relative;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	aspect-ratio: 416 / 233;
	margin: 0;
	padding: 16px;
	border-radius: 16px;
}
.vision-landing--the-parkland .pkl-amenity img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
}
.vision-landing--the-parkland .pkl-amenity::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(205deg, rgba(5, 30, 19, 0) 56.129%, #051e13 99.778%);
}
/* Phòng gym 1688:984 — a steeper, shorter shade */
.vision-landing--the-parkland .pkl-amenities__grid--2 .pkl-amenity:first-child::after {
	background: linear-gradient(187.314deg, rgba(5, 30, 19, 0) 56.193%, #051e13 111.48%);
}
.vision-landing--the-parkland .pkl-amenity figcaption {
	position: relative;
	z-index: 1;
	color: var(--pkl-white);
	font: 700 16px/1.5 var(--pkl-font-display);
	text-transform: uppercase;
}

/* Tiến độ thực tế 1833:1065 — #EEF2EE, 870 tall: copy + 24 + the photo
 * (530 / 572), centred; palm-leaf 1833:1068 (375 × 700, two fronds at 8 %)
 * centred on the left edge. ------------------------------------------------ */

.vision-landing--the-parkland .pkl-progress {
	position: relative;
	overflow: hidden;
	padding: 96.1px 0;
	background: var(--pkl-bg);
	color: var(--pkl-body);
	font: 400 16px/1.5 var(--pkl-font-body);
}
.vision-landing--the-parkland .pkl-progress__leaf {
	position: absolute;
	top: 50%;
	left: 0;
	width: 375px;
	height: auto;
	translate: 0 -50%;
	pointer-events: none;
}
.vision-landing--the-parkland .pkl-progress__inner {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}
.vision-landing--the-parkland .pkl-progress__body {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	min-width: 0;
}
.vision-landing--the-parkland .pkl-progress__title {
	color: var(--pkl-primary);
	font: 700 48px/1.5 var(--pkl-font-display);
	text-transform: uppercase;
}
/* 1833:1191 hugs the 616 px intro; the updates wrap to it */
.vision-landing--the-parkland .pkl-progress__text {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 616px;
	letter-spacing: -0.32px;
}
.vision-landing--the-parkland .pkl-progress__item {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
/* Bold #0A3823 bullet, 24 in */
.vision-landing--the-parkland .pkl-progress__item h3 {
	display: list-item;
	margin-left: 24px;
	color: var(--pkl-deep);
	font: 700 16px/1.5 var(--pkl-font-body);
	list-style: disc;
}
.vision-landing--the-parkland .pkl-progress__photo {
	flex: 1 1 0;
	min-width: 0;
	overflow: hidden;
	aspect-ratio: 530 / 572;
	border-radius: 16px;
}
.vision-landing--the-parkland .pkl-progress__photo img {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
}

/* Chính sách bán hàng 1657:202 — the street render (partern-9 2, mirrored)
 * under rgba(1, 4, 3, .6), 612 tall: offers + 142 + the 523 px form, centred.
 * ------------------------------------------------------------------------- */

.vision-landing--the-parkland .pkl-policy {
	display: flex;
	align-items: center;
	min-height: 612px;
	padding: 64px 0;
	background: linear-gradient(rgba(1, 4, 3, 0.6), rgba(1, 4, 3, 0.6)), url("assets/policy-bg.webp") center / cover no-repeat;
	color: #c8d0c8;
	font: 400 16px/1.5 var(--pkl-font-body);
}
.vision-landing--the-parkland .pkl-policy__inner {
	display: flex;
	align-items: center;
	gap: 142px;
}
.vision-landing--the-parkland .pkl-policy__body {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	min-width: 0;
	letter-spacing: -0.32px;
}
.vision-landing--the-parkland .pkl-policy__title {
	color: var(--pkl-white);
	font: 700 32px/1.5 var(--pkl-font-display);
	letter-spacing: 0;
	text-transform: uppercase;
}
.vision-landing--the-parkland .pkl-policy__offers {
	display: flex;
	gap: 8px;
}
.vision-landing--the-parkland .pkl-policy__column {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.vision-landing--the-parkland .pkl-policy__column:first-child {
	width: 294px;
}
.vision-landing--the-parkland .pkl-policy__offer {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.vision-landing--the-parkland .pkl-policy__offer dt {
	color: var(--pkl-white);
	font: 700 24px/1.5 var(--pkl-font-body);
	letter-spacing: -0.48px;
}
.vision-landing--the-parkland .pkl-policy__offer dd {
	margin: 0;
}
/* form đk 1688:910 — white at 90 %, padding 27.847, radius 13.923 */
.vision-landing--the-parkland .pkl-form {
	display: flex;
	flex: 0 0 523px;
	flex-direction: column;
	gap: 13.923px;
	min-width: 0;
	padding: 27.847px;
	border-radius: 13.923px;
	background: rgba(255, 255, 255, 0.9);
	color: var(--pkl-body);
	font: 400 16px/1.5 var(--pkl-font-body);
}
.vision-landing--the-parkland .pkl-form__head {
	display: flex;
	flex-direction: column;
	gap: 13.923px;
	letter-spacing: -0.08px;
	text-align: center;
}
.vision-landing--the-parkland .pkl-form__title {
	color: var(--pkl-primary);
	font: 700 24px/1.5 var(--pkl-font-display);
	letter-spacing: 0;
	text-transform: uppercase;
}
/* Contact Form 7: its wrappers are display:contents so the fields sit in the
 * form's own column. */
.vision-landing--the-parkland .pkl-form :is(.wpcf7, .wpcf7-form-control-wrap) {
	display: contents;
}
.vision-landing--the-parkland .pkl-form__fields {
	position: relative;
	display: flex;
	flex-direction: column;
}
.vision-landing--the-parkland .pkl-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}
.vision-landing--the-parkland .pkl-field {
	display: block;
	border-bottom: 0.87px solid rgba(174, 174, 174, 0.57);
	transition: border-color 0.25s ease;
}
.vision-landing--the-parkland .pkl-field:focus-within {
	border-bottom-color: var(--pkl-primary);
}
.vision-landing--the-parkland .pkl-field input {
	display: block;
	width: 100%;
	padding: 20.885px 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--pkl-ink);
	font: 400 16px/1.5 var(--pkl-font-body);
	letter-spacing: -0.08px;
}
.vision-landing--the-parkland .pkl-field input::placeholder {
	color: var(--pkl-body);
	opacity: 1;
}
.vision-landing--the-parkland .pkl-field .wpcf7-not-valid-tip {
	display: block;
	margin: -14px 0 8px;
	color: #c0392b;
	font-size: 12px;
}
/* 1688:928 — lime, padding 13.923, Bold 12.12 */
.vision-landing--the-parkland .pkl-form__submit {
	align-self: flex-end;
	margin-top: 27.847px;
	padding: 13.923px;
	border: 0;
	font-size: 12.12px;
	letter-spacing: 0.1212px;
	cursor: pointer;
}
.vision-landing--the-parkland .pkl-form .wpcf7-spinner {
	position: absolute;
	right: 0;
	bottom: 52px;
	margin: 0;
}
.vision-landing--the-parkland .pkl-form .wpcf7-response-output {
	margin: 16px 0 0;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 14px;
	text-align: center;
}

/* Câu hỏi thường gặp 1688:866 — #004F2A under partern-9 (mirrored), 460
 * tall: heading + 142 + six questions, centred ---------------------------- */

.vision-landing--the-parkland .pkl-faq {
	padding: 59px 0;
	background: var(--pkl-primary) url("assets/faq-bg.webp") center / cover no-repeat;
	color: #c8d0c8;
	font: 400 16px/1.5 var(--pkl-font-body);
}
.vision-landing--the-parkland .pkl-faq__inner {
	display: flex;
	align-items: center;
	gap: 142px;
}
.vision-landing--the-parkland .pkl-faq .pkl-heading,
.vision-landing--the-parkland .pkl-faq__list {
	flex: 1 1 0;
	min-width: 0;
}
.vision-landing--the-parkland .pkl-faq .pkl-heading__kicker {
	color: var(--pkl-lime);
}
.vision-landing--the-parkland .pkl-faq .pkl-heading__title {
	color: var(--pkl-white);
}
.vision-landing--the-parkland .pkl-faq__item {
	border-bottom: 1px solid rgba(240, 240, 239, 0.2);
}
.vision-landing--the-parkland .pkl-faq__q {
	margin: 0;
}
/* Doubled classes beat the theme reset's :is(a, button):is(:hover, :focus). */
.vision-landing--the-parkland .pkl-faq__toggle {
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
	padding: 16px 0;
	border: 0;
	background: none;
	color: var(--pkl-white);
	font: 600 16px/1.5 var(--pkl-font-body);
	letter-spacing: 0.08px;
	text-align: left;
	cursor: pointer;
	transition: color 0.25s ease;
}
.vision-landing--the-parkland .pkl-faq__toggle.pkl-faq__toggle:focus {
	color: var(--pkl-white);
}
.vision-landing--the-parkland .pkl-faq__toggle.pkl-faq__toggle:is(:hover, :focus-visible) {
	color: #edfdc0;
}
.vision-landing--the-parkland .pkl-faq__toggle span {
	flex: 1 1 0;
	min-width: 0;
}
.vision-landing--the-parkland .pkl-faq__icon {
	flex: none;
	width: 24px;
	height: 24px;
	transition: transform 0.3s ease;
}
.vision-landing--the-parkland .pkl-faq__toggle[aria-expanded="true"] .pkl-faq__icon {
	transform: rotate(45deg);
}
.vision-landing--the-parkland .pkl-faq__a {
	padding: 0 40px 16px 0;
}

/* Reveal on scroll (script.js adds .pkl-reveal-ready unless reduced motion;
 * without JS nothing is hidden). */
.vision-landing--the-parkland.pkl-reveal-ready .pkl-rv {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 0.8s ease, transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);
	transition-delay: var(--pkl-rv-delay, 0s);
}
.vision-landing--the-parkland.pkl-reveal-ready .pkl-rv--fade {
	transform: none;
}
.vision-landing--the-parkland.pkl-reveal-ready .pkl-rv--zoom {
	transform: scale(0.96);
}
.vision-landing--the-parkland.pkl-reveal-ready .pkl-rv.is-in {
	opacity: 1;
	transform: none;
}

/* Responsive ---------------------------------------------------------------- */

@media (max-width: 1023px) {
	.vision-landing--the-parkland .pkl-hero { --pkl-hero-min: 640px; }
	/* Text stacks over the cropped centre: slogan on top, title block at the
	 * bottom, each on a soft shade for contrast. */
	.vision-landing--the-parkland .pkl-hero__content {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		padding: 40px 16px 48px;
		background: linear-gradient(180deg, rgba(19, 40, 31, 0.55) 0%, rgba(19, 40, 31, 0) 32%, rgba(19, 40, 31, 0) 52%, rgba(19, 40, 31, 0.8) 100%);
		text-align: center;
	}
	.vision-landing--the-parkland .pkl-hero__kicker,
	.vision-landing--the-parkland .pkl-hero__main {
		position: static;
		align-items: center;
		max-width: 100%;
		white-space: normal;
	}
}

@media (max-width: 767px) {
	.vision-landing--the-parkland .pkl-hero { --pkl-hero-min: 600px; }
	.vision-landing--the-parkland .pkl-hero__slogan,
	.vision-landing--the-parkland .pkl-hero__tagline { font-size: 18px; }
	.vision-landing--the-parkland .pkl-hero__slogan { letter-spacing: 0.06em; }
	.vision-landing--the-parkland .pkl-hero__place,
	.vision-landing--the-parkland .pkl-hero__title { font-size: 34px; line-height: 1.3; }
}

@media (max-width: 1199px) {
	.vision-landing--the-parkland .pkl-masterplan { padding: 96px 0; }
	.vision-landing--the-parkland .pkl-plan { flex-direction: column; align-items: stretch; gap: 48px; }
	.vision-landing--the-parkland .pkl-plan__map { flex: none; width: min(100%, 643px); margin-inline: auto; }
}

@media (max-width: 1023px) {
	.vision-landing--the-parkland .pkl-overview { padding: 56px 0 48px; }
	.vision-landing--the-parkland .pkl-location { padding: 48px 0 72px; }
	.vision-landing--the-parkland .pkl-overview__row,
	.vision-landing--the-parkland .pkl-location__inner { flex-direction: column; align-items: stretch; }
	.vision-landing--the-parkland .pkl-overview__head,
	.vision-landing--the-parkland .pkl-facts,
	.vision-landing--the-parkland .pkl-location__map,
	.vision-landing--the-parkland .pkl-location__body { flex: none; }
	.vision-landing--the-parkland .pkl-overview__intro { max-width: none; }
	.vision-landing--the-parkland .pkl-location__map { aspect-ratio: 628 / 597; }
	.vision-landing--the-parkland .pkl-location__leaf { top: auto; bottom: 24px; width: 240px; }

	.vision-landing--the-parkland :is(.pkl-values, .pkl-masterplan) { padding: 64px 0; }
	/* USP cards become a swipeable strip, no stagger */
	.vision-landing--the-parkland .pkl-usps {
		justify-content: flex-start;
		margin-inline: -32px;
		padding: 0 32px 4px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: 32px;
		scrollbar-width: none;
	}
	.vision-landing--the-parkland .pkl-usps::-webkit-scrollbar { display: none; }
	.vision-landing--the-parkland .pkl-usp { flex: 0 0 min(308px, 78vw); scroll-snap-align: start; }
	.vision-landing--the-parkland .pkl-usp:nth-child(even) { margin-top: 0; }

	.vision-landing--the-parkland .pkl-products { padding: 64px 0 72px; }
	.vision-landing--the-parkland .pkl-product { flex-basis: calc((100% - 24px) / 2); height: auto; min-height: 489.81px; }
	.vision-landing--the-parkland .pkl-amenities { padding: 72px 0; background-size: 600px auto; }
	.vision-landing--the-parkland .pkl-amenities__head { flex-wrap: wrap; gap: 16px 24px; }
	.vision-landing--the-parkland .pkl-amenities__head .pkl-heading { flex-basis: auto; }
	.vision-landing--the-parkland .pkl-amenities__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	.vision-landing--the-parkland .pkl-progress { padding: 64px 0 72px; }
	.vision-landing--the-parkland .pkl-progress__leaf { width: 240px; }
	.vision-landing--the-parkland :is(.pkl-progress__inner, .pkl-policy__inner, .pkl-faq__inner) { flex-direction: column; align-items: stretch; gap: 40px; }
	.vision-landing--the-parkland :is(.pkl-progress__body, .pkl-progress__photo, .pkl-faq .pkl-heading, .pkl-faq__list) { flex: none; }
	.vision-landing--the-parkland .pkl-progress__text { max-width: none; }
	.vision-landing--the-parkland .pkl-policy { min-height: 0; }
	.vision-landing--the-parkland .pkl-form { flex: none; }
	.vision-landing--the-parkland .pkl-faq { padding: 56px 0; }
	.vision-landing--the-parkland .pkl-faq__inner { gap: 24px; }
}

@media (max-width: 767px) {
	.vision-landing--the-parkland :is(.pkl-overview__about, .pkl-location__inner, .pkl-values__usp, .pkl-plan, .pkl-products__inner, .pkl-amenities__inner, .pkl-progress__inner, .pkl-policy__inner, .pkl-faq__inner) { width: calc(100% - 32px); }
	.vision-landing--the-parkland .pkl-heading__kicker { margin-bottom: -14px; font-size: 30px; }
	.vision-landing--the-parkland .pkl-heading__title { font-size: 30px; line-height: 1.35; }
	.vision-landing--the-parkland .pkl-values__usp { gap: 32px; }
	.vision-landing--the-parkland .pkl-usps { margin-inline: -16px; padding-inline: 16px; scroll-padding-inline: 16px; }
	.vision-landing--the-parkland .pkl-facts { grid-template-columns: minmax(0, 1fr); }
	.vision-landing--the-parkland .pkl-plan__body { gap: 32px; }
	.vision-landing--the-parkland .pkl-plan__text { gap: 24px; text-align: left; }
	.vision-landing--the-parkland .pkl-plan__tabs { gap: 20px; overflow-x: auto; scrollbar-width: none; }
	.vision-landing--the-parkland .pkl-plan__tab { padding: 12px 0; font-size: 15px; }
	.vision-landing--the-parkland .pkl-products__inner,
	.vision-landing--the-parkland .pkl-amenities__inner { gap: 24px; }
	.vision-landing--the-parkland :is(.pkl-products, .pkl-amenities) .pkl-heading__kicker { margin-bottom: -12px; }
	/* One card and a peek of the next; the arrows tuck inside the gutter */
	.vision-landing--the-parkland .pkl-product { flex-basis: 86%; min-height: 0; }
	.vision-landing--the-parkland .pkl-product__head { flex-wrap: wrap; row-gap: 4px; }
	.vision-landing--the-parkland .pkl-product__name { flex-basis: auto; }
	.vision-landing--the-parkland .pkl-product__spec { font-size: 15px; }
	.vision-landing--the-parkland .pkl-slider__arrow { top: auto; bottom: -56px; }
	.vision-landing--the-parkland .pkl-slider__arrow--prev { left: calc(50% - 53px); }
	.vision-landing--the-parkland .pkl-slider__arrow--next { right: calc(50% - 53px); }
	.vision-landing--the-parkland .pkl-products { padding-bottom: 112px; }
	.vision-landing--the-parkland .pkl-amenities__tabs { width: 100%; }
	.vision-landing--the-parkland .pkl-amenities__tab { flex: 1 1 0; width: auto; padding: 12px; font-size: 16px; }
	.vision-landing--the-parkland .pkl-amenities__grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.vision-landing--the-parkland .pkl-progress__title { font-size: 30px; line-height: 1.35; }
	.vision-landing--the-parkland .pkl-policy { padding: 48px 0; }
	.vision-landing--the-parkland .pkl-policy__offers { flex-direction: column; gap: 8px; }
	.vision-landing--the-parkland .pkl-policy__column:first-child { width: auto; }
	.vision-landing--the-parkland .pkl-policy__offer dt { font-size: 22px; }
	.vision-landing--the-parkland .pkl-form { padding: 20px; }
	.vision-landing--the-parkland .pkl-form__title { font-size: 22px; }
	.vision-landing--the-parkland .pkl-faq__toggle { font-size: 15px; }
	.vision-landing--the-parkland .pkl-faq__a { padding-right: 0; font-size: 15px; }
}