@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Tajawal:wght@400;500;700&display=swap');

/* Hyde Park — The Living Park / e51ba2cb. Landscape is the structure; emerald is the route. */
:root{
  --ink:#202522;
  --ink-soft:#626c67;
  --surface:#fff;
  --surface-soft:#f2f6f3;
  --surface-deep:#e3eee8;
  --line:#cdd9d2;
  --green:#004d44;
  --green-deep:#00362f;
  --green-bright:#197567;
  --green-pale:#cfe5dd;
  --navy:#263e68;
  --wa:#1a8440;
  --wa-deep:#146b34;
  --danger:#a52a23;
  --ease:cubic-bezier(.16,1,.3,1);
  --shadow:0 22px 60px rgba(0,54,47,.14);
  --ff:"Rubik",system-ui,"Segoe UI",Tahoma,sans-serif;
  --wrap:1240px;
  --measure:70ch;
  --display-max:6rem;
  --route-progress:0;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-color:var(--green) var(--surface-soft);scrollbar-width:thin}
html,body{overflow-x:hidden;overflow-x:clip}
body{margin:0;background:var(--surface);color:var(--ink);font:400 1.0625rem/1.8 var(--ff);-webkit-font-smoothing:antialiased}
[dir="rtl"] body,body[dir="rtl"]{font-size:1.125rem}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:from-font;text-underline-offset:.24em}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid var(--green-bright);outline-offset:3px}
::selection{background:var(--green);color:#fff}
input,textarea,select{caret-color:var(--green)}
::-webkit-scrollbar{inline-size:10px;block-size:10px}
::-webkit-scrollbar-track{background:var(--surface-soft)}
::-webkit-scrollbar-thumb{background:var(--green);border:2px solid var(--surface-soft)}

.wrap{width:min(calc(100% - 3rem),var(--wrap));margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:1300;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:var(--green-deep);color:#fff;padding:.8rem 1.2rem;text-decoration:none}
.skip:focus{width:auto;height:auto;clip-path:none}

h1,h2,h3,h4{margin:0 0 .55em;line-height:1.08;text-wrap:balance;letter-spacing:-.03em}
h1{font-size:clamp(2.7rem,7vw,var(--display-max));font-weight:600}
h2{font-size:clamp(2rem,4.6vw,4.6rem);font-weight:600}
h3{font-size:clamp(1.3rem,2.2vw,2rem);font-weight:600}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4{letter-spacing:0;line-height:1.22}
p{margin:0 0 1.15em}
.lead{font-size:clamp(1.08rem,1.7vw,1.35rem);line-height:1.65}
.answer{font-size:clamp(1.05rem,1.5vw,1.28rem);color:var(--ink-soft);max-inline-size:var(--measure)}
.answer-secondary{max-inline-size:var(--measure);font-weight:500}
.tabnum{font-variant-numeric:tabular-nums}
.en-line{font-size:.9rem;line-height:1.5;color:var(--green-bright);margin:-.15rem 0 1rem;letter-spacing:0}
.note{font-size:.85rem;color:var(--ink-soft)}
.price-strong{font-weight:700}
.prose-flow{max-inline-size:var(--measure)}
.prose-flow p:last-child{margin-bottom:0}
.text-action{display:inline-flex;align-items:center;min-block-size:44px;padding-block:.45rem;color:var(--green);font-weight:600;text-decoration:none;border-block-end:1px solid currentColor}
.text-action::after{content:"→";margin-inline-start:.65rem}
[dir="rtl"] .text-action::after{content:"←"}
.text-action-light{color:#fff}

/* Shared header: quiet transport, not the page thesis. */
.hdr{position:sticky;inset-block-start:0;z-index:900;background:rgba(255,255,255,.97);border-block-end:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:1.25rem;min-block-size:76px}
.hdr a{text-decoration:none}
.logo{display:flex;align-items:center;gap:.75rem;min-block-size:44px;color:var(--ink)}
.logo-mark{block-size:27px;inline-size:auto}
.logo-txt small{display:block;font-size:.7rem;font-weight:500;color:var(--ink-soft);white-space:nowrap}
.nav{display:flex;align-items:center;gap:1.4rem;margin-inline-start:auto;font-size:.9rem}
.nav a{display:flex;align-items:center;min-block-size:44px;color:var(--ink-soft);border-block-end:1px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{color:var(--green);border-color:var(--green)}
.hdr .btn{margin-inline-start:.5rem}
.burger{display:none;margin-inline-start:auto;inline-size:46px;block-size:46px;padding:.65rem;background:#fff;color:var(--ink);border:1px solid var(--line);cursor:pointer}
.burger svg{inline-size:22px;block-size:22px}

/* The continuous route. Progress is authored by chapter intersection, not scroll decoration. */
.route-line{position:fixed;z-index:820;inset-block:76px 0;inset-inline-end:clamp(.55rem,1.6vw,1.5rem);inline-size:2px;background:var(--green-pale);pointer-events:none}
.route-line span{display:block;inline-size:100%;block-size:100%;background:var(--green);transform:scaleY(var(--route-progress));transform-origin:top;transition:transform .65s var(--ease)}
[dir="rtl"] .route-line span{transform-origin:top}
.section-marker{position:absolute;inset-block-start:clamp(3.5rem,7vw,7rem);inset-inline-end:calc(clamp(.55rem,1.6vw,1.5rem) - 4px);inline-size:10px;block-size:10px;background:var(--green)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-block-size:48px;padding:.78rem 1.55rem;border:1px solid var(--green);background:var(--green);color:#fff;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}
.btn:hover{background:var(--green-deep);border-color:var(--green-deep);transform:translateY(-1px)}
.btn-inverse{background:#fff;border-color:#fff;color:var(--green-deep)}
.btn-inverse:hover{background:var(--surface-deep);border-color:var(--surface-deep);color:var(--green-deep)}
.btn-stone{background:var(--ink);border-color:var(--ink);color:#fff}
.btn-wa,.btn.btn-wa{background:var(--wa);border-color:var(--wa);color:#fff}
.btn-wa:hover{background:var(--wa-deep);border-color:var(--wa-deep)}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.arrival-actions{display:flex;align-items:center;gap:1.15rem;flex-wrap:wrap;margin-block-start:1.7rem}

/* Empty image state is a precise landscape plate, never a fake photograph. */
.landscape-empty{position:relative;inline-size:100%;block-size:100%;min-block-size:18rem;overflow:hidden;background:var(--green-deep);color:var(--green-pale)}
.landscape-empty::before{content:"";position:absolute;inset-inline:9% 9%;inset-block-start:38%;block-size:1px;background:rgba(255,255,255,.34);box-shadow:0 2.5rem 0 rgba(255,255,255,.2),0 5rem 0 rgba(255,255,255,.12)}
.landscape-empty::after{content:"";position:absolute;inset-block:16% 14%;inset-inline-start:34%;inline-size:1px;background:rgba(255,255,255,.26);transform:skewX(-24deg)}
.landscape-empty span{position:absolute;inset-inline-start:1.25rem;inset-block-end:1rem;font-size:.75rem;z-index:1}

/* Home arrival: a full landscape and an offset white field, never centered chrome. */
.park-arrival{position:relative;min-block-size:calc(100svh - 76px);display:grid;align-items:stretch;background:var(--surface-soft)}
.arrival-media{position:absolute;inset-block:0;inset-inline-start:0;inline-size:60%;overflow:hidden;background:var(--green-deep)}
.arrival-media img{inline-size:100%;block-size:100%;object-fit:cover}
.arrival-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,7fr) minmax(19rem,5fr);align-items:end;padding-block:clamp(3rem,6vw,5rem) clamp(2.5rem,5vw,4rem)}
.arrival-copy{grid-column:2;background:var(--surface);padding:clamp(2rem,3.4vw,3.25rem);margin-inline-start:-5rem;box-shadow:var(--shadow)}
.arrival-copy h1{font-size:clamp(2.6rem,5vw,4.8rem);color:var(--ink)}
.arrival-copy .devmark{margin-bottom:1.4rem}
.arrival-copy .lead{max-inline-size:58ch;color:var(--ink-soft)}
.arrival-price{font-size:clamp(1.2rem,2vw,1.65rem);font-weight:700;color:var(--green);padding-block-start:1rem;border-block-start:1px solid var(--line)}
.arrival-context{position:absolute;z-index:3;inset-inline-start:0;inset-block-end:0;display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none;background:var(--green-deep);color:#fff;max-inline-size:60%}
.arrival-context li{padding:.85rem 1.2rem;border-inline-end:1px solid rgba(255,255,255,.2);font-size:.82rem}

.trust-route{background:var(--surface);border-block:1px solid var(--line)}
.trust-route-in{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-route p{margin:0;padding:1.5rem 1.25rem;border-inline-end:1px solid var(--line)}
.trust-route p:last-child{border-inline-end:0}
.trust-route strong,.trust-route span{display:block}
.trust-route strong{font-size:.92rem;margin-bottom:.35rem}
.trust-route span{font-size:.8rem;color:var(--ink-soft);line-height:1.55}
.trust-route a{min-block-size:44px;display:inline-flex;align-items:center;color:var(--green);text-decoration:none}

/* One circular brand move: the functional locator lens. */
.locator-chapter{position:relative;padding-block:clamp(5rem,10vw,10rem);background:var(--green-deep);color:#fff;overflow:hidden}
.locator-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(18rem,5fr);gap:clamp(2rem,8vw,8rem);align-items:center}
.locator-copy h2{max-inline-size:12ch}
.locator-copy .answer{color:#d4e8e1}
.locator-links{display:grid;margin-block-start:2.5rem;border-block-start:1px solid rgba(255,255,255,.28)}
.locator-links a{display:grid;grid-template-columns:1fr 1.5fr;gap:1rem;align-items:center;min-block-size:72px;padding:.85rem .2rem;border-block-end:1px solid rgba(255,255,255,.28);text-decoration:none}
.locator-links a:hover b{transform:translateX(.35rem)}
[dir="rtl"] .locator-links a:hover b{transform:translateX(-.35rem)}
.locator-links span{font-size:.78rem;color:#a9ccc1}
.locator-links b{font-size:1.05rem;transition:transform .2s var(--ease)}
.locator-lens{position:relative;justify-self:center;inline-size:min(38vw,29rem);aspect-ratio:1;border:1px solid rgba(255,255,255,.52);border-radius:50%}
.locator-lens::before,.locator-lens::after{content:"";position:absolute;background:rgba(255,255,255,.3)}
.locator-lens::before{inline-size:1px;block-size:82%;inset-block-start:9%;inset-inline-start:50%;transform:rotate(31deg)}
.locator-lens::after{block-size:1px;inline-size:82%;inset-inline-start:9%;inset-block-start:50%;transform:rotate(-14deg)}
.locator-lens span,.locator-lens i,.locator-lens b{position:absolute;inline-size:11px;block-size:11px;background:#fff}
.locator-lens span{inset-inline-start:25%;inset-block-start:29%}.locator-lens i{inset-inline-start:67%;inset-block-start:44%}.locator-lens b{inset-inline-start:42%;inset-block-start:73%}

/* Story chapters. */
.story-section,.landscape-chapter,.hub-landscape,.project-gallery{position:relative;padding-block:clamp(5rem,10vw,9rem);background:var(--surface)}
.story-section:nth-of-type(even){background:var(--surface-soft)}
.story-section.is-emerald{background:var(--green);color:#fff}
.story-section.is-emerald .answer,.story-section.is-emerald .prose-flow,.story-section.is-emerald p{color:#e1efe9}
.story-section.is-emerald h2,.story-section.is-emerald h3{color:#fff}
.story-section.is-emerald .section-marker{background:#fff}
.sec-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(18rem,5fr);gap:clamp(1.5rem,7vw,7rem);align-items:end;margin-block-end:clamp(2.5rem,6vw,5rem)}
.sec-head h2{max-inline-size:13ch}
.sec-head .answer{margin:0}
.section-window{width:min(calc(100% - 3rem),var(--wrap));margin:0 auto clamp(3rem,7vw,6rem);block-size:clamp(20rem,48vw,38rem);overflow:hidden}
.section-window img{inline-size:100%;block-size:100%;object-fit:cover}
.prose-2{columns:2;column-gap:clamp(2rem,6vw,6rem);max-inline-size:none}
.prose-2 p{break-inside:avoid}
.story-section .prose-flow,.story-section .prose-2{margin-block-end:2.5rem}

.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));margin:2.5rem 0 0;border-block:1px solid var(--line)}
.facts div{padding:1.35rem 1rem;border-inline-end:1px solid var(--line)}
.facts div:last-child{border-inline-end:0}
.facts dt{font-size:.75rem;color:var(--ink-soft);margin-bottom:.5rem}
.facts dd{margin:0;font-size:clamp(1.1rem,1.7vw,1.45rem);font-weight:600;line-height:1.4}
.is-emerald .facts{border-color:rgba(255,255,255,.3)}
.is-emerald .facts div{border-color:rgba(255,255,255,.3)}
.is-emerald .facts dt{color:#b8d5cc}.is-emerald .facts dd{color:#fff}
.dev-facts dd{font-size:1rem}

/* Staggered landscape index: scale and rhythm instead of cards. */
.landscape-chapter{background:var(--surface-soft)}
.landscape-index{display:grid;gap:clamp(5rem,10vw,10rem)}
.landscape-entry{display:grid;grid-template-columns:minmax(0,7fr) minmax(18rem,5fr);gap:clamp(2rem,7vw,7rem);align-items:center;position:relative}
.landscape-entry:nth-child(even){grid-template-columns:minmax(18rem,5fr) minmax(0,7fr)}
.landscape-entry:nth-child(even) .landscape-entry-media{grid-column:2}
.landscape-entry:nth-child(even) .landscape-entry-copy{grid-column:1;grid-row:1}
.landscape-entry-media{min-block-size:clamp(22rem,48vw,38rem);overflow:hidden;background:var(--green-deep)}
.landscape-entry-media img{inline-size:100%;block-size:100%;min-block-size:inherit;object-fit:cover;transition:transform .65s var(--ease)}
.landscape-entry:hover .landscape-entry-media img{transform:scale(1.025)}
.landscape-entry-copy{max-inline-size:31rem}
.entry-coordinate{display:block;font-size:.78rem;color:var(--green);letter-spacing:.08em;margin-bottom:1rem}
.landscape-entry-copy h3,.phase-copy h3{font-size:clamp(1.65rem,3.7vw,3.6rem)}
.landscape-entry-copy h3 a,.phase-copy h3 a{min-block-size:44px;display:inline-flex;align-items:center;text-decoration:none}
.entry-price{font-size:1.05rem;font-weight:700;color:var(--green);padding-block-start:.9rem;border-block-start:1px solid var(--line)}

.type-routes{display:grid;border-block-start:1px solid var(--line)}
.type-route{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(16rem,2fr) auto;gap:2rem;align-items:center;min-block-size:100px;padding:1.2rem 0;border-block-end:1px solid var(--line);text-decoration:none}
.type-route h3,.type-route p{margin:0}.type-route p{color:var(--ink-soft)}.type-route span{font-size:.85rem;color:var(--green);font-weight:600}

/* Project arrival and wayfinding. */
.project-arrival{position:relative;min-block-size:calc(100svh - 76px);background:var(--green-deep);color:#fff;display:grid;align-items:end;overflow:hidden}
.project-arrival-media{position:absolute;inset:0}
.project-arrival-media img{inline-size:100%;block-size:100%;object-fit:cover}
.project-arrival-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,54,47,.92),rgba(0,54,47,.25) 72%,rgba(0,54,47,.12))}
[dir="rtl"] .project-arrival-media::after{transform:scaleX(-1)}
.project-arrival-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,7fr) minmax(18rem,5fr);gap:clamp(2rem,7vw,7rem);align-items:end;padding-block:clamp(5rem,12vw,9rem) clamp(3rem,7vw,5rem)}
.project-arrival-copy{max-inline-size:52rem}
.project-arrival-copy h1{max-inline-size:13ch}
.project-arrival-copy .lead{max-inline-size:56ch;color:#d9e9e4}
.project-arrival-copy .en-line{color:#b9d8cf}
.project-arrival .text-action{color:#fff;border-color:rgba(255,255,255,.62)}
.project-arrival .text-action:hover{border-color:#fff}
.project-arrival .arrival-price{color:#fff;border-color:rgba(255,255,255,.3);max-inline-size:34rem}
.arrival-facts{margin:0;border-block:1px solid rgba(255,255,255,.28)}
.arrival-facts div{display:flex;justify-content:space-between;gap:1rem;padding:.75rem .15rem;border-block-end:1px solid rgba(255,255,255,.18)}
.arrival-facts div:last-child{border-bottom:0}.arrival-facts dt{color:#b9d8cf;font-size:.78rem}.arrival-facts dd{margin:0;text-align:end;font-weight:600}
.project-wayfinding{position:sticky;inset-block-start:76px;z-index:700;background:#fff;border-block-end:1px solid var(--line)}
.chapter-rail{display:flex;gap:1.35rem;align-items:center;min-block-size:58px;flex-wrap:wrap}
.chapter-rail a{display:flex;align-items:center;min-block-size:44px;text-decoration:none;color:var(--ink-soft);font-size:.85rem}
.chapter-rail a:hover,.chapter-rail a.is-active{color:var(--green)}
.chapter-select{display:none}

/* Hub arrival: the same image-led emerald arrival system as project pages, one column.
   Without these rules the hub hero rendered unstyled (white strip) and its price + CTAs
   fell below the first 390×844 viewport — caught in the final audit, fixed contract-first. */
.hub-arrival{position:relative;min-block-size:calc(100svh - 76px);background:var(--green-deep);color:#fff;display:grid;align-items:end;overflow:hidden}
.hub-arrival-media{position:absolute;inset:0}
.hub-arrival-media img{inline-size:100%;block-size:100%;object-fit:cover}
.hub-arrival-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,54,47,.92),rgba(0,54,47,.25) 72%,rgba(0,54,47,.12))}
[dir="rtl"] .hub-arrival-media::after{transform:scaleX(-1)}
.hub-arrival-media .landscape-empty{min-block-size:100%}
.hub-arrival-grid{position:relative;z-index:2;padding-block:clamp(5rem,12vw,9rem) clamp(3rem,7vw,5rem)}
.hub-arrival-grid h1{max-inline-size:13ch}
.hub-arrival-grid .lead{max-inline-size:56ch;color:#d9e9e4}
.hub-arrival .en-line{color:#b9d8cf}
.hub-arrival .arrival-price{color:#fff;border-color:rgba(255,255,255,.3);max-inline-size:34rem}
.hub-arrival .text-action{color:#fff;border-color:rgba(255,255,255,.62)}
.hub-arrival .text-action:hover{border-color:#fff}

.project-gallery{background:var(--surface-soft);padding-block:clamp(3rem,6vw,6rem)}
.gallery-sequence{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.gallery-window{display:block;min-block-size:24rem;overflow:hidden;background:var(--green-deep)}
.gallery-window.is-wide{grid-column:1/-1;min-block-size:clamp(28rem,55vw,48rem)}
.gallery-window img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform .65s var(--ease)}
.gallery-window:hover img{transform:scale(1.025)}

.orientation-plate,.mp{margin:2.5rem 0 0;max-inline-size:68rem}
.orientation-plate a{display:block;padding:1rem;background:#fff;border:1px solid var(--green)}
.orientation-plate img{inline-size:100%;object-fit:contain}
.orientation-plate figcaption{font-size:.8rem;color:var(--ink-soft);margin-block-start:.75rem}

.locpts,.dist,.amenity-path{list-style:none;padding:0;margin:2rem 0 0;max-inline-size:var(--measure);border-block-start:1px solid var(--line)}
.locpts li,.dist li,.amenity-path li{border-block-end:1px solid var(--line);padding:1rem .15rem}
.locpts li{padding-inline-start:1.35rem;position:relative}
.locpts li::before{content:"";position:absolute;inset-inline-start:.15rem;inset-block-start:1.58rem;inline-size:8px;block-size:2px;background:var(--green)}
.dist li{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem}
.dist-km{font-size:1.3rem;font-weight:700;color:var(--green);white-space:nowrap}.dist-km i{font-style:normal;font-size:.58em;color:var(--ink-soft);margin-inline-start:.3em}.dist-note{font-size:.8rem;color:var(--ink-soft);max-inline-size:var(--measure)}
.amenity-path{display:grid;grid-template-columns:repeat(2,1fr);gap:0 3rem}
.amenity-path li{display:flex;align-items:center;gap:1rem}
.amenity-path svg{inline-size:28px;block-size:28px;flex:0 0 28px;fill:none;stroke:var(--green);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.amenity-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-block-start:3rem;border-block-start:1px solid var(--line)}
.amenity-stories article{padding-block:1.4rem;border-block-end:1px solid var(--line)}
.amenity-stories h3{font-size:1.2rem}.amenity-stories p{color:var(--ink-soft)}

.tbl-wrap{overflow:hidden;border:1px solid var(--line);background:#fff}
table{border-collapse:collapse;inline-size:100%;font-size:.94rem}
th,td{padding:1rem;border-block-end:1px solid var(--line);text-align:start}
th{background:var(--surface-deep);color:var(--green-deep);font-size:.82rem;font-weight:600}
tbody tr:last-child td{border-block-end:0}
td:first-child a{min-block-size:44px;display:flex;align-items:center}
.is-emerald .tbl-wrap{color:var(--ink)}

.plans{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));border-block:1px solid var(--line)}
.plans li{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1rem;padding:1.5rem;border-inline-end:1px solid var(--line)}
.plans li:last-child{border-inline-end:0}
.plans-dp,.plans-y{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:700;color:var(--green);line-height:1}.plans-dp i,.plans-y i{font-style:normal;font-size:.45em;color:var(--ink-soft)}
.plans-k{font-size:.75rem;color:var(--ink-soft)}.plans-note{font-size:.8rem;color:var(--ink-soft);max-inline-size:var(--measure);margin-block-start:1rem}

.phase-landscapes{display:grid;gap:5rem}.phase-landscape{display:grid;grid-template-columns:minmax(0,7fr) minmax(18rem,5fr);gap:clamp(2rem,6vw,6rem);align-items:center}.phase-landscape:nth-child(even){grid-template-columns:minmax(18rem,5fr) minmax(0,7fr)}.phase-landscape:nth-child(even) .phase-media{grid-column:2}.phase-landscape:nth-child(even) .phase-copy{grid-column:1;grid-row:1}.phase-media{min-block-size:24rem;overflow:hidden;background:var(--green-deep)}.phase-media img{inline-size:100%;block-size:100%;min-block-size:inherit;object-fit:cover}.phase-copy{max-inline-size:30rem}
.related-flow{display:grid;border-block-start:1px solid var(--line)}
.related-flow a{display:grid;grid-template-columns:minmax(12rem,1fr) 2fr;gap:2rem;padding:1rem .1rem;border-block-end:1px solid var(--line);text-decoration:none}.related-flow a:hover strong{color:var(--green)}.related-flow span{color:var(--ink-soft)}

/* Forms and enquiry closes. */
.formcard{background:#fff;color:var(--ink);padding:clamp(1.4rem,3vw,2.2rem);border-block-start:3px solid var(--green);box-shadow:var(--shadow);text-align:start}
.formcard-title{font-size:1.15rem;font-weight:700;margin:0 0 .25rem}.formcard .note{font-size:.82rem;color:var(--ink-soft);margin-bottom:1.2rem}
.story-section.is-emerald .formcard p{color:var(--ink)}.story-section.is-emerald .formcard .note{color:var(--ink-soft)}
.field{margin-bottom:1rem}.field label{display:block;font-size:.82rem;font-weight:600;margin-bottom:.35rem}.field input{inline-size:100%;min-block-size:48px;padding:.72rem .85rem;background:#fff;color:var(--ink);border:1px solid var(--line)}.field input:focus{border-color:var(--green);outline:2px solid var(--green);outline-offset:1px}.field input[aria-invalid="true"]{border-color:var(--danger)}.field .err{display:block;min-block-size:1.1em;margin-block-start:.3rem;color:var(--danger);font-size:.8rem}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.errsum{padding:.8rem 1rem;margin-bottom:1rem;border:1px solid var(--danger);background:#fff3f2}.errsum-title,.errsum a{color:var(--danger)}.errsum-title{font-weight:700;margin:0}.formcard .btn{inline-size:100%}
.enquiry-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(19rem,.8fr);gap:clamp(2rem,8vw,8rem);align-items:start}.contact-paths{display:grid;border-block-start:1px solid currentColor}.channel-item{display:grid;gap:.25rem;padding:1.2rem .1rem;border-block-end:1px solid currentColor}.channel-item span,.channel-item small{font-size:.8rem;opacity:.76}.channel-item a,.channel-item strong{min-block-size:44px;display:flex;align-items:center;font-size:clamp(1.15rem,2.4vw,1.8rem);font-weight:700;text-decoration:none}.channel-item.is-primary a{color:inherit}.contact-paths-wide{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));border-inline-start:1px solid var(--line)}.contact-paths-wide .channel-item{padding:1.25rem;border-inline-end:1px solid var(--line);border-block-start:1px solid var(--line)}

.faq{max-inline-size:var(--measure)}.faq details{border-block-end:1px solid var(--line)}.faq details:first-child{border-block-start:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-block-size:58px;padding:.9rem .15rem;cursor:pointer;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-size:1.4rem;color:var(--green);font-weight:400}.faq details[open] summary::after{content:"−"}.faq details p{padding:0 0 1.2rem;margin:0;color:var(--ink-soft)}
.sec-cta{display:flex;justify-content:flex-start;margin-block-start:2rem}

/* Sales and thank-you are direct continuations of the same route. */
.sales-arrival{position:relative;min-block-size:calc(100svh - 76px);display:grid;align-items:center;background:var(--green-deep);color:#fff;overflow:hidden}
.sales-backdrop{position:absolute;inset:0;opacity:.24}.sales-backdrop img{inline-size:100%;block-size:100%;object-fit:cover}.sales-backdrop .landscape-empty{min-block-size:100%}
.sales-arrival-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(19rem,.72fr);gap:clamp(2rem,8vw,8rem);align-items:center;padding-block:clamp(4rem,10vw,8rem)}
.sales-copy{max-inline-size:48rem}.sales-copy .lead{color:#d6e8e1}.sales-copy .en-line{color:#b8d8ce}
.sales-steps{list-style:none;margin:0;padding:0;border-block-start:1px solid rgba(255,255,255,.28)}.sales-steps li{display:grid;grid-template-columns:4rem 1fr;gap:2rem;padding:1.4rem 0;border-block-end:1px solid rgba(255,255,255,.28)}.sales-steps>li>span{color:#b9d8cf;font-size:.78rem}.sales-steps h3{font-size:1.25rem}.sales-steps p{margin:0;color:#e0eee9}
.thanks-page{position:relative;min-block-size:calc(100svh - 76px);display:grid;place-items:center;padding-block:5rem;background:var(--surface-soft)}
.thanks-copy{max-inline-size:46rem;margin-inline:auto;text-align:center}.thanks-status{color:var(--green);font-weight:600}.thanks-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin-block:1.5rem}.thanks-route{position:absolute;inset-block-start:8%;inset-inline-start:8%;inline-size:1px;block-size:84%;background:var(--green-pale)}.thanks-route span,.thanks-route i{position:absolute;inline-size:14px;block-size:2px;background:var(--green);inset-inline-start:-6px}.thanks-route span{inset-block-start:0}.thanks-route i{inset-block-end:0}

/* Developer credit remains a labelled credit, not the site's identity. */
.devmark{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-block:.45rem;border-block:1px solid var(--line)}.devmark .lbl{font-size:.67rem;color:var(--ink-soft);white-space:nowrap}.devmark .rule{inline-size:1px;block-size:1.15rem;background:var(--line)}.devmark img{inline-size:104px}.devmark .devname{font-size:.9rem;font-weight:700}
.project-arrival .devmark{border-color:rgba(255,255,255,.28)}.project-arrival .devmark .lbl{color:#bad8cf}.project-arrival .devmark .rule{background:rgba(255,255,255,.28)}
.ftr-dev{margin-block:2rem 1rem}

/* Footer and conversion infrastructure. */
.grid{display:grid;gap:2rem}.g3{grid-template-columns:2fr 1fr 1fr}.g2{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.ftr{background:var(--navy);color:#cbd5e7;padding-block:4rem 2rem;font-size:.9rem}.ftr h3{font-size:1rem;color:#fff}.ftr a{color:#eef2f8;text-decoration:none}.ftr a:hover{text-decoration:underline}.ftr ul{list-style:none;margin:0;padding:0}.ftr li{margin-bottom:.5rem}.ftr li a{min-inline-size:44px;min-block-size:44px;display:inline-flex;align-items:center}.ftr-tel{font-size:1.25rem;font-weight:700}.ftr-tel a{min-block-size:44px;display:inline-flex;align-items:center}.ftr .devmark{border-color:rgba(255,255,255,.2)}.ftr .devmark .lbl{color:#cbd5e7}.ftr .disclaimer{max-inline-size:var(--measure);padding-block-start:1.5rem;margin-block-start:1.5rem;border-block-start:1px solid rgba(255,255,255,.18);color:#b8c5da}.ftr .btn,.ftr .btn-wa{color:#fff}
.sticky{position:fixed;inset-inline:0;inset-block-end:0;z-index:950;display:none;grid-template-columns:repeat(3,1fr);gap:.45rem;padding:.45rem;background:#fff;border-block-start:1px solid var(--line)}.sticky a{min-block-size:48px;padding:.55rem .35rem;font-size:.82rem}

.modal{position:fixed;inset:0;z-index:1000;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,54,47,.7)}.modal-panel{position:absolute;inset-inline:50%;inset-block-start:50%;transform:translate(50%,-50%);inline-size:min(92vw,31rem);max-block-size:90dvh;overflow:auto;background:#fff;padding:1.25rem;box-shadow:var(--shadow)}[dir="ltr"] .modal-panel{transform:translate(-50%,-50%)}.modal-x{position:absolute;z-index:2;inset-block-start:.5rem;inset-inline-end:.5rem;inline-size:44px;block-size:44px;display:grid;place-items:center;background:#fff;color:var(--ink);border:1px solid var(--line);cursor:pointer}.modal-x svg{inline-size:17px;block-size:17px}

@media (max-width:1024px){
  .arrival-grid,.project-arrival-grid{grid-template-columns:minmax(0,6fr) minmax(18rem,6fr)}
  .arrival-media{inline-size:55%}.arrival-context{max-inline-size:55%}
  .trust-route-in{grid-template-columns:repeat(2,1fr)}
  .amenity-stories{grid-template-columns:repeat(2,1fr)}
  .g4{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:900px){
  .wrap{width:min(calc(100% - 2rem),var(--wrap))}
  .nav{display:none}.hdr .btn{display:none}.burger{display:inline-flex}
  .nav.open{display:flex;position:absolute;inset-inline:0;inset-block-start:76px;flex-direction:column;align-items:stretch;gap:0;padding:.6rem 1rem;background:#fff;border-block-end:1px solid var(--line);box-shadow:var(--shadow)}.nav.open a{padding-inline:.5rem}
  .route-line{display:none}.section-marker{inset-inline-start:1rem;inset-inline-end:auto;inline-size:22px;block-size:2px}
  [dir="rtl"] .section-marker{inset-inline-start:auto;inset-inline-end:1rem}
  .sticky{display:grid}body{padding-block-end:64px}
  .park-arrival{display:block;min-block-size:auto}.arrival-media{position:relative;inline-size:100%;block-size:52svh}.arrival-grid{display:block;padding-block:0}.arrival-copy{margin:-4rem 0 0;position:relative;padding:2rem}.arrival-context{position:relative;max-inline-size:none;margin-inline:1rem;background:var(--green-deep)}
  .locator-grid,.sec-head,.landscape-entry,.landscape-entry:nth-child(even),.phase-landscape,.phase-landscape:nth-child(even),.enquiry-grid,.sales-arrival-grid,.project-arrival-grid{grid-template-columns:1fr}
  .locator-lens{inline-size:min(72vw,25rem);margin-block-start:2rem}
  .sec-head{gap:1rem}.sec-head h2{max-inline-size:18ch}
  .landscape-entry:nth-child(even) .landscape-entry-media,.phase-landscape:nth-child(even) .phase-media{grid-column:auto}.landscape-entry:nth-child(even) .landscape-entry-copy,.phase-landscape:nth-child(even) .phase-copy{grid-column:auto;grid-row:auto}
  .landscape-entry-media{min-block-size:55vw}.landscape-entry-copy,.phase-copy{max-inline-size:var(--measure)}
  .project-arrival{min-block-size:72svh}.project-arrival-grid{padding-block:6rem 3rem}.arrival-facts{margin-block-start:2rem}
  .hub-arrival{min-block-size:72svh}.hub-arrival-grid{padding-block:6rem 3rem}
  .chapter-rail{display:none}.chapter-select{display:flex;flex-wrap:wrap;gap:.35rem;padding-block:.55rem}.chapter-select a{display:flex;align-items:center;min-block-size:44px;padding-inline:.7rem;border:1px solid var(--line);text-decoration:none;font-size:.78rem;color:var(--green)}
  .project-wayfinding{inset-block-start:76px}
  .gallery-sequence{grid-template-columns:1fr}.gallery-window,.gallery-window.is-wide{grid-column:auto;min-block-size:55vw}
  .prose-2{columns:1}.amenity-stories{grid-template-columns:1fr}.amenity-path{grid-template-columns:1fr}
  .type-route{grid-template-columns:1fr;gap:.5rem;padding-block:1rem}
  .sales-arrival-grid{gap:2rem}.sales-copy{padding-block-start:2rem}
  .g3{grid-template-columns:1fr 1fr}
  .modal-panel{inset-inline:0;inset-block:auto 0;transform:none!important;inline-size:100%;max-block-size:88dvh}
}

@media (max-width:640px){
  .park-arrival{display:grid;min-block-size:calc(100svh - 76px);background:var(--green-deep);color:#fff;overflow:hidden}
  .arrival-media{position:absolute;inset:0;inline-size:100%;block-size:100%}
  .arrival-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,54,47,.06) 10%,rgba(0,54,47,.48) 48%,rgba(0,54,47,.96) 100%)}
  .arrival-media img{object-position:center}
  .arrival-grid{display:flex;align-items:end;min-block-size:calc(100svh - 76px);padding-block:0}
  .arrival-copy{inline-size:100%;margin:0;padding:4.5rem 1.1rem 5rem;background:transparent;box-shadow:none;color:#fff}
  .arrival-copy .devmark{margin-bottom:.55rem}.arrival-copy h1{font-size:2.35rem;color:#fff;margin-bottom:.35rem}.arrival-copy .en-line{color:#d9e9e4;margin-bottom:.6rem}.arrival-copy .lead{font-size:.92rem;line-height:1.5;color:#e5f1ed;margin-bottom:.65rem}.arrival-copy .arrival-price{font-size:1rem;color:#fff;border-color:rgba(255,255,255,.38);padding-block-start:.6rem;margin-bottom:.6rem}.arrival-copy .arrival-actions{margin-block-start:.65rem}.park-arrival .text-action{color:#fff;border-color:rgba(255,255,255,.7)}
  .arrival-context{display:none}
  .trust-route-in,.g3,.g2,.g4{grid-template-columns:1fr}.trust-route p{border-inline-end:0;border-block-end:1px solid var(--line)}
  .facts{grid-template-columns:1fr 1fr}.facts div:nth-child(even){border-inline-end:0}
  .tbl-wrap{border:0;background:transparent}table,tbody,tr,td{display:block;inline-size:auto}thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}tbody tr{margin-block-end:1rem;padding:.45rem .85rem;background:#fff;border:1px solid var(--line)}td{display:grid;grid-template-columns:minmax(6rem,auto) 1fr;gap:1rem;padding:.65rem 0;border-block-end:1px solid var(--line)}tr td:last-child{border-block-end:0}td::before{content:attr(data-label);font-size:.75rem;color:var(--ink-soft);font-weight:600}
  .plans{grid-template-columns:1fr}.plans li{border-inline-end:0;border-block-end:1px solid var(--line)}.plans li:last-child{border-block-end:0}
  .related-flow a{grid-template-columns:1fr;gap:.25rem}
  .sales-steps li{grid-template-columns:2.5rem 1fr;gap:1rem}
}

@media (max-width:420px){
  body{font-size:1rem}[dir="rtl"] body,body[dir="rtl"]{font-size:1.075rem}
  h1{font-size:clamp(2.35rem,13vw,3.4rem)}h2{font-size:clamp(1.8rem,10vw,2.8rem)}
  .wrap{width:min(calc(100% - 1.35rem),var(--wrap))}
  .hdr-in{gap:.7rem}.logo-mark{block-size:23px}.logo-txt small{font-size:.62rem}
  .arrival-copy{padding-inline:1rem}
  .project-arrival-grid{padding-block:2rem}.project-arrival-copy h1{font-size:2.7rem;max-inline-size:12ch}
  .hub-arrival-grid{padding-block:2rem}.hub-arrival-grid h1{font-size:2.7rem}
  .arrival-actions{align-items:stretch}.arrival-actions .btn,.arrival-actions .text-action{inline-size:auto;flex:1;justify-content:center;text-align:center}
  .locator-chapter,.story-section,.landscape-chapter,.hub-landscape{padding-block:4rem}
  .landscape-entry-media,.phase-media{min-block-size:65vw}.landscape-index,.phase-landscapes{gap:4.5rem}
  .facts{grid-template-columns:1fr}.facts div{border-inline-end:0;border-block-end:1px solid var(--line)}.facts div:last-child{border-block-end:0}
  .channel-item a,.channel-item strong{overflow-wrap:anywhere}
  .sticky{gap:.3rem;padding:.35rem}.sticky a{font-size:.74rem;min-inline-size:0}
  .thanks-actions{flex-direction:column}.thanks-actions .btn{inline-size:100%}
}

/* The route becomes a static chapter marker when motion is reduced; no content is hidden. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .route-line span{transform:scaleY(1)!important;transition:none!important}
  .landscape-entry:hover img,.gallery-window:hover img{transform:none}
}

/* Starfall reference: photographic arrivals, warm dark surfaces and clear bilingual type. */
:root{--ink:#f1e9dc;--ink-soft:#d6ccbd;--surface:#151310;--surface-soft:#1b1814;--surface-deep:#29231d;--line:#51473b;--green:#c9a078;--green-deep:#211b15;--green-bright:#e6c8a9;--green-pale:#bca58d;--navy:#100f0d;--wa:#256b4d;--wa-deep:#1c563d;--danger:#ffb4ab;--ff:'Inter',sans-serif;--shadow:0 18px 45px rgba(0,0,0,.22);--measure:72ch}
body{font-family:'Inter',sans-serif;line-height:1.85;padding-bottom:80px}body[dir=rtl]{font-family:'Tajawal',sans-serif;line-height:1.95}h1,h2,h3,h4{font-weight:600;line-height:1.18;letter-spacing:-.025em}body[dir=rtl] :is(h1,h2,h3,h4){font-family:'Tajawal',sans-serif;letter-spacing:normal;line-height:1.35;font-weight:700}h2{font-size:clamp(1.9rem,3.6vw,3.2rem)}h3{font-size:clamp(1.3rem,2.2vw,1.8rem)}.wrap{width:min(calc(100% - 3rem),1200px)}
.hdr{position:fixed;inset:0 0 auto;background:rgba(16,15,13,.96);color:var(--ink);border-bottom:1px solid rgba(241,233,220,.14)}.hdr-in{min-height:80px}.logo{display:flex;flex-direction:column;gap:0;align-items:flex-start;font-size:1.1rem;font-weight:700;line-height:1.4}.logo small{font-size:.68rem;color:var(--ink-soft);font-weight:400}.nav a,.burger{color:var(--ink)}.burger,.nav.open{background:#151310}.nav a:hover,.nav a[aria-current=page]{color:var(--green-bright)}
@supports(animation-timeline:scroll()){@keyframes starfall-header{from{background:transparent;border-color:rgba(255,255,255,.16)}to{background:rgba(16,15,13,.98);border-color:var(--line)}}.hdr{animation:starfall-header linear both;animation-timeline:scroll();animation-range:0px 160px}}
.btn,.btn-inverse{background:var(--green);color:#17130f;border-color:var(--green);border-radius:6px;box-shadow:none}.btn:hover,.btn-inverse:hover{background:var(--green-bright);border-color:var(--green-bright);color:#17130f}.btn-stone{background:#29231d;color:var(--ink);border-color:var(--line)}.btn.btn-wa{background:var(--wa);border-color:var(--wa);color:#fff}.btn-wa:hover{background:var(--wa-deep);border-color:var(--wa-deep);color:#fff}.ftr .btn{color:#17130f}.ftr .btn-wa{color:#fff}
.park-arrival,.project-arrival,.hub-arrival,.sales-arrival{min-height:90svh;min-block-size:90svh;background:#100f0d;display:grid;align-items:center;color:var(--ink)}.arrival-media,.project-arrival-media,.hub-arrival-media{position:absolute;inset:0;inline-size:100%;block-size:100%}.arrival-media::after,.project-arrival-media::after,.hub-arrival-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,15,13,.92),rgba(16,15,13,.53) 65%,rgba(16,15,13,.4));transform:none}.arrival-media img,.project-arrival-media img,.hub-arrival-media img{width:100%;height:100%;object-fit:cover}.arrival-grid{display:block;padding:145px 0 70px;min-block-size:auto}.arrival-copy{grid-column:auto;max-width:780px;margin:0;padding:0;background:transparent;box-shadow:none}.arrival-copy h1,.project-arrival-copy h1,.hub-arrival h1{font-size:clamp(2.5rem,5.5vw,4.8rem);color:var(--ink);max-inline-size:19ch}.arrival-copy .lead,.project-arrival-copy .lead,.hub-arrival .lead,.sales-copy .lead{color:var(--ink-soft);font-size:clamp(1.08rem,1.8vw,1.25rem);line-height:1.85}.arrival-copy .en-line,.project-arrival-copy .en-line,.hub-arrival .en-line,.sales-copy .en-line{color:var(--ink-soft)}.arrival-price,.arrival-copy .arrival-price,.project-arrival .arrival-price,.hub-arrival .arrival-price{color:var(--green-bright);border-color:var(--line)}.arrival-context{position:relative;inset:auto;max-inline-size:100%;margin:2rem 0 0;background:transparent;display:flex}.arrival-context li{border:1px solid var(--line);margin:0 .35rem .35rem 0;background:rgba(16,15,13,.65);border-radius:4px}.project-arrival-grid,.hub-arrival-grid,.sales-arrival-grid{padding-block:145px 70px;gap:3rem}.arrival-facts{background:rgba(16,15,13,.65);padding:1rem;border-color:var(--line)}.arrival-facts dt,.devmark .lbl,.project-arrival .devmark .lbl{color:var(--ink-soft)}.park-arrival .text-action,.project-arrival .text-action,.hub-arrival .text-action{color:var(--ink)}
.route-line,.section-marker,.entry-coordinate{display:none}.trust-route{background:var(--surface)}.trust-route span,.locator-links span{color:var(--ink-soft)}.locator-chapter{background:var(--surface-soft);padding-block:5rem}.locator-lens{border-color:var(--line)}.locator-lens::before,.locator-lens::after{background:var(--line)}.locator-lens span,.locator-lens i,.locator-lens b{background:var(--green)}.locator-copy h2{max-inline-size:22ch}.story-section,.landscape-chapter,.hub-landscape{padding-block:clamp(3.8rem,7vw,6rem)}.sec-head{display:block;max-width:850px;margin-bottom:2.2rem}.sec-head h2{max-inline-size:28ch}.sec-head .answer{margin-top:1rem}.prose-2{columns:1;max-inline-size:var(--measure)}.prose-flow,.prose-2{line-height:1.95;color:var(--ink-soft)}.prose-group{padding-block:1.6rem .5rem;border-top:1px solid var(--line);margin-top:1.5rem}.prose-group h3{color:var(--ink);margin-bottom:1rem}.story-section.is-emerald{background:#211b15;color:var(--ink)}.story-section.is-emerald :is(p,.answer,.prose-flow){color:var(--ink-soft)}.story-section:has(>.section-window){isolation:isolate;overflow:hidden}.story-section>.section-window{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:-2}.story-section>.section-window img{height:100%;width:100%;object-fit:cover}.story-section:has(>.section-window)::after{content:'';position:absolute;inset:0;background:rgba(16,15,13,.94);z-index:-1}.project-wayfinding{background:#151310;inset-block-start:80px}.chapter-select a{color:var(--ink-soft)}
.landscape-index,.phase-landscapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.landscape-entry,.landscape-entry:nth-child(even),.phase-landscape,.phase-landscape:nth-child(even){display:flex;position:relative;isolation:isolate;align-items:flex-end;min-height:460px;overflow:hidden;border-radius:10px;padding:2rem;gap:0;background:#151310}.landscape-entry-media,.phase-media,.landscape-entry:nth-child(even) .landscape-entry-media,.phase-landscape:nth-child(even) .phase-media{position:absolute;inset:0;z-index:-2;min-block-size:100%;height:100%;width:100%}.landscape-entry::after,.phase-landscape::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(16,15,13,.8),rgba(16,15,13,.92) 60%,rgba(16,15,13,.97))}.landscape-entry-copy,.phase-copy{max-inline-size:none;position:relative;grid-column:auto;grid-row:auto;color:var(--ink-soft)}.landscape-entry-copy h3,.phase-copy h3{color:var(--ink);font-size:clamp(1.7rem,2.8vw,2.6rem)}.landscape-entry-copy .en-line,.phase-copy .en-line{color:var(--ink-soft)}.entry-price{color:var(--green-bright)}
.tbl-wrap,tbody tr,.formcard,.field input,.modal-panel,.modal-x{background:var(--surface);color:var(--ink)}th{color:var(--ink);background:var(--surface-deep)}.formcard{border:1px solid var(--line);border-radius:10px;box-shadow:none}.field input{background:#211e19;border-radius:5px}.field input::placeholder{color:var(--ink-soft);opacity:1}.field input[aria-invalid=true]{border-color:var(--danger)}.errsum{background:#3a201d}.modal-backdrop{background:rgba(0,0,0,.75)}.modal-x{border-radius:5px}.sticky{display:grid;inset-inline:50% auto;transform:translateX(-50%);width:460px;max-width:100%;bottom:16px;background:#151310;border:1px solid var(--line);border-radius:12px;padding:.45rem;box-shadow:var(--shadow)}[dir=rtl] .sticky{transform:translateX(50%)}.sticky a{font-size:.85rem}.ftr{background:#100f0d;color:var(--ink-soft)}.ftr .disclaimer,.ftr .devmark .lbl{color:var(--ink-soft)}.thanks-page{padding-top:130px}.sales-steps p,.sales-steps>li>span{color:var(--ink-soft)}.channel-item a{font-size:1.25rem;color:var(--green-bright)}.contact-paths .channel-item a{border:1px solid var(--line);padding:.6rem 1rem;border-radius:6px;justify-content:center;width:fit-content}.is-emerald .facts dt{color:var(--ink-soft)}
@media(max-width:900px){.wrap{width:calc(100% - 2rem)}.arrival-grid{padding:130px 0 60px;display:block;min-block-size:auto}.arrival-copy{padding:0;margin:0}.park-arrival,.project-arrival,.hub-arrival{min-block-size:100svh}.arrival-copy h1{font-size:clamp(2.3rem,8vw,3.5rem)}.arrival-copy .lead{font-size:1.06rem;line-height:1.8}.arrival-context{display:flex}.project-arrival-grid,.hub-arrival-grid,.sales-arrival-grid{padding-block:130px 60px}.project-arrival-copy h1,.hub-arrival-grid h1{font-size:clamp(2.3rem,8vw,3.5rem);max-inline-size:18ch}.landscape-index,.phase-landscapes{grid-template-columns:1fr;gap:1.25rem}.landscape-entry,.landscape-entry:nth-child(even),.phase-landscape,.phase-landscape:nth-child(even){min-height:380px;padding:1.6rem}.sticky{inset-inline:0;bottom:0;width:100%;transform:none!important;border-radius:0;border-width:1px 0 0;box-shadow:none;padding-bottom:max(.45rem,env(safe-area-inset-bottom))}.sticky a{font-size:.78rem}.project-wayfinding{position:relative;top:0;inset-block-start:0}.arrival-facts{margin-top:0}.nav.open{top:80px}.sec-head h2{max-inline-size:none}.prose-group{margin-top:1.4rem}.locator-lens{inline-size:60vw}}

body[dir=rtl] .arrival-media::after{transform:scaleX(-1)}

.arrival-media::after,.project-arrival-media::after,.hub-arrival-media::after{background:linear-gradient(90deg,rgba(16,15,13,.86),rgba(16,15,13,.78))}

/* Recognizable contact actions in the bottom bar. */
.sticky a.dd-contact-action{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;min-width:0}
.sticky a.dd-contact-action::before{content:none;display:none}
.sticky .dd-contact-icon{display:block;width:22px;height:22px;flex:0 0 22px;fill:currentColor;stroke:none;pointer-events:none}
.sticky a.dd-contact-action[href*="wa.me"],.sticky a.dd-contact-action.sb-wa{background:#086a40;color:#fff}
.sticky a.dd-contact-action:focus-visible{outline:2px solid currentColor;outline-offset:-4px}
@media(max-width:400px){.sticky a.dd-contact-action{flex-direction:column;gap:3px;padding:6px 4px;min-height:54px;font-size:12px;line-height:1.4}}