/* dubai-hills.info — design system (EN / + FR /fr). No framework, no build step for the browser.
   Method: skill realestate-lp (13-editorial-design), skinned for Dubai Hills Estate: limestone and sage by day, a deep
   fairway green for the dark sections, a warm clay for detail and a sunlit sand-gold for action (the golf course at the
   end of the afternoon); Newsreader display + Albert Sans text, self-hosted. Pages are generated by _src/build.py;
   behaviour lives in /site.js and /lp-core.js. */

@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/newsreader-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/newsreader-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Albert Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/albert-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Albert Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/albert-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Albert Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/albert-sans-latin-600-normal.woff2) format("woff2")}

:root{
  --ivory:#f4f1e9;--ivory-2:#e9e4d6;--ivory-3:#d9d0bc;--white:#fff;
  --navy:#173a2e;--navy-2:#245141;--night:#0e241c;
  --turf:#a4623a;--turf-2:#dba27c;--turf-lt:#f3e4d7;--mist:#e8ede4;
  --gold:#d9ae68;--gold-2:#efd3a0;--brass:#9a6f33;
  --ink:#1b2a24;
  --ink-80:rgba(27,42,36,.8);--ink-70:rgba(27,42,36,.7);--ink-60:rgba(27,42,36,.6);--ink-50:rgba(27,42,36,.52);
  --lt-90:rgba(244,241,233,.92);--lt-70:rgba(244,241,233,.72);--lt-55:rgba(244,241,233,.56);--lt-40:rgba(244,241,233,.42);
  --line:rgba(23,58,46,.13);--line-lt:rgba(244,241,233,.16);
  --serif:Newsreader,Georgia,"Times New Roman",serif;
  --sans:"Albert Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.19,1,.22,1);--clip:cubic-bezier(.785,.135,.15,.86);
  --max:1360px;--gut:20px;--sec:88px;--hdr:70px;--r:4px;--r-sm:4px;
  /* budget tiers: under 2M · 2–4M · 4–8M · 8M+ */
  --t1:#4d8a58;--t2:#3b7d8c;--t3:#d9ae68;--t4:#a4623a;
}
@media(min-width:768px){:root{--gut:40px;--sec:128px}}

*,*:before,*:after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font:400 1rem/1.65 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;letter-spacing:inherit}
h1,h2,h3,h4,p,dl,dd,figure,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3{font-weight:400;color:var(--navy)}
em{font-style:italic}
strong,b{font-weight:600}
::selection{background:rgba(217,174,104,.4);color:var(--night)}
:focus-visible{outline:2px solid var(--turf);outline-offset:3px;border-radius:4px}
section[id],[id=form]{scroll-margin-top:var(--hdr)}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.num,.stat .v,.facts-dl dd,.price,.lcard .pr,.ccard .pr{font-variant-numeric:lining-nums tabular-nums}

/* ---------- Layout ---------- */
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.sec{padding:var(--sec) 0}
.sec.tight{padding:calc(var(--sec)*.6) 0}
.sec.top0{padding-top:0}
.bg-sand{background:var(--ivory)}.bg-sand2{background:var(--ivory-2)}.bg-white{background:var(--white)}.bg-foam{background:var(--mist)}
.dark{background:var(--navy);color:var(--lt-90)}
.darker{background:var(--night);color:var(--lt-90)}
.dark h2,.dark h3,.darker h2,.darker h3{color:var(--ivory)}
.g12{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
.g12.end{align-items:end}.g12.center{align-items:center}
@media(min-width:1024px){
  .g12{grid-template-columns:repeat(12,minmax(0,1fr));gap:56px}
  .l4{grid-column:span 4/span 4}.l5{grid-column:span 5/span 5}.l6{grid-column:span 6/span 6}.l7{grid-column:span 7/span 7}.l8{grid-column:span 8/span 8}
  .s6{grid-column-start:6}.s7{grid-column-start:7}.s8{grid-column-start:8}.s9{grid-column-start:9}
}

/* ---------- Type ---------- */
.kick{display:inline-flex;align-items:center;gap:12px;font:600 .72rem/1.3 var(--sans);text-transform:uppercase;letter-spacing:.2em;color:var(--turf)}
.kick:before{content:"";width:28px;height:10px;flex:none;background:no-repeat center/28px 10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='10' viewBox='0 0 28 10'%3E%3Cpath d='M0 8.5h18' stroke='%23a4623a' stroke-width='1.2'/%3E%3Cpath d='M20.5 8.5c1.6-4.2 5.4-4.2 7 0' fill='none' stroke='%23a4623a' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E")}
.kick.bare:before{display:none}
.dark .kick,.darker .kick,.phero .kick,.hero .kick,.band .kick{color:var(--gold-2)}
.dark .kick:before,.darker .kick:before,.phero .kick:before,.hero .kick:before,.band .kick:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='10' viewBox='0 0 28 10'%3E%3Cpath d='M0 8.5h18' stroke='%23efd3a0' stroke-width='1.2'/%3E%3Cpath d='M20.5 8.5c1.6-4.2 5.4-4.2 7 0' fill='none' stroke='%23efd3a0' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E")}
.h2{margin-top:18px;font:400 clamp(2.3rem,4.6vw,4rem)/1.02 var(--serif);letter-spacing:-.01em}
.h2 em,.hero h1 em,.band h2 em,.phero h1 em{font-style:italic;color:var(--turf)}
.dark .h2 em,.darker .h2 em,.hero h1 em,.band h2 em,.phero h1 em{color:var(--gold-2)}
.lead{font:400 1.25rem/1.55 var(--serif);color:var(--ink-80)}
.lead+.lead{margin-top:16px}
.dark .lead,.darker .lead{color:var(--lt-90)}
.body{font-size:1rem;line-height:1.8;color:var(--ink-70)}
.body+.body{margin-top:14px}
.body a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--turf);text-underline-offset:3px}
.dark .body,.darker .body{color:var(--lt-70)}
.fine{font-size:.76rem;line-height:1.65;color:var(--ink-50)}
.dark .fine,.darker .fine{color:var(--lt-40)}
.fine a{text-decoration:underline;text-underline-offset:2px}
.cap{font:600 .58rem/1.3 var(--sans);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-50)}
.ast{font-size:.62em;vertical-align:super;line-height:0;opacity:.75;margin-left:1px}
.tlink{display:inline-flex;gap:.5em;align-items:center;font:600 .78rem/1.3 var(--sans);color:var(--navy);border-bottom:1.5px solid var(--turf);padding-bottom:4px}
.tlink .arr{transition:transform .6s var(--ease)}
.tlink:hover .arr{transform:translateX(.3em)}
.dark .tlink,.darker .tlink{color:var(--ivory);border-color:var(--gold-2)}
@media(min-width:768px){.lead{font-size:1.4rem}}

/* ---------- Buttons ---------- */
.btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.7em;padding:17px 28px;border-radius:2px;font:600 .72rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .5s var(--clip),box-shadow .5s}
.btn.sm{padding:12px 18px;font-size:.66rem}
.btn>.fill{position:absolute;inset:0;border-radius:inherit;clip-path:inset(0 100% 0 0);transition:clip-path .7s var(--clip);z-index:0}
.btn:hover>.fill,.btn:focus-visible>.fill{clip-path:inset(0 0 0 0)}
.btn>*:not(.fill){position:relative;z-index:1}
.btn .arr{transition:transform .8s var(--clip)}
.btn:hover .arr{transform:translateX(.3em)}
.btn[disabled]{opacity:.7;cursor:wait}
.btn-gold{background:var(--gold);color:var(--night);box-shadow:0 12px 28px -14px rgba(154,111,51,.9)}
.btn-gold>.fill{background:var(--ivory)}
.btn-turf{background:var(--turf);color:#fff}
.btn-turf>.fill{background:var(--navy)}
.btn-navy{background:var(--navy);color:var(--ivory)}
.btn-navy>.fill{background:var(--turf)}
.btn-light{border:1.5px solid rgba(244,241,233,.6);color:var(--ivory)}
.btn-light>.fill{background:var(--ivory)}
.btn-light:hover{color:var(--night)}
.btn-line{border:1.5px solid rgba(23,58,46,.3);color:var(--navy)}
.btn-line>.fill{background:var(--navy)}
.btn-line:hover{color:var(--ivory)}
.btn svg{width:16px;height:16px;fill:currentColor;flex:none}

/* ---------- Header ---------- */
.hdr{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px 0;transition:background .6s var(--ease),padding .6s var(--ease),box-shadow .6s}
.hdr.is-scrolled,.hdr.solid{background:rgba(14,36,28,.93);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:10px 0;box-shadow:0 1px 0 var(--line-lt)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:11px;line-height:1;color:var(--ivory)}
.brand svg{width:38px;height:38px;flex:none}
.brand b{display:block;font:400 1.42rem/1 var(--serif);letter-spacing:0}
.brand b i{font-style:italic;color:var(--gold-2)}
.brand small{display:block;margin-top:5px;font:600 .5rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--lt-55)}
.hdr nav.main{display:none;align-items:center;gap:26px}
.hdr nav.main a{font:500 .8rem/1 var(--sans);color:var(--lt-70);transition:color .4s;padding:8px 0}
.hdr nav.main a:hover,.hdr nav.main a[aria-current]{color:var(--ivory)}
.hdr nav.main a[aria-current]{box-shadow:inset 0 -2px 0 var(--gold-2)}
.hdr .right{display:flex;align-items:center;gap:12px}
.hdr .lang{font:600 .7rem/1 var(--sans);letter-spacing:.14em;color:var(--lt-70);padding:8px 10px;border:1px solid var(--line-lt);border-radius:2px}
.hdr .lang:hover{color:var(--ivory);border-color:var(--lt-55)}
.hdr .cta{display:none}
.burger{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;width:40px;height:40px}
.burger i{display:block;width:24px;height:1.5px;background:var(--ivory);transition:all .5s;border-radius:2px}
.burger i:first-child{transform:translateY(-4px)}.burger i:last-child{transform:translateY(4px)}
.hdr.is-open .burger i:first-child{transform:rotate(22.5deg)}
.hdr.is-open .burger i:last-child{transform:rotate(-22.5deg)}
.hdr.is-open{background:var(--night)}
.mmenu{overflow:hidden;max-height:0;transition:max-height .7s var(--ease)}
.hdr.is-open .mmenu{max-height:600px}
.mmenu nav{display:flex;flex-direction:column;gap:18px;padding:30px var(--gut) 36px}
.mmenu a{font:400 1.6rem/1.15 var(--serif);color:var(--ivory)}
.mmenu a.go{font:600 .8rem/1 var(--sans);color:var(--gold-2);margin-top:8px}
@media(min-width:640px){.hdr .cta{display:inline-flex}}
@media(min-width:1180px){.hdr nav.main{display:flex}.burger,.mmenu{display:none}}

/* ---------- Home hero ---------- */
.hero{position:relative;height:100vh;height:100svh;min-height:660px;overflow:hidden;background:var(--night)}
.kb{position:absolute;inset:0}
.kb-slide{position:absolute;inset:0;opacity:0;animation:kb 24s infinite;will-change:transform,opacity}
.kb-slide img{width:100%;height:100%;object-fit:cover}
.kb-slide:nth-child(1){animation-delay:-1s}.kb-slide:nth-child(2){animation-delay:8s}.kb-slide:nth-child(3){animation-delay:16s}
.kb-slide .cap{position:absolute;right:var(--gut);bottom:26px;z-index:3;color:rgba(244,241,233,.7)}
@keyframes kb{0%{opacity:0;transform:scale(1.08)}4%{opacity:1}33%{opacity:1;transform:scale(1)}38%{opacity:0;transform:scale(1)}100%{opacity:0;transform:scale(1.08)}}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,18,13,.6),transparent 30%),linear-gradient(90deg,rgba(6,18,13,.72),rgba(6,18,13,.18) 62%,transparent),linear-gradient(180deg,transparent 55%,rgba(6,18,13,.75))}
@media(max-width:767px){.hero-shade{background:linear-gradient(180deg,rgba(6,18,13,.55),rgba(6,18,13,.45) 35%,rgba(6,18,13,.7) 70%,rgba(6,18,13,.85))}}
.hero-in{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--gut) 88px;max-width:var(--max);margin:0 auto}
.hero h1{margin-top:20px;color:var(--ivory);font:400 clamp(3.2rem,8.8vw,7.6rem)/.94 var(--serif);letter-spacing:-.015em;max-width:14ch}
.hero .sub{margin-top:22px;max-width:36rem;color:var(--lt-90);font:400 1.2rem/1.5 var(--serif)}
.hero .ctas{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.ranges{margin-top:34px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ranges .l{font:600 .62rem/1 var(--sans);text-transform:uppercase;letter-spacing:.2em;color:var(--lt-55);margin-right:6px}
.ranges a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:2px;background:rgba(244,241,233,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(244,241,233,.22);font:600 .74rem/1 var(--sans);color:var(--ivory);transition:background .4s,border-color .4s}
.ranges a:hover{background:rgba(244,241,233,.24);border-color:rgba(244,241,233,.5)}
.ranges a i{width:8px;height:8px;border-radius:50%;background:#7fb98a}
.ranges a[data-t="2"] i{background:#74b3c1}.ranges a[data-t="3"] i{background:var(--gold)}.ranges a[data-t="4"] i{background:var(--turf-2)}
@keyframes introFade{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.intro{opacity:0;animation:introFade 1.2s var(--ease) forwards}
@media(min-width:768px){.hero-in{padding-bottom:110px}.hero .sub{font-size:1.4rem}}

/* ---------- Page hero (inner pages) ---------- */
.phero{position:relative;min-height:72vh;min-height:72svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--night);color:var(--ivory)}
.phero>img,.phero>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,18,13,.6),transparent 32%),linear-gradient(90deg,rgba(6,18,13,.62),rgba(6,18,13,.12) 70%),linear-gradient(180deg,transparent 30%,rgba(6,18,13,.88))}
.phero .wrap{position:relative;z-index:2;width:100%;padding-top:130px;padding-bottom:64px}
.phero h1,.phero .sub,.hero h1,.hero .sub{text-shadow:0 2px 28px rgba(6,18,13,.45)}
.phero h1{margin-top:18px;color:var(--ivory);font:400 clamp(2.6rem,6.4vw,5.4rem)/1 var(--serif);letter-spacing:-.02em;max-width:18ch}
.phero .sub{margin-top:20px;max-width:42rem;color:var(--lt-90);font:400 1.18rem/1.5 var(--serif)}
.phero .ctas{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}
.phero .facts{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}
.phero .facts span{padding:8px 12px;border-radius:2px;background:rgba(244,241,233,.12);border:1px solid rgba(244,241,233,.2);font:600 .72rem/1.2 var(--sans);color:var(--lt-90)}
.phero>.cap{position:absolute;right:var(--gut);bottom:20px;z-index:2;color:rgba(244,241,233,.65)}
.phero.short{min-height:52vh;min-height:52svh}
.phero.plain{min-height:0;background:var(--navy)}
.phero.plain .wrap{padding-top:150px;padding-bottom:56px}
@media(min-width:768px){.phero .sub{font-size:1.35rem}.phero .wrap{padding-bottom:88px}}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font:600 .66rem/1.4 var(--sans);letter-spacing:.06em;color:var(--lt-55)}
.crumbs a:hover{color:var(--ivory)}
.crumbs span[aria-hidden]{color:var(--gold-2)}

/* ---------- Stats ---------- */
.stats{margin-top:64px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.stat{padding:28px 10px 8px 0}
.stat .v{font:400 clamp(2.4rem,4.6vw,4rem)/1 var(--serif);color:var(--navy);letter-spacing:-.02em}
.stat .v small{font-size:.42em;margin-left:.12em;letter-spacing:0}
.stat .l{margin-top:10px;font-size:.8rem;line-height:1.45;color:var(--ink-60)}
.dark .stats,.darker .stats{border-top-color:var(--line-lt)}
.dark .stat .v,.darker .stat .v{color:var(--ivory)}
.dark .stat .l,.darker .stat .l{color:var(--lt-55)}
@media(min-width:1024px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{padding-right:24px}}





/* ---------- Map ---------- */
.lmap{margin-top:48px;display:grid;grid-template-columns:minmax(0,1fr);gap:0;background:var(--white);border-radius:var(--r);overflow:hidden;box-shadow:0 30px 60px -40px rgba(14,36,28,.5);border:1px solid var(--line)}
.lmap-stage{position:relative;aspect-ratio:540/430;background:#eeebe1;overflow:hidden;touch-action:pan-y}
.lmap-svg{position:absolute;inset:0;width:100%;height:100%;transition:transform .9s var(--ease);transform-origin:50% 50%}
.m-sea{fill:#eeebe1}
.m-land{fill:#eeebe1}
.m-green{fill:#d8e6cf}
.m-golf{fill:#c3d9b5}
.m-street{fill:none;stroke:#fff;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.m-area{font:italic 400 8.5px var(--serif);fill:#6f7f6a;text-anchor:middle;letter-spacing:.02em;paint-order:stroke;stroke:#eeebe1;stroke-width:2.5px}
.lmap.labels .m-area{opacity:.35}
.m-track{fill:none;stroke:#8fb59c;stroke-width:1.6px}
.m-water{fill:#a9d0d8}
.m-canal{fill:none;stroke:#a9d0d8;stroke-width:1.6px;stroke-linecap:round}
.m-road{fill:none;stroke:#fbf7ee;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}
.m-road.major{stroke:#e8cf9d;stroke-width:3px}
.m-sea-l{font:italic 400 10px var(--serif);fill:#5b8a99;letter-spacing:.06em}
.m-rc text{font:italic 400 9px var(--serif);fill:#4f7d65;text-anchor:middle}
.m-shield rect{fill:#fff;stroke:#d2b784;stroke-width:.5}
.m-shield text{font:600 4.6px var(--sans);fill:#8a6b3c;text-anchor:middle}
.m-lm circle{fill:#8e9aa8}
.m-lm text{font:500 6px var(--sans);fill:#66727f}
.m-pin{cursor:pointer}
.m-pin .dot{fill:var(--t1);stroke:#fff;stroke-width:1.3;transition:r .4s var(--ease)}
.m-pin .halo{fill:var(--t1);opacity:.18;transform-box:fill-box;transform-origin:center;animation:halo 2.8s ease-out infinite}
.m-pin.t2 .dot,.m-pin.t2 .halo{fill:var(--t2)}.m-pin.t3 .dot,.m-pin.t3 .halo{fill:var(--t3)}.m-pin.t4 .dot,.m-pin.t4 .halo{fill:var(--t4)}
.m-pin .lbl{font:600 7px var(--sans);fill:var(--navy);paint-order:stroke;stroke:#fff;stroke-width:2.4px;stroke-linejoin:round;opacity:0;transition:opacity .4s}
.m-pin.on .lbl,.m-pin:hover .lbl,.m-pin:focus .lbl,.m-pin.feat .lbl,.lmap.labels .m-pin .lbl{opacity:1}
.m-pin.on .dot,.m-pin:hover .dot{r:6}
.m-pin.off{opacity:.18;pointer-events:none}
.m-pin.feat .dot{stroke:var(--night);stroke-width:1.6}
@keyframes halo{0%{transform:scale(.6);opacity:.35}100%{transform:scale(2.2);opacity:0}}
.lmap-zoom{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:6px;z-index:3}
.lmap-zoom button{width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(14,36,28,.18);font:600 1.1rem/1 var(--sans);color:var(--navy)}
.lmap-note{position:absolute;left:12px;bottom:10px;z-index:3;font-size:.6rem;color:rgba(27,42,36,.55);background:rgba(255,255,255,.7);padding:3px 7px;border-radius:6px}
.lmap-side{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.lmap-tiers{display:flex;flex-wrap:wrap;gap:6px;padding:18px 18px 12px}
.lmap-tiers button{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:2px;border:1px solid var(--line);font:600 .72rem/1 var(--sans);color:var(--ink-70);transition:all .35s}
.lmap-tiers button i{width:8px;height:8px;border-radius:50%;background:var(--ink-50)}
.lmap-tiers button[data-t="1"] i{background:var(--t1)}.lmap-tiers button[data-t="2"] i{background:var(--t2)}.lmap-tiers button[data-t="3"] i{background:var(--t3)}.lmap-tiers button[data-t="4"] i{background:var(--t4)}
.lmap-tiers button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--ivory)}
.lmap-list{flex:1;overflow:auto;max-height:420px;padding:0 8px 12px}
.lmap-list a{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 10px;border-radius:12px;transition:background .3s}
.lmap-list a:hover,.lmap-list a.on{background:var(--mist)}
.lmap-list a i{width:10px;height:10px;border-radius:50%;background:var(--t1)}
.lmap-list a[data-tier="2"] i{background:var(--t2)}.lmap-list a[data-tier="3"] i{background:var(--t3)}.lmap-list a[data-tier="4"] i{background:var(--t4)}
.lmap-list b{display:block;font:400 1.08rem/1.2 var(--serif);color:var(--navy)}
.lmap-list small{display:block;margin-top:2px;font-size:.74rem;color:var(--ink-60)}
.lmap-list .pr{font:600 .74rem/1.2 var(--sans);color:var(--navy);text-align:right;white-space:nowrap}
.lmap-list .pr span{display:block;font-weight:500;font-size:.62rem;color:var(--ink-50)}
.lmap-list a[hidden]{display:none}
@media(min-width:1024px){.lmap{grid-template-columns:minmax(0,1fr) 380px}.lmap-side{position:relative;border-top:0;border-left:1px solid var(--line)}.lmap-side-in{position:absolute;inset:0;display:flex;flex-direction:column}.lmap-list{max-height:none;min-height:0}}

/* ---------- Range tabs + community cards ---------- */
.tabs{margin-top:44px;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:var(--white);text-align:left;transition:all .4s}
.tabs button b{font:400 1.15rem/1.1 var(--serif);color:var(--navy)}
.tabs button span{font-size:.72rem;color:var(--ink-60)}
.tabs button[aria-selected=true]{background:var(--navy);border-color:var(--navy)}
.tabs button[aria-selected=true] b{color:var(--ivory)}.tabs button[aria-selected=true] span{color:var(--lt-70)}
.tabs button i{display:block;width:26px;height:4px;border-radius:4px;background:var(--t1);margin-bottom:6px}
.tabs button[data-t="2"] i{background:var(--t2)}.tabs button[data-t="3"] i{background:var(--t3)}.tabs button[data-t="4"] i{background:var(--t4)}
.tabpanel{margin-top:28px}
.tier-intro{max-width:46rem;color:var(--ink-70);font-size:.98rem;line-height:1.75}
.cgrid{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
@media(min-width:700px){.cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.cgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}
.ccard{position:relative;display:flex;flex-direction:column;background:var(--white);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.ccard:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(14,36,28,.45)}
.ccard .im{position:relative;overflow:hidden;background:var(--ivory-2)}
.ccard .im img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 1.4s var(--ease)}
.ccard:hover .im img{transform:scale(1.05)}
.ccard .im .cap{position:absolute;right:10px;bottom:8px;color:rgba(255,255,255,.9);text-shadow:0 1px 6px rgba(0,0,0,.45)}
.ccard .badge{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:2px;background:rgba(255,255,255,.92);font:600 .66rem/1 var(--sans);color:var(--navy)}
.ccard .badge i{width:7px;height:7px;border-radius:50%;background:var(--t1)}
.ccard[data-tier="2"] .badge i{background:var(--t2)}.ccard[data-tier="3"] .badge i{background:var(--t3)}.ccard[data-tier="4"] .badge i{background:var(--t4)}
.ccard .bd{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.ccard .e{font:600 .66rem/1.3 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--turf)}
.ccard h3{margin-top:8px;font:400 1.7rem/1.1 var(--serif);color:var(--navy);letter-spacing:-.01em}
.ccard p{margin-top:10px;font-size:.9rem;line-height:1.65;color:var(--ink-70)}
.ccard .k{margin-top:auto;padding-top:16px;display:flex;flex-wrap:wrap;gap:6px 16px;border-top:1px solid var(--line);margin-top:18px;font-size:.8rem;color:var(--navy)}
.ccard .k i{font-style:normal;color:var(--ink-50);margin-right:4px}
.ccard .pr{font-weight:600}
.ccard.feat{border-color:rgba(154,111,51,.45)}

/* ---------- Feature (Damac Lagoons) ---------- */
.feature{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-radius:var(--r);overflow:hidden;background:var(--navy);color:var(--lt-90)}
.feature .im{position:relative;min-height:320px}
.feature .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.feature .im .cap{position:absolute;left:14px;bottom:12px;color:rgba(255,255,255,.85);text-shadow:0 1px 6px rgba(0,0,0,.45)}
.feature .bd{padding:36px 26px}
.feature h2{margin-top:16px;color:var(--ivory);font:400 clamp(2rem,3.8vw,3.2rem)/1.05 var(--serif)}
.feature h2 em{color:var(--gold-2)}
.feature .lead{color:var(--lt-90);margin-top:16px}
.feature .mini-stats{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;border-top:1px solid var(--line-lt);padding-top:22px}
.feature .mini-stats b{display:block;font:400 1.8rem/1 var(--serif);color:var(--ivory)}
.feature .mini-stats span{display:block;margin-top:6px;font-size:.74rem;color:var(--lt-55)}
.feature .ctas{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px}
@media(min-width:1024px){.feature{grid-template-columns:7fr 5fr}.feature .bd{padding:56px 52px}.feature .im{min-height:560px}}

/* ---------- Listing cards ---------- */
.lfilters{margin-top:36px;display:flex;flex-wrap:wrap;gap:8px}
.lfilters button{padding:10px 16px;border-radius:2px;border:1px solid var(--line);background:var(--white);font:600 .74rem/1 var(--sans);color:var(--ink-70);transition:all .35s}
.lfilters button:hover{border-color:var(--navy)}
.lfilters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--ivory)}
.lfilters .sep{width:100%;height:0}
@media(min-width:900px){.lfilters .sep{width:14px}}
.lgrid{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
@media(min-width:640px){.lgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.lgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}
.lcard{display:flex;flex-direction:column;background:var(--white);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.lcard:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(14,36,28,.45)}
.lcard .im{position:relative;overflow:hidden;background:var(--ivory-2)}
.lcard .im img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform 1.4s var(--ease)}
.lcard:hover .im img{transform:scale(1.05)}
.lcard .im .cap{position:absolute;right:10px;bottom:8px;color:rgba(255,255,255,.9);text-shadow:0 1px 6px rgba(0,0,0,.45)}
.lcard .st{position:absolute;left:12px;top:12px;padding:6px 10px;border-radius:2px;background:var(--gold);font:600 .62rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--night)}
.lcard .st.rent{background:var(--turf);color:#fff}
.lcard .bd{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.lcard .pr{font:400 1.55rem/1.1 var(--serif);color:var(--navy)}
.lcard .pr small{font:500 .72rem/1 var(--sans);color:var(--ink-50);margin-left:4px}
.lcard h3{margin-top:8px;font:600 .95rem/1.4 var(--sans);color:var(--ink)}
.lcard .where{margin-top:4px;font-size:.82rem;color:var(--ink-60)}
.lcard .specs{margin-top:auto;padding-top:14px;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.78rem;color:var(--ink-70);border-top:1px solid var(--line);margin-top:16px}
.lgrid .empty{grid-column:1/-1;padding:24px;border-radius:var(--r);background:var(--white);color:var(--ink-60)}

/* ---------- Listing detail ---------- */
.lgal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-radius:var(--r);overflow:hidden}
.lgal figure{position:relative;overflow:hidden;background:var(--ivory-2)}
.lgal img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.lgal figure:first-child{grid-column:span 2}
.lgal figure:first-child img{aspect-ratio:16/9}
.lgal .cap{position:absolute;left:10px;bottom:8px;color:rgba(255,255,255,.9);text-shadow:0 1px 6px rgba(0,0,0,.45)}
@media(min-width:900px){.lgal{grid-template-columns:repeat(4,minmax(0,1fr))}.lgal figure:first-child{grid-column:span 2;grid-row:span 2}.lgal figure:first-child img{aspect-ratio:auto;height:100%}}
.box{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.box .price{font:400 2.4rem/1 var(--serif);color:var(--navy)}
.box .price small{font:500 .8rem/1 var(--sans);color:var(--ink-50);margin-left:6px}
.box .ctas{margin-top:20px;display:grid;gap:10px}
.box .ref{margin-top:18px;font-size:.76rem;color:var(--ink-50);line-height:1.6}

/* ---------- Fact list ---------- */
.facts-dl>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:15px 0;border-top:1px solid var(--line)}
.facts-dl>div:last-child{border-bottom:1px solid var(--line)}
.facts-dl dt{padding-top:3px;font-size:.74rem;font-weight:600;color:var(--ink-60)}
.facts-dl dd{font:400 1.22rem/1.35 var(--serif);color:var(--navy)}
.facts-dl dd small{display:block;margin-top:2px;font:400 .8rem/1.5 var(--sans);color:var(--ink-60)}
@media(min-width:768px){.facts-dl>div{grid-template-columns:190px minmax(0,1fr)}.facts-dl dd{font-size:1.35rem}}

/* ---------- Tables (clusters, prices) ---------- */
.tbl-wrap{margin-top:36px;overflow-x:auto;border-radius:var(--r);border:1px solid var(--line);background:var(--white)}
.tbl{width:100%;border-collapse:collapse;min-width:640px;font-size:.88rem}
.tbl th{text-align:left;padding:14px 16px;font:600 .68rem/1.3 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-60);background:var(--mist);border-bottom:1px solid var(--line)}
.tbl td{padding:14px 16px;border-bottom:1px solid var(--line);color:var(--ink-80);vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.tbl td b{font:400 1.05rem/1.2 var(--serif);color:var(--navy)}
.pill{display:inline-block;padding:4px 9px;border-radius:2px;font:600 .66rem/1.2 var(--sans);background:var(--mist);color:var(--navy-2)}
.pill.ready{background:#dff3ee;color:#11695f}.pill.build{background:#fbeee6;color:#a2502f}.pill.plan{background:#eef1fa;color:#34528a}

/* ---------- Bullets, steps, split ---------- */
.ticks{display:grid;gap:12px}
.ticks li{position:relative;padding-left:26px;font-size:.98rem;line-height:1.7;color:var(--ink-80)}
.ticks li:before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:50%;background:var(--turf-lt) no-repeat center/8px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l3 3 5-6' fill='none' stroke='%230c3c40' stroke-width='1.6'/%3E%3C/svg%3E")}
.dark .ticks li,.darker .ticks li{color:var(--lt-70)}
.steps{margin-top:48px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.step{padding:26px;border-radius:var(--r);background:var(--white);border:1px solid var(--line)}
.step .i{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--mist);font:400 1.2rem/1 var(--serif);color:var(--turf)}
.step h3{margin-top:16px;font:400 1.45rem/1.15 var(--serif);color:var(--navy)}
.step p{margin-top:8px;font-size:.92rem;line-height:1.7;color:var(--ink-70)}
@media(min-width:900px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.steps.four{grid-template-columns:repeat(4,minmax(0,1fr))}}
.dark .step,.darker .step{background:rgba(244,241,233,.05);border-color:var(--line-lt)}
.dark .step h3,.darker .step h3{color:var(--ivory)}
.dark .step p,.darker .step p{color:var(--lt-70)}
.dark .step .i,.darker .step .i{background:rgba(217,174,104,.14);color:var(--gold-2)}
.pic{position:relative;border-radius:var(--r);overflow:hidden}
.pic img{width:100%;aspect-ratio:4/5;object-fit:cover}
.pic.wide img{aspect-ratio:3/2}
.pic .cap{position:absolute;right:12px;bottom:10px;color:rgba(255,255,255,.9);text-shadow:0 1px 6px rgba(0,0,0,.45)}

/* ---------- Owners band ---------- */
.owners{position:relative;overflow:hidden;border-radius:var(--r);background:linear-gradient(135deg,var(--navy),var(--night));color:var(--lt-90);padding:40px 26px}
.owners:after{content:"";position:absolute;right:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(217,174,104,.28),transparent 70%)}
.owners h2{margin-top:14px;color:var(--ivory);font:400 clamp(2rem,3.6vw,3rem)/1.06 var(--serif);max-width:24ch}
.owners h2 em{color:var(--gold-2)}
.owners .body{color:var(--lt-70);max-width:40rem;margin-top:14px}
.owners .opts{position:relative;z-index:1;margin-top:26px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.owners .opts button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-radius:14px;background:rgba(244,241,233,.07);border:1px solid var(--line-lt);text-align:left;transition:background .4s,border-color .4s}
.owners .opts button:hover{background:rgba(244,241,233,.14);border-color:var(--lt-40)}
.owners .opts b{display:block;font:400 1.2rem/1.2 var(--serif);color:var(--ivory)}
.owners .opts span{display:block;margin-top:3px;font-size:.8rem;color:var(--lt-55)}
.owners .opts .arr{color:var(--gold);font-size:1.2rem}
@media(min-width:900px){.owners{padding:60px 56px}.owners .opts{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- Band ---------- */
.band{position:relative;height:62vh;overflow:hidden;background:var(--night)}
.band>img{position:absolute;left:0;top:-15%;width:100%;height:130%;object-fit:cover;will-change:transform}
.band .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,18,13,.1),transparent 40%,rgba(6,18,13,.7))}
.band .cap{position:absolute;top:16px;right:var(--gut);color:rgba(244,241,233,.75)}
.band .over{position:absolute;bottom:40px;left:0;right:0}
.band h2{margin-top:14px;color:var(--ivory);font:400 clamp(2rem,4.6vw,4rem)/1.04 var(--serif);max-width:22ch}
@media(min-width:768px){.band{height:74vh}}

/* ---------- Sources ---------- */
.src{margin-top:24px;display:grid;gap:6px}
.src li{font-size:.72rem;line-height:1.6;color:var(--ink-50);word-break:break-word}
.src a{text-decoration:underline;text-underline-offset:2px}
.dark .src li,.darker .src li{color:var(--lt-40)}

/* ---------- FAQ ---------- */
.faq-item{border-top:1px solid var(--line)}
.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;text-align:left}
.faq-q h3{font:400 1.3rem/1.3 var(--serif);color:var(--navy)}
.faq-q .ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--mist);color:var(--turf);font-size:1.2rem;line-height:1;transition:transform .6s var(--ease)}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.faq-a>div{overflow:hidden}
.faq-a p{padding:0 48px 22px 0;font-size:.95rem;line-height:1.8;color:var(--ink-70)}
.faq-a a{color:var(--navy);border-bottom:1px solid var(--turf)}
.faq-item[data-open=true] .faq-a{grid-template-rows:1fr}
.faq-item[data-open=true] .ic{transform:rotate(45deg)}
@media(min-width:768px){.faq-q h3{font-size:1.5rem}}

/* ---------- Enquiry card ---------- */
.enq{position:relative;padding:var(--sec) 0 0;background:linear-gradient(180deg,var(--ivory) 0,var(--ivory) 60%,var(--night) 60%)}
.enq-card{position:relative;z-index:10;background:var(--navy);color:var(--ivory);display:grid;grid-template-columns:minmax(0,1fr);border-radius:calc(var(--r) + 6px);overflow:hidden;box-shadow:0 40px 80px -40px rgba(14,36,28,.6)}
.enq-form,.enq-desk{padding:34px 22px}
.enq-form{border-bottom:1px solid var(--line-lt)}
.enq h2{margin-top:16px;color:var(--ivory);font:400 clamp(1.9rem,3vw,2.7rem)/1.1 var(--serif)}
.enq h2 em{color:var(--gold-2)}
.enq .intro-t{margin-top:10px;color:var(--lt-70);font:400 1.12rem/1.55 var(--serif)}
.enq .kick{color:var(--gold-2)}
.enq-desk{display:flex;flex-direction:column;justify-content:space-between;gap:36px;background:linear-gradient(180deg,rgba(217,174,104,.08),transparent)}
.enq-desk .k{font:600 .66rem/1 var(--sans);text-transform:uppercase;letter-spacing:.2em;color:var(--gold-2)}
.enq-desk .who{margin-top:18px;font:400 1.55rem/1.3 var(--serif)}
.enq-desk .who span{display:block;margin-top:8px;font:400 .9rem/1.6 var(--sans);color:var(--lt-55)}
.enq-desk dl{margin-top:26px;display:grid;gap:14px;font-size:.94rem}
.enq-desk dt{font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--lt-40)}
.enq-desk dd{margin-top:3px;color:var(--lt-90)}
.enq-desk dd a:hover{color:var(--gold-2)}
.enq-desk .btn{align-self:flex-start}
@media(min-width:768px){.enq-form,.enq-desk{padding:52px}}
@media(min-width:1024px){.enq-card{grid-template-columns:7fr 5fr}.enq-form{border-bottom:0;border-right:1px solid var(--line-lt)}}

.lf{margin-top:28px;display:grid;gap:20px}
.lf .row{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media(min-width:560px){.lf .row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lf .field{position:relative;min-width:0}
.lf input[type=text],.lf input[type=email],.lf input[type=tel],.lf select,.lf textarea{width:100%;background:rgba(244,241,233,.06);border:1px solid rgba(244,241,233,.18);border-radius:12px;outline:none;padding:14px 16px;color:var(--ivory);font:400 .98rem/1.4 var(--sans);transition:border-color .4s,background .4s}
.lf input::placeholder,.lf textarea::placeholder{color:var(--lt-40)}
.lf input:focus,.lf select:focus,.lf textarea:focus{border-color:var(--gold-2);background:rgba(244,241,233,.1)}
.lf textarea{resize:none;min-height:84px}
.lf select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2363c7bd' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.lf select.empty{color:var(--lt-40)}
.lf select option{color:var(--navy);background:#fff}
.lf .field.invalid input{border-color:#f0a58f}
.lf .fielderr{margin-top:6px;font-size:.76rem;color:#f5b6a3}
.lf .fielderr:empty{display:none}
.chips{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:0;padding:2px 0 0;min-width:0}
.chips label{position:relative;cursor:pointer}
.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips span{display:inline-block;padding:10px 14px;border-radius:2px;font:600 .74rem/1.2 var(--sans);border:1px solid rgba(244,241,233,.22);color:var(--lt-70);transition:all .35s}
.chips label:hover span{border-color:rgba(244,241,233,.5)}
.chips input:checked+span{background:var(--gold);border-color:var(--gold);color:var(--night)}
.chips input:focus-visible+span{outline:2px solid var(--gold-2);outline-offset:2px}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:.78rem;line-height:1.6;color:var(--lt-55);cursor:pointer}
.consent input{margin:3px 0 0;accent-color:var(--turf);width:16px;height:16px;flex:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lf .note{font-size:.74rem;color:var(--lt-40)}
.errmsg{display:none;font-size:.86rem;color:#f5b6a3}
.okmsg{display:none;margin-top:28px;border-radius:14px;background:rgba(217,174,104,.12);border:1px solid rgba(217,174,104,.4);padding:28px}
.okmsg .t{font:400 1.7rem/1.3 var(--serif);color:var(--gold-2)}
.okmsg p{margin-top:10px;color:var(--lt-70);font-size:.92rem;line-height:1.7}
.okmsg .btn{margin-top:20px}
.lf .iti{display:block;width:100%}
.lf .iti__selected-country{border-radius:12px 0 0 12px}
.lf .iti__selected-country,.lf .iti__selected-dial-code{color:var(--ivory)}
.lf .iti__arrow{border-top-color:var(--lt-55)}
.lf .iti__arrow--up{border-bottom-color:var(--lt-55)}
.iti--container,.iti__dropdown-content{z-index:1200}
.iti__dropdown-content{font:400 .9rem/1.4 var(--sans);color:var(--navy);border-radius:12px}

/* ---------- Footer ---------- */
.foot{background:var(--night);color:var(--lt-70);padding:72px 0 40px}
.foot .top{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;align-items:start;border-bottom:1px solid var(--line-lt);padding-bottom:40px}
.foot .brand svg{width:46px;height:46px}
.foot .brand b{font-size:1.4rem}
.foot .tag-l{margin-top:16px;max-width:22rem;font:400 1.05rem/1.5 var(--serif);color:var(--lt-55)}
.foot .cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.foot .cols h4{margin:0 0 12px;font:600 .64rem/1 var(--sans);text-transform:uppercase;letter-spacing:.16em;color:var(--gold-2)}
.foot .cols a{display:block;padding:5px 0;overflow-wrap:anywhere;font-size:.86rem;color:var(--lt-55);transition:color .4s}
.foot .cols a:hover{color:var(--ivory)}
@media(min-width:900px){.foot .top{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.foot .cols{grid-template-columns:repeat(4,minmax(0,1fr))}}
.foot .disclaimer{margin-top:36px;max-width:68rem;font-size:.72rem;line-height:1.75;color:var(--lt-40)}
.foot .contact{margin-top:18px;font-size:.78rem;line-height:1.8;color:var(--lt-55)}
.foot .contact a{color:var(--lt-70)}
.foot .contact a:hover{color:var(--gold-2)}
.foot .credits{margin-top:14px;font-size:.66rem;line-height:1.7;color:rgba(244,241,233,.34)}
.foot .credits a{text-decoration:underline;text-underline-offset:2px}
.foot .bottom{margin-top:26px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;font-size:.72rem;color:rgba(244,241,233,.38)}
.foot .bottom a:hover{color:var(--ivory)}
.clink{font-size:inherit;color:var(--lt-70);text-decoration:underline;text-underline-offset:3px}
@media(min-width:640px){.foot .bottom{flex-direction:row}}

/* ---------- WhatsApp pre-chat ---------- */
.wamodal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px}
.wabackdrop{position:absolute;inset:0;background:rgba(6,18,13,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.wabox{position:relative;width:100%;max-width:480px;max-height:calc(100vh - 32px);overflow:auto;background:var(--ivory);border-radius:22px;padding:28px 24px;animation:introFade .6s var(--ease)}
.wahead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.wahead h2{margin-top:10px;font:400 1.7rem/1.15 var(--serif)}
.waclose{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ivory-2);font-size:1.4rem;line-height:1;color:var(--ink-70)}
.wabox .intro-t{margin-top:10px;font:400 1.06rem/1.5 var(--serif);color:var(--ink-80)}
.lf.light{margin-top:22px;gap:18px}
.lf.light input[type=text],.lf.light input[type=tel],.lf.light textarea{color:var(--navy);background:var(--white);border-color:rgba(23,58,46,.18)}
.lf.light input:focus,.lf.light textarea:focus{border-color:var(--turf)}
.lf.light input::placeholder,.lf.light textarea::placeholder{color:var(--ink-50)}
.lf.light .iti__selected-country,.lf.light .iti__selected-dial-code{color:var(--navy)}
.lf.light .iti__arrow{border-top-color:var(--ink-60)}
.lf.light .consent{color:var(--ink-70)}
.lf.light .errmsg,.lf.light .fielderr{color:#b0412e}
.lf.light .kick{color:var(--turf)}

/* ---------- Floating WhatsApp + mobile bar ---------- */
.wafab{position:fixed;right:24px;bottom:24px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--navy);color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(14,36,28,.35);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .6s var(--ease),transform .6s var(--ease),background .4s}
.wafab svg{width:26px;height:26px;fill:currentColor}
.wafab:hover{background:var(--turf)}
.mbar{position:fixed;left:10px;right:10px;bottom:10px;z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:8px;transform:translateY(140%);transition:transform .6s var(--ease);padding-bottom:env(safe-area-inset-bottom)}
.mbar a,.mbar button{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 8px;border-radius:2px;font:600 .8rem/1 var(--sans);box-shadow:0 10px 26px -10px rgba(14,36,28,.6)}
.mbar a{background:var(--gold);color:var(--night)}
.mbar button{background:var(--navy);color:var(--ivory)}
.mbar svg{width:17px;height:17px;fill:currentColor}
body.past-hero .wafab{opacity:1;transform:none;pointer-events:auto}
body.past-hero .mbar{transform:none}
@media(min-width:768px){.wafab{display:flex}.mbar{display:none}}
@media(max-width:767px){.foot{padding-bottom:100px}}

/* ---------- Cookie banner (/consent-v1.js) ---------- */
.cbanner{position:fixed;left:16px;right:16px;bottom:16px;z-index:1000;background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(14,36,28,.25);padding:20px;max-width:460px}
.cbanner p{font-size:.8rem;line-height:1.6;color:var(--ink-80)}
.cbanner .cbtns{margin-top:14px;display:flex;gap:10px;justify-content:flex-end}
.cbanner button{padding:10px 18px;border-radius:2px;font:600 .74rem/1 var(--sans)}
.cbanner .cno{border:1px solid rgba(23,58,46,.3);color:var(--navy)}
.cbanner .cyes{background:var(--navy);color:var(--ivory)}
@media(max-width:767px){body.past-hero .cbanner{bottom:78px}}

/* ---------- 404 ---------- */
.nf{min-height:100vh;min-height:100svh;display:flex;align-items:center;background:var(--navy);color:var(--ivory)}
.nf h1{font:400 clamp(3rem,8vw,6rem)/1 var(--serif);color:var(--ivory)}
.nf p{margin-top:18px;font:400 1.3rem/1.5 var(--serif);color:var(--lt-70)}
.nf .ctas{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}


/* ---------- Guide components ---------- */
.h1s{display:block;margin-top:.4em;font:italic 400 .36em/1.2 var(--serif);color:var(--gold-2);letter-spacing:0}
.st-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
/* Typographic project card: no stock photo when the developer's imagery is not available to us */
.ccard .im.ty{display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/3;padding:22px 22px 20px;background:
  radial-gradient(120% 90% at 100% 0%,rgba(217,174,104,.22),transparent 55%),linear-gradient(160deg,var(--navy-2),var(--night));color:var(--ivory);overflow:hidden}
.ccard .im.ty:before{content:"";position:absolute;right:-60px;top:-40px;width:260px;height:140px;border:1px solid rgba(217,174,104,.35);border-radius:50%;transform:rotate(-12deg)}
.ccard .im.ty:after{content:"";position:absolute;right:-20px;top:-6px;width:190px;height:96px;border:1px solid rgba(244,241,233,.12);border-radius:50%;transform:rotate(-12deg)}
.ccard[data-tier="1"] .im.ty{background:radial-gradient(120% 90% at 100% 0%,rgba(219,162,124,.25),transparent 55%),linear-gradient(160deg,#245141,#0e241c)}
.ccard .ty-k{position:relative;order:1;font:600 .6rem/1.3 var(--sans);text-transform:uppercase;letter-spacing:.2em;color:var(--gold-2)}
.ccard .ty-n{position:relative;order:2;margin-top:8px;font:italic 400 clamp(2.2rem,3.4vw,2.9rem)/1 var(--serif);color:var(--ivory)}
.ccard .ty-d{position:relative;order:3;margin-top:12px;padding-top:12px;border-top:1px solid rgba(244,241,233,.16);font:500 .78rem/1.3 var(--sans);color:var(--lt-70)}
.ccard:hover .im.ty{filter:brightness(1.08)}
.dgrid{margin-top:44px;display:grid;grid-template-columns:minmax(0,1fr);gap:1px;padding:1px}
@media(min-width:700px){.dgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.dgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.dcard{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px 26px 30px;background:var(--navy);color:var(--lt-90);box-shadow:0 0 0 1px var(--line-lt);transition:background .5s var(--ease)}
.dcard:hover{background:var(--navy-2)}
.dcard .dn{font:400 1.9rem/1.05 var(--serif);color:var(--ivory)}
.dcard .dk{font-size:.86rem;line-height:1.6;color:var(--lt-70)}
.dcard .dp{margin-top:auto;padding-top:14px;border-top:1px solid var(--line-lt);font-size:.78rem;line-height:1.5;color:var(--lt-55)}
.dcard .dp b{display:block;font:600 .62rem/1.3 var(--sans);text-transform:uppercase;letter-spacing:.16em;color:var(--gold-2);margin-bottom:4px}
.dcard .arr{position:absolute;right:22px;top:26px;color:var(--gold);transition:transform .6s var(--ease)}
.dcard:hover .arr{transform:translateX(.3em)}
.dgrid.light .dcard{background:var(--white);color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.dgrid.light .dcard:hover{background:var(--ivory-2)}
.dgrid.light .dn{color:var(--navy)}.dgrid.light .dk{color:var(--ink-70)}.dgrid.light .dp{border-color:var(--line);color:var(--ink-60)}
.dgrid.light .dp b{color:var(--turf)}.dgrid.light .arr{color:var(--brass)}
.agrid{margin-top:44px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
@media(min-width:700px){.agrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.agrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.acard{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.acard:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(14,36,28,.45)}
.acard .im{position:relative;overflow:hidden}
.acard .im img{width:100%;aspect-ratio:4/3;object-fit:cover}
.acard .im .cap{position:absolute;right:10px;bottom:8px;color:rgba(255,255,255,.9);text-shadow:0 1px 6px rgba(0,0,0,.45)}
.acard .bd{padding:20px 22px 24px}
.acard h3{font:400 1.8rem/1.05 var(--serif);color:var(--navy)}
.acard p{margin-top:8px;font-size:.9rem;line-height:1.65;color:var(--ink-70)}
.anav{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}
.anav a{padding:9px 14px;border:1px solid rgba(244,241,233,.24);border-radius:2px;font:600 .7rem/1 var(--sans);letter-spacing:.08em;color:var(--lt-90);background:rgba(244,241,233,.08);transition:background .4s}
.anav a:hover{background:rgba(244,241,233,.2)}
.alinks{margin-top:26px;display:flex;flex-wrap:wrap;gap:14px 24px}
.devbox{margin-top:40px;padding:26px 26px 24px;border:1px solid var(--line);border-left:3px solid var(--gold);background:var(--white)}
.devbox .dn{margin-top:12px;font:400 1.9rem/1.05 var(--serif);color:var(--navy)}
.devbox .body{margin-top:10px}
.phero.plain.ty{background:radial-gradient(90% 120% at 100% 0%,rgba(217,174,104,.18),transparent 60%),linear-gradient(160deg,var(--navy-2),var(--night))}
.facts-dl dd a{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
@media(max-width:700px){.lmap-stage{aspect-ratio:1/1}}
.lf select optgroup{color:var(--navy);background:#fff;font-weight:600}

/* ---------- Scroll effects (html.js only) ---------- */
.js [data-fade]{opacity:0;transform:translateY(22px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.js [data-fade].is-in{opacity:1;transform:none}
[data-mask]{overflow:hidden}
.js [data-mask] img{transform:scale(1.1);transition:transform 1.6s var(--ease)}
.js [data-mask].is-in img{transform:scale(1)}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .kb-slide{animation:none}.kb-slide:first-child{opacity:1}
  .intro{animation:none;opacity:1}
  .m-pin .halo{animation:none}
  .js [data-fade]{opacity:1!important;transform:none!important;transition:none}
  .js [data-mask] img{transform:none!important;transition:none}
  .band>img{transform:none!important}
  .lmap-svg{transition:none}
}

/* ---------- Dubai Hills components ---------- */
/* Contour panels (the estate's hills) stand in for photography we are not licensed to use */
.acard .im.ty{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/3;padding:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%23a4623a' stroke-opacity='.32' stroke-width='1.1' stroke-linejoin='round'%3E%3Cpath d='M-20 35 L0 35 L20 34 L40 31 L60 25 L80 19 L100 15 L120 11 L140 9 L160 7 L180 5 L200 4 L220 3 L240 4 L260 6 L280 9 L300 12 L320 15 L340 17 L360 19 L380 22 L400 24 L420 28 L440 32'/%3E%3Cpath d='M-20 71 L0 71 L20 68 L40 62 L60 54 L80 46 L100 41 L120 39 L140 39 L160 40 L180 41 L200 41 L220 41 L240 41 L260 40 L280 40 L300 40 L320 41 L340 43 L360 46 L380 51 L400 57 L420 63 L440 68'/%3E%3Cpath d='M-20 104 L0 102 L20 96 L40 88 L60 80 L80 73 L100 70 L120 71 L140 74 L160 77 L180 78 L200 78 L220 75 L240 72 L260 69 L280 67 L300 66 L320 68 L340 73 L360 79 L380 86 L400 93 L420 99 L440 102'/%3E%3Cpath d='M-20 132 L0 127 L20 121 L40 114 L60 108 L80 105 L100 105 L120 108 L140 111 L160 113 L180 113 L200 109 L220 104 L240 99 L260 95 L280 94 L300 96 L320 101 L340 108 L360 115 L380 122 L400 128 L420 131 L440 131'/%3E%3Cpath d='M-20 157 L0 152 L20 148 L40 144 L60 142 L80 142 L100 143 L120 145 L140 146 L160 145 L180 142 L200 136 L220 131 L240 127 L260 125 L280 127 L300 132 L320 138 L340 145 L360 151 L380 155 L400 157 L420 157 L440 156'/%3E%3Cpath d='M-20 183 L0 181 L20 181 L40 180 L60 179 L80 179 L100 179 L120 178 L140 176 L160 172 L180 168 L200 163 L220 160 L240 159 L260 160 L280 164 L300 169 L320 175 L340 179 L360 182 L380 183 L400 183 L420 182 L440 182'/%3E%3Cpath d='M-20 215 L0 216 L20 217 L40 217 L60 215 L80 212 L100 209 L120 205 L140 202 L160 199 L180 196 L200 195 L220 194 L240 196 L260 198 L280 201 L300 204 L320 206 L340 207 L360 208 L380 208 L400 208 L420 210 L440 213'/%3E%3Cpath d='M-20 250 L0 252 L20 252 L40 249 L60 245 L80 240 L100 235 L120 232 L140 230 L160 230 L180 230 L200 231 L220 232 L240 233 L260 234 L280 234 L300 234 L320 233 L340 233 L360 234 L380 236 L400 239 L420 243 L440 248'/%3E%3Cpath d='M-20 285 L0 284 L20 281 L40 277 L60 271 L80 266 L100 263 L120 263 L140 264 L160 266 L180 268 L200 268 L220 268 L240 266 L260 264 L280 262 L300 260 L320 260 L340 261 L360 265 L380 269 L400 275 L420 280 L440 283'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat,linear-gradient(170deg,var(--mist),var(--ivory-2))}
.acard .im.ty .ty-k{font:600 .6rem/1.3 var(--sans);text-transform:uppercase;letter-spacing:.2em;color:var(--turf)}
.acard .im.ty .ty-n{margin-top:8px;font:italic 400 clamp(2rem,3vw,2.6rem)/1 var(--serif);color:var(--navy)}
.acard:hover .im.ty{filter:brightness(1.03)}
.acard .e{display:block;margin-bottom:8px;font:600 .62rem/1.3 var(--sans);text-transform:uppercase;letter-spacing:.16em;color:var(--turf)}
.ccard .im.ty:before{content:"";position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;transform:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%23efd3a0' stroke-opacity='.22' stroke-width='1.1' stroke-linejoin='round'%3E%3Cpath d='M-20 35 L0 35 L20 34 L40 31 L60 25 L80 19 L100 15 L120 11 L140 9 L160 7 L180 5 L200 4 L220 3 L240 4 L260 6 L280 9 L300 12 L320 15 L340 17 L360 19 L380 22 L400 24 L420 28 L440 32'/%3E%3Cpath d='M-20 71 L0 71 L20 68 L40 62 L60 54 L80 46 L100 41 L120 39 L140 39 L160 40 L180 41 L200 41 L220 41 L240 41 L260 40 L280 40 L300 40 L320 41 L340 43 L360 46 L380 51 L400 57 L420 63 L440 68'/%3E%3Cpath d='M-20 104 L0 102 L20 96 L40 88 L60 80 L80 73 L100 70 L120 71 L140 74 L160 77 L180 78 L200 78 L220 75 L240 72 L260 69 L280 67 L300 66 L320 68 L340 73 L360 79 L380 86 L400 93 L420 99 L440 102'/%3E%3Cpath d='M-20 132 L0 127 L20 121 L40 114 L60 108 L80 105 L100 105 L120 108 L140 111 L160 113 L180 113 L200 109 L220 104 L240 99 L260 95 L280 94 L300 96 L320 101 L340 108 L360 115 L380 122 L400 128 L420 131 L440 131'/%3E%3Cpath d='M-20 157 L0 152 L20 148 L40 144 L60 142 L80 142 L100 143 L120 145 L140 146 L160 145 L180 142 L200 136 L220 131 L240 127 L260 125 L280 127 L300 132 L320 138 L340 145 L360 151 L380 155 L400 157 L420 157 L440 156'/%3E%3Cpath d='M-20 183 L0 181 L20 181 L40 180 L60 179 L80 179 L100 179 L120 178 L140 176 L160 172 L180 168 L200 163 L220 160 L240 159 L260 160 L280 164 L300 169 L320 175 L340 179 L360 182 L380 183 L400 183 L420 182 L440 182'/%3E%3Cpath d='M-20 215 L0 216 L20 217 L40 217 L60 215 L80 212 L100 209 L120 205 L140 202 L160 199 L180 196 L200 195 L220 194 L240 196 L260 198 L280 201 L300 204 L320 206 L340 207 L360 208 L380 208 L400 208 L420 210 L440 213'/%3E%3Cpath d='M-20 250 L0 252 L20 252 L40 249 L60 245 L80 240 L100 235 L120 232 L140 230 L160 230 L180 230 L200 231 L220 232 L240 233 L260 234 L280 234 L300 234 L320 233 L340 233 L360 234 L380 236 L400 239 L420 243 L440 248'/%3E%3Cpath d='M-20 285 L0 284 L20 281 L40 277 L60 271 L80 266 L100 263 L120 263 L140 264 L160 266 L180 268 L200 268 L220 268 L240 266 L260 264 L280 262 L300 260 L320 260 L340 261 L360 265 L380 269 L400 275 L420 280 L440 283'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat;opacity:.9}
.ccard .im.ty:after{display:none}
.phero.plain.ty{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%23efd3a0' stroke-opacity='.22' stroke-width='1.1' stroke-linejoin='round'%3E%3Cpath d='M-20 35 L0 35 L20 34 L40 31 L60 25 L80 19 L100 15 L120 11 L140 9 L160 7 L180 5 L200 4 L220 3 L240 4 L260 6 L280 9 L300 12 L320 15 L340 17 L360 19 L380 22 L400 24 L420 28 L440 32'/%3E%3Cpath d='M-20 71 L0 71 L20 68 L40 62 L60 54 L80 46 L100 41 L120 39 L140 39 L160 40 L180 41 L200 41 L220 41 L240 41 L260 40 L280 40 L300 40 L320 41 L340 43 L360 46 L380 51 L400 57 L420 63 L440 68'/%3E%3Cpath d='M-20 104 L0 102 L20 96 L40 88 L60 80 L80 73 L100 70 L120 71 L140 74 L160 77 L180 78 L200 78 L220 75 L240 72 L260 69 L280 67 L300 66 L320 68 L340 73 L360 79 L380 86 L400 93 L420 99 L440 102'/%3E%3Cpath d='M-20 132 L0 127 L20 121 L40 114 L60 108 L80 105 L100 105 L120 108 L140 111 L160 113 L180 113 L200 109 L220 104 L240 99 L260 95 L280 94 L300 96 L320 101 L340 108 L360 115 L380 122 L400 128 L420 131 L440 131'/%3E%3Cpath d='M-20 157 L0 152 L20 148 L40 144 L60 142 L80 142 L100 143 L120 145 L140 146 L160 145 L180 142 L200 136 L220 131 L240 127 L260 125 L280 127 L300 132 L320 138 L340 145 L360 151 L380 155 L400 157 L420 157 L440 156'/%3E%3Cpath d='M-20 183 L0 181 L20 181 L40 180 L60 179 L80 179 L100 179 L120 178 L140 176 L160 172 L180 168 L200 163 L220 160 L240 159 L260 160 L280 164 L300 169 L320 175 L340 179 L360 182 L380 183 L400 183 L420 182 L440 182'/%3E%3Cpath d='M-20 215 L0 216 L20 217 L40 217 L60 215 L80 212 L100 209 L120 205 L140 202 L160 199 L180 196 L200 195 L220 194 L240 196 L260 198 L280 201 L300 204 L320 206 L340 207 L360 208 L380 208 L400 208 L420 210 L440 213'/%3E%3Cpath d='M-20 250 L0 252 L20 252 L40 249 L60 245 L80 240 L100 235 L120 232 L140 230 L160 230 L180 230 L200 231 L220 232 L240 233 L260 234 L280 234 L300 234 L320 233 L340 233 L360 234 L380 236 L400 239 L420 243 L440 248'/%3E%3Cpath d='M-20 285 L0 284 L20 281 L40 277 L60 271 L80 266 L100 263 L120 263 L140 264 L160 266 L180 268 L200 268 L220 268 L240 266 L260 264 L280 262 L300 260 L320 260 L340 261 L360 265 L380 269 L400 275 L420 280 L440 283'/%3E%3C/g%3E%3C/svg%3E") right -40px bottom -60px/820px auto no-repeat,var(--navy)}
/* Find your match */
.match{margin-top:44px;display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--line);border-radius:var(--r);background:var(--ivory);overflow:hidden}
@media(min-width:1024px){.match{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.mq{padding:26px 22px;display:flex;flex-direction:column;gap:26px;background:var(--navy);color:var(--lt-90)}
@media(min-width:768px){.mq{padding:36px 34px}}
.ml{font:600 .64rem/1.3 var(--sans);text-transform:uppercase;letter-spacing:.2em;color:var(--gold-2)}
.mb{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.mb button{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid rgba(244,241,233,.24);border-radius:2px;font:600 .78rem/1 var(--sans);color:var(--lt-90);background:rgba(244,241,233,.06);transition:background .35s,border-color .35s,color .35s}
.mb button:hover{background:rgba(244,241,233,.14)}
.mb button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--night)}
.mb button i{width:8px;height:8px;border-radius:50%}
.mb i.t1{background:#7fb98a}.mb i.t2{background:#74b3c1}.mb i.t3{background:var(--gold-2)}.mb i.t4{background:var(--turf-2)}
.mb button[aria-pressed=true] i{box-shadow:0 0 0 1.5px var(--night)}
.match.is-rent .mg-tier{opacity:.35;pointer-events:none}
.mres{padding:24px 18px 26px;display:flex;flex-direction:column}
@media(min-width:768px){.mres{padding:32px 32px 30px}}
.mh{font:400 1.35rem/1.3 var(--serif);color:var(--navy)}
.mh b{font-weight:500;color:var(--turf)}
.mh span{font:500 .74rem/1 var(--sans);color:var(--ink-50)}
.mlist{margin-top:16px;display:flex;flex-direction:column}
.mrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 14px;align-items:center;padding:14px 4px;border-top:1px solid var(--line);transition:background .3s}
.mrow:hover{background:var(--white)}
.mrow .mn b{display:block;font:400 1.2rem/1.2 var(--serif);color:var(--navy)}
.mrow .mn small{display:block;margin-top:3px;font-size:.76rem;color:var(--ink-60)}
.mrow .mp{font:600 .82rem/1.2 var(--sans);color:var(--navy);white-space:nowrap}
.mrow .arr{display:none}
@media(max-width:560px){.mrow{grid-template-columns:minmax(0,1fr) auto}.mrow .pill{display:none}}
.mnone{padding:16px 4px;border-top:1px solid var(--line);font-size:.92rem;color:var(--ink-70)}
.mgo{margin-top:auto;padding-top:22px;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.mgo .fine{max-width:320px}