/* Emaar UAE developer hub — page system v2.2 (10 Oct 2026, design-director round 1 applied).
   Brand source: .laforet-agent/web-team/campaign-standard/developers/emaar/ (BRAND.md, theme.css, voice.md).
   Display: Ysabeau Office 400 caps (OFL stand-in for Optima). Body/UI: Lato 300/400/700 (OFL).
   Surfaces: white / gray-50; navy for actions and selected states only; black headings; gold as a non-text accent only.
   Rhythm 96/56 at every section edge (LAY-03). One size per type role (LAY-04). No icons, no text over artwork.
   Forms keep the frozen contract (forms-contract.css); this file only restyles the dialog surface (U-20). */

@font-face{font-family:EmaarDisplay;src:url(/emaar-hub/fonts/ysabeau-office-400-latin.woff2) format("woff2");font-weight:400;font-display:swap;size-adjust:97%}
@font-face{font-family:EmaarLato;src:url(/emaar-hub/fonts/lato-300-latin.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:EmaarLato;src:url(/emaar-hub/fonts/lato-400-latin.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:EmaarLato;src:url(/emaar-hub/fonts/lato-700-latin.woff2) format("woff2");font-weight:700;font-display:swap}

:root,body.eh{
 --ink:#091b36;--ink-2:#13294a;--heading:#0a0a0a;--text:#152238;--muted:#4a5565;--kicker:#6a7282;
 --paper:#fff;--alt:#f9fafb;--alt-2:#f3f4f6;--line:#e5e5e5;--line-2:#d7dce1;--rule:#99a1af;--link:#0074a7;--gold:#cdab6e;
 --on-ink:#fff;--on-ink-muted:#dfe5ee;
 --font:EmaarLato,Lato,"Helvetica Neue",Arial,sans-serif;--display:EmaarDisplay,"Ysabeau Office",Optima,sans-serif;
 --max:1320px;--gutter:20px;--sec:56px;--gap:16px;--hdr:64px;
 --h1:34px;--h2:30px;--h3:22px;--fig:34px;--body:17.5px;--small:14px;--label:13px;--btn:14px;
 --r:2px;--ease:cubic-bezier(.23,1,.32,1);
}
@media(min-width:761px){:root,body.eh{--gutter:clamp(24px,4vw,64px);--sec:96px;--gap:24px;--hdr:76px;--h1:52px;--h2:44px;--h3:24px;--fig:52px;--body:18px}}
@media(max-width:360px){:root,body.eh{--gutter:16px;--h1:30px;--h2:27px}}

html{scroll-behavior:auto;scroll-padding-top:calc(var(--hdr) + 69px);-webkit-text-size-adjust:100%}
body.eh{margin:0;background:#fff!important;color:var(--text);font-family:var(--font);font-size:var(--body);line-height:1.6;overflow-x:clip}
body.eh *,body.eh *::before,body.eh *::after{box-sizing:border-box}
body.eh img{max-width:100%;height:auto;display:block}
body.eh [hidden]{display:none!important}
body.eh h1,body.eh h2,body.eh h3{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;color:var(--heading);margin:0;line-height:1.12;overflow-wrap:anywhere}
body.eh h1{font-size:var(--h1)}
body.eh h2{font-size:var(--h2)}
body.eh h3{font-size:var(--h3);line-height:1.2}
body.eh p{margin:0;font-size:var(--body);line-height:1.6}
@media(min-width:1024px){body.eh .eh-head p,body.eh .eh-hero-intro p{font-weight:300}}
body.eh a{color:var(--link)}
body.eh :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--ink);outline-offset:3px}
body.eh .eh-wrap{width:100%;max-width:calc(var(--max) + 2*var(--gutter));margin:0 auto;padding:0 var(--gutter);min-width:0}
body.eh .eh-wrap>*,body.eh .eh-head>*,body.eh .eh-dest-story>*,body.eh .eh-project-copy>*{min-width:0}
body.eh .eh-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.eh .eh-kicker{display:block;font:700 var(--label)/1.4 var(--font);letter-spacing:2px;text-transform:uppercase;color:var(--kicker)}
body.eh .eh-caption{margin:0;padding:10px 0 0}
body.eh .eh-caption .eh-kicker{display:inline-flex;align-items:center;gap:16px;color:var(--muted)}
body.eh .eh-caption .eh-kicker::after{content:"";width:110px;height:1px;background:var(--rule)}
body.eh .eh-sub{display:block;font-size:var(--small);line-height:1.5;color:var(--muted)}

/* buttons */
body.eh .eh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border:2px solid var(--ink);border-radius:var(--r);background:var(--ink);color:var(--on-ink);font:700 var(--btn)/1.2 var(--font);letter-spacing:.09em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}
body.eh .eh-btn:hover{background:var(--ink-2);border-color:var(--ink-2)}
body.eh .eh-btn-outline{background:var(--paper);color:var(--ink)}
body.eh .eh-btn-outline:hover{background:var(--ink);color:var(--on-ink)}
body.eh .eh-link{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--ink);font:700 var(--btn)/1.2 var(--font);letter-spacing:.04em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;cursor:pointer;text-align:left}
body.eh .eh-link:hover{text-decoration-thickness:2px}

/* sections */
body.eh .eh-section{padding:var(--sec) 0;background:var(--paper)}
body.eh .eh-section.eh-alt{background:var(--alt)}
body.eh .eh-head{display:grid;gap:14px;margin-bottom:var(--gap);max-width:820px}
body.eh .eh-head p{color:var(--muted);max-width:52ch}
@media(min-width:900px){body.eh .eh-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:40px;max-width:none;margin-bottom:40px}}

/* header */
body.eh #site-header{position:sticky;top:0;z-index:70;height:var(--hdr);background:#fffffff5;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
body.eh #site-header .eh-wrap{height:100%;display:flex;align-items:center;gap:20px}
body.eh .eh-logo{display:flex;align-items:center;min-height:44px}
body.eh .eh-logo img{width:118px;height:auto}
@media(min-width:761px){body.eh .eh-logo img{width:140px}}
body.eh #site-header nav{display:none;margin-left:auto;gap:28px}
body.eh #site-header nav a{font:400 var(--btn)/1.2 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--heading);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;position:relative}
body.eh #site-header nav a::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
body.eh #site-header nav a:hover::after{transform:scaleX(1)}
body.eh .eh-header-cta{margin-left:auto;min-height:44px;padding:10px 18px}
body.eh .eh-menu-btn{font:400 var(--btn)/1.2 var(--font);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--paper);cursor:pointer;padding:0;margin-left:auto}
body.eh .eh-menu-btn span,body.eh .eh-menu-btn span::before,body.eh .eh-menu-btn span::after{display:block;width:20px;height:2px;background:var(--heading);position:relative;content:""}
body.eh .eh-menu-btn span::before{position:absolute;top:-6px}
body.eh .eh-menu-btn span::after{position:absolute;top:6px}
body.eh .eh-menu{position:fixed;inset:var(--hdr) 0 auto 0;z-index:69;background:var(--paper);border-bottom:1px solid var(--line);padding:12px var(--gutter) 20px;display:grid;gap:4px;box-shadow:0 20px 40px -24px #0006}
body.eh .eh-menu a{font:400 var(--btn)/1.2 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--heading);text-decoration:none;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
@media(max-width:900px){body.eh .eh-header-cta{display:none}}
@media(min-width:901px){body.eh #site-header nav{display:flex}body.eh .eh-header-cta{margin-left:0}body.eh .eh-menu-btn,body.eh .eh-menu{display:none!important}}

/* hero: title row → stage → intro + caption → controls */
body.eh .eh-hero{padding:var(--sec) 0;background:var(--paper)}
body.eh .eh-hero-title{display:grid;gap:20px;margin-bottom:28px}
@media(min-width:900px){body.eh .eh-hero-title{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;margin-bottom:36px}}
body.eh .eh-stage{position:relative;background:var(--alt-2)}
body.eh .eh-slide-media{position:relative;background:var(--alt-2);aspect-ratio:16/9;overflow:hidden}
body.eh .eh-slide-media>button{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
body.eh .eh-slide-media picture{display:block;width:100%;height:100%}
body.eh .eh-slide-media img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%)}
@media(max-width:760px){body.eh .eh-slide-media{aspect-ratio:4/5}body.eh .eh-desktop-only{display:none!important}}
body.eh .eh-hero-grid{display:grid;gap:24px;padding-top:28px}
body.eh .eh-hero-intro{display:grid;gap:12px;align-content:start}
body.eh .eh-hero-intro p{max-width:50ch;color:var(--text)}
body.eh .eh-captions{display:grid;align-content:start}
body.eh .eh-slide-caption{display:grid;gap:8px;align-content:start;padding:18px 0 0;border-top:1px solid var(--line)}
body.eh .eh-slide-caption p{color:var(--muted)}
body.eh .eh-slide-facts{display:block;font-size:var(--small);color:var(--muted)}
body.eh .eh-slide-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding-top:4px}
body.eh .eh-slide-controls{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}
body.eh .eh-slide-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;max-width:100%;min-width:0;padding:2px 0}
body.eh .eh-slide-arrows{display:flex;gap:8px}
body.eh .eh-slide-tabs button,body.eh .eh-slide-arrows button{min-height:44px;padding:8px 14px;border:1px solid #8591a1;border-radius:var(--r);background:var(--paper);color:var(--ink);font:400 var(--btn)/1.2 var(--font);cursor:pointer;white-space:nowrap}
body.eh .eh-slide-tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
@media(min-width:900px){body.eh .eh-hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;padding-top:32px}body.eh .eh-slide-caption{border-top:0;padding-top:0}body.eh .eh-captions{min-height:200px}}
@media(max-width:899px){body.eh .eh-hero-grid{padding-top:20px}body.eh .eh-hero-intro{order:2}body.eh .eh-captions{order:1}body.eh .eh-slide-caption{border-top:0;padding-top:0}body.eh .eh-slide-controls{order:3}}

/* light ticker */
body.eh .eh-ticker{position:sticky;top:var(--hdr);z-index:60;background:var(--paper);color:var(--text);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.eh .eh-ticker .eh-wrap{display:flex;align-items:center;gap:16px;min-height:56px}
body.eh .eh-ticker-label{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;font:700 var(--label)/1.2 var(--font);letter-spacing:2px;text-transform:uppercase;color:var(--heading)}
body.eh .eh-ticker-label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
body.eh .eh-ticker-viewport{flex:1 1 auto;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
body.eh .eh-ticker-track{display:flex;gap:48px;width:max-content;animation:eh-ticker var(--ticker-duration,60s) linear infinite}
body.eh .eh-ticker-track:hover,body.eh .eh-ticker-track:focus-within{animation-play-state:paused}
body.eh .eh-ticker-item{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;min-height:44px;color:var(--text);text-decoration:none;font-size:var(--small);background:none;border:0;padding:0;cursor:pointer;font-family:var(--font)}
body.eh .eh-ticker-item time{color:var(--kicker);font-size:var(--label);letter-spacing:.06em;text-transform:uppercase}
body.eh .eh-ticker-item:hover{text-decoration:underline;text-underline-offset:4px}
@keyframes eh-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){body.eh .eh-ticker-track{animation:none;width:auto;overflow-x:auto;gap:32px;padding-bottom:4px}body.eh .eh-ticker-viewport{mask-image:none;overflow-x:auto}body.eh .eh-ticker-track [data-ticker-copy]{display:none}}
@media(max-width:600px){body.eh .eh-ticker-label{display:none}}

/* collections shelf (filmstrip) + update tiles */
body.eh .eh-shelf,body.eh .eh-update-tiles{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,31%);gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:0;scrollbar-width:none}
body.eh .eh-shelf>article,body.eh .eh-update-tiles>article{scroll-snap-align:start}
@media(max-width:639px){body.eh .eh-shelf,body.eh .eh-update-tiles{grid-auto-columns:82%}}
body.eh .eh-story-image{display:block;width:100%;padding:0;border:0;background:var(--alt-2);cursor:pointer;aspect-ratio:16/9;overflow:hidden}
body.eh .eh-story-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s var(--ease)}
@media(hover:hover){body.eh .eh-story-image:hover img{transform:scale(1.02)}}
body.eh .eh-story-body{padding-top:16px;display:grid;gap:8px}
body.eh .eh-story-body h3 button,body.eh .eh-project-copy h3 button{all:unset;cursor:pointer;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;line-height:inherit}
body.eh .eh-story-body h3 button:hover,body.eh .eh-project-copy h3 button:hover{text-decoration:underline;text-underline-offset:6px}
body.eh .eh-story-body p{color:var(--muted)}

/* communities: image-tile tablist, chapter, directory */
body.eh .eh-tiles{display:grid;grid-auto-flow:column;grid-auto-columns:38vw;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 0 12px;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}
@media(min-width:640px){body.eh .eh-tiles{grid-auto-columns:200px}}
@media(min-width:1000px){body.eh .eh-tiles{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;overflow:visible}}
body.eh .eh-tiles :is(button,a[data-dest-tab]){display:grid;gap:6px;padding:0 0 10px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--paper);text-align:left;cursor:pointer;scroll-snap-align:start;color:var(--text);overflow:hidden}
body.eh .eh-tiles :is(button,a[data-dest-tab]) .eh-tile-name,body.eh .eh-tiles :is(button,a[data-dest-tab]) .eh-tile-count{padding:0 10px}
body.eh .eh-tiles img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--alt-2)}
body.eh .eh-tile-name{font:700 var(--small)/1.3 var(--font);color:var(--heading)}
body.eh .eh-tile-count{font-size:var(--label);color:var(--muted)}
body.eh .eh-tiles :is(button,a[data-dest-tab])[aria-expanded=true]{border:2px solid var(--ink);padding-bottom:9px}
body.eh .eh-tiles :is(button,a[data-dest-tab])[aria-expanded=true] .eh-tile-name{color:var(--ink)}
body.eh .eh-dest-panel{display:grid;gap:24px;padding-top:28px}
@media(min-width:900px){body.eh .eh-dest-panel{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start;padding-top:40px}}
body.eh .eh-dest-visual{margin:0;background:var(--alt-2)}
body.eh .eh-dest-visual img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
body.eh .eh-dest-visual.eh-marked img{object-fit:contain;aspect-ratio:auto}
body.eh .eh-dest-story{display:grid;gap:16px}
body.eh .eh-dest-story dl{margin:4px 0 0;display:grid;gap:12px}
body.eh .eh-dest-story dt{font:700 var(--label)/1.4 var(--font);letter-spacing:2px;text-transform:uppercase;color:var(--kicker)}
body.eh .eh-dest-story dd{margin:2px 0 0;font-size:var(--body);line-height:1.55}
body.eh .eh-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;border:1px solid var(--rule);padding:14px 16px}
body.eh .eh-facts strong{display:block;font:400 var(--h3)/1.1 var(--display);color:var(--heading)}
body.eh .eh-facts span{display:block;font-size:var(--label);color:var(--muted);line-height:1.4;margin-top:2px}
body.eh .eh-dest-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;padding-top:6px}
body.eh .eh-directory{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
body.eh .eh-directory ul{list-style:none;margin:16px 0 0;padding:0;display:grid}
@media(min-width:900px){body.eh .eh-directory ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}}
body.eh .eh-directory li{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid var(--line)}
body.eh .eh-dir-name{font:400 var(--h3)/1.2 var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--heading)}
body.eh .eh-dir-line{font-size:var(--body);color:var(--muted)}

/* image bands */
body.eh .eh-band-section{padding:var(--sec) 0}
body.eh .eh-band-section h2{margin-bottom:8px}
body.eh .eh-band .eh-caption{padding:0 0 16px}
body.eh .eh-band{margin:0;background:var(--alt-2)}
body.eh .eh-band>img{width:100%;aspect-ratio:21/9;object-fit:cover}
@media(max-width:760px){body.eh .eh-band>img{aspect-ratio:4/3}}
body.eh .eh-band-inner{margin-top:40px}
body.eh .eh-band-inner .eh-caption{padding:0 0 12px}
body.eh .eh-band-inner>img{aspect-ratio:21/9}

/* catalogue: stage tabs, filters, grid */
body.eh .eh-stage-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 16px;position:sticky;top:calc(var(--hdr) + 57px);background:var(--paper);z-index:5}
body.eh .eh-stage-tabs button{flex:0 0 auto;min-height:44px;padding:8px 14px;border:1px solid #8591a1;border-radius:var(--r);background:var(--paper);color:var(--ink);font:400 var(--btn)/1.2 var(--font);cursor:pointer;white-space:nowrap}
body.eh .eh-stage-tabs button span{font-weight:700;margin-left:4px}
body.eh .eh-stage-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
body.eh .eh-filters-wrap{border:1px solid var(--line)}
body.eh .eh-filters-toggle{list-style:none;cursor:pointer;min-height:48px;display:flex;align-items:center;padding:0 16px;font:700 var(--btn)/1.2 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
body.eh .eh-filters-toggle::-webkit-details-marker{display:none}
body.eh .eh-filters{display:grid;gap:12px;padding:0 16px 16px}
body.eh .eh-filters label{display:grid;gap:6px;font:700 var(--label)/1.4 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--kicker)}
body.eh .eh-filters input,body.eh .eh-filters select{font:400 16px/1.3 var(--font);min-height:48px;border:1px solid #8591a1;border-radius:var(--r);background:var(--paper);color:var(--text);padding:10px 12px;width:100%}
@media(min-width:760px){body.eh .eh-filters-wrap{border:0}body.eh .eh-filters-wrap[open] .eh-filters-toggle,body.eh .eh-filters-toggle{display:none}body.eh .eh-filters{display:grid!important;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:0}}
body.eh .eh-results{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;padding:16px 0 8px}
body.eh .eh-results span{font-size:var(--small);color:var(--muted)}
body.eh .eh-grid{display:grid;gap:28px 24px;padding-top:8px}
@media(min-width:640px){body.eh .eh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){body.eh .eh-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
body.eh .eh-card{display:grid;align-content:start;background:var(--paper);border-bottom:1px solid var(--line)}
body.eh .eh-project-image{display:block;width:100%;padding:0;border:0;background:var(--alt-2);cursor:pointer;aspect-ratio:16/9;overflow:hidden}
body.eh .eh-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s var(--ease)}
@media(hover:hover){body.eh .eh-project-image:hover img{transform:scale(1.03)}}
body.eh .eh-project-copy{padding:14px 0 18px;display:grid;gap:6px}
@media(max-width:639px){body.eh .eh-project-image{aspect-ratio:16/10}body.eh .eh-project-copy{padding:12px 0 14px}}
body.eh .eh-meta{font-size:var(--small);color:var(--text)}
body.eh .eh-status{display:inline-flex;align-items:center;gap:8px;font:700 var(--label)/1.3 var(--font);letter-spacing:2px;text-transform:uppercase;color:var(--ink)}
body.eh .eh-status-launching::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
body.eh .eh-status-completed{color:var(--muted)}
body.eh .eh-project-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-top:6px}
body.eh .eh-compare{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding-right:4px;font-size:var(--small);color:var(--muted);cursor:pointer}
body.eh .eh-compare input{width:18px;height:18px;margin:0;accent-color:var(--ink)}
body.eh .eh-more-row{padding-top:24px}
body.eh .eh-empty{padding:40px 0 0;display:grid;gap:12px;justify-items:start}
body.eh .eh-compare-bar{position:fixed;left:0;right:0;bottom:0;z-index:66;background:var(--paper);border-top:1px solid var(--line-2);box-shadow:0 -8px 30px -16px #0005;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body.eh .eh-compare-bar span{font-size:var(--small);color:var(--text);margin-right:auto}

/* compare dialog */
body.eh dialog.eh-dialog{width:min(1040px,calc(100% - 32px));max-height:88dvh;border:0;border-radius:0;padding:0;background:var(--paper);color:var(--text);box-shadow:0 24px 64px -16px #0007;overflow:auto}
body.eh dialog.eh-dialog::backdrop{background:#000a}
body.eh dialog.eh-dialog header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--ink);color:var(--on-ink)}
body.eh dialog.eh-dialog header h2{color:var(--on-ink);font-size:var(--h3)}
body.eh dialog.eh-dialog header button{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--on-ink);font-size:28px;cursor:pointer}
body.eh dialog.eh-dialog .eh-dialog-body{padding:20px 24px 24px;display:grid;gap:16px}
body.eh .eh-scroll-cue{font-size:var(--small);color:var(--muted)}
body.eh .eh-compare-scroll{overflow-x:auto}
body.eh .eh-compare-table{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:16px;min-width:100%}body.eh .eh-compare-table article{min-width:0}
body.eh .eh-compare-table article{display:grid;gap:8px;align-content:start;border:1px solid var(--line);padding:0 0 14px}
body.eh .eh-compare-table img{width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
body.eh .eh-compare-table h3{padding:12px 14px 0;font-size:var(--h3)}
body.eh .eh-compare-table .eh-row{padding:0 14px;font-size:var(--small);line-height:1.5;color:var(--text)}
body.eh .eh-compare-table .eh-row b{display:block;font:700 var(--label)/1.4 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--kicker)}
body.eh .eh-compare-table .eh-row-actions{padding:6px 14px 0;display:flex;flex-wrap:wrap;gap:8px 16px}

/* why Emaar: figures */
body.eh .eh-stats{display:grid;gap:var(--gap)}
@media(min-width:640px){body.eh .eh-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
body.eh .eh-stats>div{border-top:1px solid var(--rule);padding-top:20px}
body.eh .eh-stats dt{display:block;font:400 var(--fig)/1.05 var(--display);letter-spacing:.01em;color:var(--heading)}
body.eh .eh-stats dd{display:block;margin-top:8px;font-size:var(--small);color:var(--muted);line-height:1.5}

/* updates rows */
body.eh .eh-news-list{margin-top:32px}
body.eh .eh-news-row{display:grid;gap:8px;padding:22px 0;border-top:1px solid var(--line)}
body.eh .eh-news-row:last-of-type{border-bottom:1px solid var(--line)}
@media(min-width:900px){body.eh .eh-news-row{grid-template-columns:200px minmax(0,1fr) auto;gap:32px;align-items:start}}
body.eh .eh-news-row time{display:block;font:700 var(--label)/1.4 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--heading)}
body.eh .eh-news-row .eh-publisher{display:block;font-size:var(--small);color:var(--muted);margin-top:4px}
body.eh .eh-news-row p{color:var(--muted);margin-top:6px}
body.eh .eh-news-row:target,body.eh .eh-update-tile:target{outline:2px solid var(--gold);outline-offset:4px}
body.eh .eh-news-empty{padding:28px 0;color:var(--muted)}
body.eh .eh-news-foot{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;padding-top:28px}

/* FAQ split */
body.eh .eh-faq-grid{display:grid;gap:24px}
@media(min-width:900px){body.eh .eh-faq-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:start}body.eh .eh-faq-grid .eh-head{grid-template-columns:1fr;margin-bottom:0;position:sticky;top:calc(var(--hdr) + 24px)}}
body.eh .eh-faq{display:grid}
body.eh .eh-faq details{border-bottom:1px solid var(--line)}
body.eh .eh-faq summary{list-style:none;cursor:pointer;min-height:56px;padding:16px 36px 16px 0;position:relative;font-size:var(--body);font-weight:700;color:var(--heading);line-height:1.4}
body.eh .eh-faq summary::-webkit-details-marker{display:none}
body.eh .eh-faq summary::after{content:"+";position:absolute;right:4px;top:14px;font-size:24px;font-weight:400;color:var(--ink)}
body.eh .eh-faq details[open] summary::after{content:"–"}
body.eh .eh-faq details>p{padding:0 36px 20px 0;color:var(--text);max-width:58ch}

/* contact band */
body.eh .eh-contact{position:relative;background:var(--ink);color:var(--on-ink);overflow:hidden}
body.eh .eh-contact-bg{position:absolute;inset:0}
body.eh .eh-contact-bg img{width:100%;height:100%;object-fit:cover}
body.eh .eh-contact-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,27,54,.92) 0%,rgba(9,27,54,.78) 46%,rgba(9,27,54,.42) 100%)}
body.eh .eh-contact .eh-wrap{position:relative;display:grid;gap:32px}
@media(min-width:900px){body.eh .eh-contact .eh-wrap{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:56px;align-items:center}}
body.eh .eh-contact h2{color:var(--on-ink)}
body.eh .eh-contact-copy{display:grid;gap:16px}
body.eh .eh-contact-copy p{color:var(--on-ink-muted);max-width:48ch}
body.eh .eh-contact-copy ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:var(--small);color:var(--on-ink-muted)}
body.eh .eh-contact-copy li{padding-left:18px;position:relative}
body.eh .eh-contact-copy li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:1px;background:var(--gold)}
body.eh .sv-lead-aside{background:var(--paper);color:var(--text);padding:24px;border-radius:var(--r)}
body.eh .eh-form-heading{font-family:var(--display);font-size:var(--h3);text-transform:uppercase;letter-spacing:.02em;color:var(--heading);line-height:1.2;margin:0 0 6px}
body.eh .eh-context-row{font:700 var(--label)/1.4 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--kicker);margin:0 0 10px}

/* footer (shared campaign footer v1 markup, Emaar tokens) */
body.eh footer.sv-footer{background:var(--alt);color:var(--muted);border-top:1px solid var(--line);padding:40px 0 calc(40px + 72px)}
body.eh footer.sv-footer .lf-footer-inner{width:100%;max-width:calc(var(--max) + 2*var(--gutter));margin:0 auto;padding:0 var(--gutter);display:grid;gap:20px}
body.eh footer.sv-footer .site-disclaimer{font-size:var(--small);line-height:1.6;max-width:90ch;margin:0}
body.eh footer.sv-footer .lf-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font-size:var(--small);color:var(--muted)}
body.eh footer.sv-footer .lf-footer-bottom span,body.eh footer.sv-footer .lf-footer-bottom p{color:var(--muted)}
body.eh footer.sv-footer .lf-legal-trigger,body.eh footer.sv-footer #lf-cookie-preferences{background:none;border:0;padding:0;min-height:44px;font:inherit;font-size:var(--small);color:var(--ink);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
body.eh footer.sv-footer #lf-cookie-preferences{margin:0 auto;max-width:calc(var(--max) + 2*var(--gutter));padding:0 var(--gutter);display:block}
@media(min-width:801px){body.eh footer.sv-footer{padding-bottom:40px}}

/* enquiry dialog + dock (frozen contract markup, Emaar surface — U-20) */
html body.eh dialog.lf-dialog{border:0!important;border-radius:0!important;box-shadow:0 24px 64px -16px #0007!important;font-family:var(--font)!important;color:var(--text)!important;background:var(--paper)!important;--lf-accent:#091b36;--lf-font:var(--font)}
html body.eh dialog.lf-dialog::backdrop{background:#000a}
html body.eh dialog.lf-dialog .lf-dialog-header{background:var(--ink)!important;color:var(--on-ink)!important}
html body.eh dialog.lf-dialog .lf-context{font:700 13px/1.3 var(--font)!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--on-ink)!important}
html body.eh dialog.lf-dialog .lf-close{color:var(--on-ink)!important;opacity:1!important;min-width:44px;min-height:44px;font-size:28px!important}
html body.eh dialog.lf-dialog #lf-dialog-title{font:400 26px/1.15 var(--display)!important;letter-spacing:.02em!important;text-transform:uppercase!important;color:var(--heading)!important;margin-bottom:6px!important}
html body.eh dialog.lf-dialog [data-request-copy]{font-size:15px!important;line-height:1.5!important;color:var(--muted)!important;margin-bottom:12px!important}
html body.eh dialog.lf-dialog .lf-form label,html body.eh .sv-lead-card .lf-form label{color:var(--heading)}
html body.eh dialog.lf-dialog .lf-form :is(input,select,textarea),html body.eh .sv-lead-card .lf-form :is(input,select,textarea){color:var(--text)}
html body.eh dialog.lf-dialog .lf-form button[type=submit],html body.eh .sv-lead-card .lf-form button[type=submit],html body.eh .sv-form-action,html body.eh .sv-chat-action{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--on-ink)!important;border-radius:var(--r)!important;font:700 14px/1.2 var(--font)!important;letter-spacing:.09em!important;text-transform:uppercase!important}
html body.eh dialog.lf-dialog .lf-form button[type=submit]:hover,html body.eh .sv-lead-card .lf-form button[type=submit]:hover{background:var(--ink-2)!important}
html body.eh dialog.lf-dialog .lf-dialog-header :is(button,a):focus-visible{outline-color:var(--on-ink)}
html body.eh .lf-dock{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:65!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:auto!important;height:auto!important;margin:0!important;padding:8px var(--gutter) calc(8px + env(safe-area-inset-bottom,0px))!important;background:var(--ink)!important;border:0!important;box-shadow:inset 0 1px 0 #ffffff33!important;border-radius:0!important;font-family:var(--font)!important}
html body.eh .lf-dock.has-visible-form{transform:translateY(110%)!important;opacity:0!important;pointer-events:none!important;visibility:hidden}
html body.eh .lf-dock>:is(a,button){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex:1 1 0!important;min-width:0!important;width:auto!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 14px!important;border-radius:var(--r)!important;box-shadow:none!important;font:700 14px/1 var(--font)!important;letter-spacing:.06em!important;text-transform:uppercase!important;white-space:nowrap!important;text-decoration:none!important;overflow:hidden;text-overflow:ellipsis}
html body.eh .lf-dock [data-direct-whatsapp]{order:1!important;background:transparent!important;border:1px solid #ffffff66!important;color:var(--on-ink)!important;flex:0 0 auto!important}
html body.eh .lf-dock [data-direct-whatsapp] *{color:var(--on-ink)!important}
html body.eh .lf-dock [data-direct-whatsapp] img{width:20px!important;height:20px!important;filter:brightness(0) invert(1)}
html body.eh .lf-dock button[data-enquire]{order:2!important;flex-grow:1.3!important;background:var(--on-ink)!important;border:1px solid var(--on-ink)!important;color:var(--ink)!important}
html body.eh .lf-dock button[data-enquire] :is(img,svg){display:none!important}
@media(max-width:360px){html body.eh .lf-dock>:is(a,button){font-size:13px!important;letter-spacing:.03em!important;padding:0 8px!important}}
@media(min-width:801px){html body.eh .lf-dock{display:none!important}}
html body.eh .eh-compare-bar:not([hidden]) ~ .lf-dock{display:none!important}
html body.eh dialog.lf-dialog[open] ~ .lf-dock{display:none!important}

@media(prefers-reduced-motion:reduce){body.eh *{transition:none!important;animation:none!important}}

/* e-commerce style stage signals (evidence-based) */
body.eh .eh-signals{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
body.eh .eh-units{font:700 var(--label)/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--heading)}
/* earlier projects archive */
body.eh .eh-arch{display:grid}
@media(min-width:900px){body.eh .eh-arch{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}}
body.eh .eh-arch-group{border-bottom:1px solid var(--line)}
body.eh .eh-arch-group summary{list-style:none;cursor:pointer;min-height:56px;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;font:400 var(--h3)/1.2 var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--heading)}
body.eh .eh-arch-group summary::-webkit-details-marker{display:none}
body.eh .eh-arch-count{font:400 var(--small)/1.4 var(--font);letter-spacing:0;text-transform:none;color:var(--muted);text-align:right}
body.eh .eh-arch-group ul{list-style:none;margin:0;padding:0 0 12px;display:grid;gap:6px}
body.eh .eh-arch-group li{display:flex;justify-content:space-between;gap:16px;font-size:var(--small);padding:6px 0;border-top:1px solid var(--line)}
body.eh .eh-arch-stage{color:var(--muted);text-align:right}
body.eh .eh-arch-group .eh-link{margin-bottom:12px}
/* qualification tiles */
body.eh .eh-qual-grid{display:grid;gap:var(--gap)}
@media(min-width:640px){body.eh .eh-qual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){body.eh .eh-qual-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
body.eh .eh-qual{display:grid;gap:10px;align-content:start;padding:20px 0 4px;border-top:1px solid var(--rule)}
body.eh .eh-qual strong{font:400 var(--fig)/1.05 var(--display);color:var(--heading)}
body.eh .eh-qual p{color:var(--muted)}
/* delivered communities */
body.eh .eh-delivered{margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}
body.eh .eh-delivered ul{list-style:none;margin:16px 0 0;padding:0;display:grid}
@media(min-width:900px){body.eh .eh-delivered ul{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px}}
body.eh .eh-delivered li{display:grid;gap:4px;padding:14px 0;border-top:1px solid var(--line)}
/* quiz */
body.eh dialog.eh-quiz{width:min(640px,calc(100% - 32px))}
body.eh .eh-quiz-step{display:grid;gap:14px}
body.eh .eh-quiz-options{display:grid;gap:10px}
@media(min-width:520px){body.eh .eh-quiz-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.eh .eh-quiz-options button{min-height:52px;padding:12px 16px;border:1px solid #8591a1;border-radius:var(--r);background:var(--paper);color:var(--ink);font:400 var(--body)/1.3 var(--font);text-align:left;cursor:pointer}
body.eh .eh-quiz-options button:hover,body.eh .eh-quiz-options button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
body.eh .eh-quiz-nav{display:flex;justify-content:space-between;gap:16px}
body.eh .eh-quiz-nav .eh-link{font-weight:400;font-size:var(--label);letter-spacing:.02em}
body.eh .eh-quiz-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding-top:8px}
body.eh .eh-quiz-result p{color:var(--text)}
/* sticky help-me-choose + CTA bar (desktop; phones use the contract dock) */
body.eh .eh-sticky-bar{position:fixed;right:24px;bottom:24px;z-index:64;display:none;gap:10px;background:var(--paper);padding:8px;border:1px solid var(--line-2);border-radius:var(--r);box-shadow:0 16px 40px -20px #0007}
@media(min-width:801px){body.eh .eh-sticky-bar{display:flex}body.eh .eh-sticky-bar.is-hidden{display:none}}
body.eh .eh-sticky-bar .eh-btn{min-height:44px;padding:10px 18px}
html body.eh dialog.lf-dialog[open] ~ .eh-sticky-bar,html body.eh dialog.eh-dialog[open] ~ .eh-sticky-bar{display:none!important}

/* ===== round 4 (DD R2 + ICP R2) ===== */
body.eh .eh-hero-title h1{font-size:max(calc(var(--h2) + 4px),clamp(34px,3.4vw,50px));text-wrap:balance}
@media(min-width:900px){body.eh .eh-hero-title{min-height:104px;grid-template-columns:minmax(0,1fr) auto;align-items:start}}

body.eh .eh-hero-title .eh-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:760px){body.eh .eh-hero-intro{display:none}body.eh .eh-ticker .eh-wrap{min-height:44px}body.eh .eh-ticker-item{min-height:40px}body.eh .eh-stage-tabs{position:static}body.eh .eh-band>img{aspect-ratio:21/9}}
body.eh .eh-ticker-item b{font:700 var(--label)/1.2 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
body.eh .eh-band{background:transparent}
body.eh .eh-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
body.eh .eh-chips button{min-height:44px;padding:8px 14px;border:1px solid #8591a1;border-radius:var(--r);background:var(--paper);color:var(--ink);font:400 var(--btn)/1.2 var(--font);cursor:pointer}
body.eh .eh-chips button span{font-weight:700;margin-left:6px}
body.eh .eh-directory{margin-top:40px;padding-top:24px}
body.eh .eh-dest-more summary,body.eh .eh-qual-more summary{display:none}
@media(max-width:760px){body.eh .eh-dest-more summary,body.eh .eh-qual-more summary{display:flex;align-items:center;min-height:44px;cursor:pointer;list-style:none;font:700 var(--label)/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}body.eh .eh-dest-more summary::-webkit-details-marker,body.eh .eh-qual-more summary::-webkit-details-marker{display:none}body.eh .eh-dest-more summary::after,body.eh .eh-qual-more summary::after{content:"+";margin-left:auto;font-size:20px;font-weight:400}body.eh details[open].eh-dest-more summary::after,body.eh details[open].eh-qual-more summary::after{content:"–"}}
body.eh .eh-more-updates summary{list-style:none;cursor:pointer;min-height:48px;display:flex;align-items:center;font:700 var(--btn)/1.2 var(--font);letter-spacing:.04em;color:var(--ink);text-decoration:underline;text-underline-offset:6px;padding-top:8px}
body.eh .eh-more-updates summary::-webkit-details-marker{display:none}
body.eh .eh-delivered li .eh-sub{color:var(--ink)}
@media(max-width:760px){body.eh .eh-delivered ul{grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;scrollbar-width:none}body.eh .eh-delivered li{scroll-snap-align:start;border-top:0;border:1px solid var(--line);padding:12px}}
body.eh .eh-quiz-tiles{grid-auto-columns:minmax(140px,1fr);grid-auto-flow:column;overflow-x:auto;gap:10px;padding:4px 0 8px}
body.eh .eh-quiz-tiles button{pointer-events:auto}
html body.eh.eh-bar-on .eh-header-cta{visibility:hidden}
html body.eh .lf-dock button[data-enquire]{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:13px!important;letter-spacing:.05em!important}
/* dialog + direct-contact colours: Emaar navy only, no teal, no green, no glow */
html body.eh dialog.lf-dialog,html body.eh .lf-legal-dialog{box-shadow:0 24px 48px rgba(9,27,54,.18)!important}
html body.eh dialog.lf-dialog a[href*="wa.me"],html body.eh .sv-lead-card a[href*="wa.me"],html body.eh .lf-direct-contact .lf-whatsapp-contact,html body.eh .sv-whatsapp,html body.eh .sv-whatsapp-option{color:var(--ink)!important;background:var(--paper)!important;border-color:var(--line-2)!important;text-decoration:underline;text-underline-offset:4px}
html body.eh dialog.lf-dialog :is(label,legend,.lf-form-note,.sv-form-help,.sv-optional-label),html body.eh .sv-lead-card :is(label,legend,.lf-form-note,.sv-form-help,.sv-optional-label){color:var(--text)!important}
html body.eh dialog.lf-dialog .lf-form :is(input,select,textarea),html body.eh .sv-lead-card .lf-form :is(input,select,textarea){border-color:var(--line-2)!important;box-shadow:none!important}
html body.eh dialog.lf-dialog .lf-form :is(input,select,textarea):focus,html body.eh .sv-lead-card .lf-form :is(input,select,textarea):focus{border-color:var(--ink)!important;outline:2px solid var(--ink)!important;outline-offset:1px}
html body.eh .lf-form ::placeholder{color:#5c6673!important;opacity:1}

body.eh .eh-slide-title{display:block;font:400 var(--h3)/1.2 var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--heading);margin:0}
body.eh .eh-qual p,body.eh .eh-dest-story p,body.eh .eh-story-body p{max-width:52ch}

/* ===== round 5 (CRO R1) ===== */
body.eh .eh-hero-lead{display:grid;gap:12px;align-content:start}
body.eh .eh-hero-sub{max-width:54ch;color:var(--text);font-size:var(--body);line-height:1.5}
body.eh .eh-stage-note{font-size:var(--small);color:var(--muted);margin:0 0 12px;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center}
body.eh .eh-stage-note a{color:var(--link)}
body.eh .eh-compare-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}
body.eh .eh-compare-actions p{margin:0;font-size:var(--small);color:var(--text);flex:1 1 240px}
body.eh .eh-compare-bar{flex-wrap:nowrap}body.eh .eh-compare-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media(max-width:600px){body.eh .eh-compare-bar{gap:8px}body.eh .eh-compare-bar .eh-btn{padding:10px 12px}}
body.eh .eh-ticker.is-paused .eh-ticker-track,body.eh .eh-ticker.is-offscreen .eh-ticker-track{animation-play-state:paused}
body.eh .eh-sticky-bar.is-foot,body.eh.eh-compare-on .eh-sticky-bar{display:none!important}
@media(min-width:900px){html body.eh .sv-lead-card{position:static!important;top:auto!important}}
/* phones: sticky Help-me-choose pill above the contract dock (HUB-121); dock rests while the hero is on screen (one primary per screen, U-12) */
@media(max-width:800px){body.eh .eh-sticky-bar{display:flex;left:auto;right:12px;bottom:calc(74px + env(safe-area-inset-bottom,0px));padding:4px;box-shadow:0 10px 30px -16px #0008}body.eh .eh-sticky-bar #eh-sticky-cta{display:none}body.eh .eh-sticky-bar.is-hidden{display:none}html body.eh.eh-hero-on .lf-dock{display:none!important}}

/* ===== round 5b (finish review R1) ===== */
body.eh .eh-tiles.eh-quiz-tiles{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));grid-auto-columns:auto;overflow:visible;gap:10px}
body.eh .eh-facts{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none}
@media(max-width:600px){body.eh .eh-facts{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}}
body.eh .sv-lead-aside{padding:0;background:transparent;border-radius:0}
body.eh .eh-sticky-bar{box-shadow:0 6px 16px -12px #0006}
body.eh .eh-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--paper);color:var(--ink);padding:12px 16px;border:2px solid var(--ink);font:700 var(--btn)/1.2 var(--font);text-transform:uppercase;letter-spacing:.06em}
body.eh .eh-skip:focus{left:16px;outline:none}

/* ===== round 5c (finish review R2) ===== */
body.eh #eh-stage-note{display:block}
@media(max-width:420px){html body.eh .lf-dock [data-direct-whatsapp]{flex:0 0 48px!important;padding:0!important;font-size:0!important;letter-spacing:0!important}html body.eh .lf-dock [data-direct-whatsapp] img{margin:0!important}}
@media(max-width:600px){body.eh .eh-caption .eh-kicker::after{display:none}}
body.eh footer.sv-footer .site-disclaimer{max-width:70ch}

/* ===== round 6 (standard reset): ribbon under header, full-bleed stage, info bar, text rows, galleries ===== */
body.eh .eh-hero{padding:0 0 var(--sec);background:var(--paper)}
body.eh .eh-stage{position:relative;overflow:hidden;background:var(--alt-2);height:clamp(420px,36vw,560px)}
@media(max-width:760px){body.eh .eh-stage{height:min(46svh,125vw)}}
body.eh .eh-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s var(--ease);pointer-events:none}
body.eh .eh-slide.is-on{opacity:1;pointer-events:auto}
body.eh .eh-slide[hidden]{display:none}
body.eh .eh-slide-media{position:absolute;inset:0;aspect-ratio:auto}
@media(max-width:760px){body.eh .eh-slide-media{aspect-ratio:auto}}
body.eh .eh-slide .eh-slide-caption{display:none}
body.eh .eh-caption-slot .eh-slide-caption{display:grid;border-top:0;padding-top:0}
body.eh .eh-hero-bar{display:grid;gap:20px;padding-top:24px}
@media(min-width:900px){body.eh .eh-hero-bar{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;padding-top:32px}}
body.eh .eh-hero-id{display:grid;gap:12px;align-content:start}
body.eh .eh-hero-id h1{font-size:max(calc(var(--h2) + 4px),clamp(34px,3.4vw,50px));text-wrap:balance}
body.eh .eh-hero-sub{max-width:54ch;color:var(--text);font-size:var(--body);line-height:1.5}
body.eh .eh-hero-proof{display:inline-flex;align-items:center;gap:10px}
body.eh .eh-hero-proof::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
body.eh .eh-hero-act{display:grid;gap:20px;align-content:start}
body.eh .eh-hero-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
@media(max-width:760px){body.eh .eh-hero-sub,body.eh .eh-hero-proof{display:none}body.eh .eh-hero-bar{gap:16px;padding-top:16px}body.eh .eh-hero-act{gap:16px}}
html body.eh.eh-hero-on .eh-header-cta{background:var(--paper);color:var(--ink)}
body.eh .eh-card-text{border-bottom:1px solid var(--line);padding:0}
body.eh .eh-card-text .eh-project-copy{padding:14px 0}
body.eh .eh-card-text h3{font-size:var(--h3)}
body.eh .eh-status-last-homes::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ink)}
body.eh .eh-status-last-homes{color:var(--ink)}
body.eh .eh-project-image{position:relative}
body.eh .eh-project-image img.eh-gal{position:absolute;inset:0;opacity:0;transition:opacity .8s var(--ease)}
body.eh .eh-project-image img.eh-gal.is-on{opacity:1}
body.eh .eh-project-image img:not(.eh-gal){position:relative;z-index:0}
body.eh .eh-project-image img.eh-gal{z-index:1}

/* round 6b: hidden notes stay hidden; phone H1 28 px (Emaar phone H1); phone stage 42svh so H1 + primary fit 320×568 */
body.eh .eh-stage-note[hidden],body.eh #eh-stage-note[hidden]{display:none}
@media(max-width:760px){body.eh .eh-hero-id h1{font-size:28px}body.eh .eh-stage{height:min(42svh,125vw)}}

/* round 6c: phone pill retired (deck §4, merged into the dock); ribbon link */
@media(max-width:800px){body.eh .eh-sticky-bar{display:none!important}}
body.eh .eh-ticker-all{flex:0 0 auto;font:700 var(--label)/1.2 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
@media(max-width:600px){body.eh .eh-ticker-all{display:none}}
body.eh .eh-cat-help{margin-top:16px;font-size:var(--small);color:var(--muted)}
body.eh .eh-qual p{color:var(--text)}

/* round 6d: figures as a definition list so the spacing audit counts them (LAY-03) */
body.eh dl.eh-stats{margin:0}body.eh .eh-stats dd{margin:8px 0 0}
@media(min-width:900px){body.eh .eh-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}

body.eh .eh-meta{margin:0}

/* round 7 (finish review R3): phone H1 above H2, fact-box cells wrap, sticky bar hidden over the contact band */
@media(max-width:760px){body.eh .eh-hero-id h1{font-size:32px}}
body.eh .eh-facts{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}
body.eh .eh-facts span{overflow-wrap:anywhere}
body.eh .eh-sticky-bar.is-contact{display:none!important}
/* round 7b: short phones keep H1 + primary in view (LAY-06) */
@media(max-width:760px) and (max-height:620px){body.eh .eh-stage{height:min(36svh,125vw)}body.eh .eh-hero-bar{padding-top:12px;gap:12px}}

/* round 8 (finish review R4): documented sizes, buying 3×2, updates measure, contact labels */
@media(min-width:900px){body.eh .eh-hero-id h1{font-size:clamp(44px,3.9vw,56px)}}
@media(max-width:760px){:root,body.eh{--h2:26px}}
@media(min-width:1100px){body.eh .eh-qual-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
body.eh .eh-news-row p,body.eh .eh-news-row h3{max-width:68ch}
html body.eh .sv-lead-card label,html body.eh .sv-lead-card .sv-consent,html body.eh .sv-lead-card legend{font-size:13px!important}

/* round 9 (finish review R5): ribbon link target, contact label floor, updates measure */
body.eh .eh-ticker-all{min-height:28px;display:inline-flex;align-items:center}
html body.eh .sv-lead-card label,html body.eh .sv-lead-card label > span,html body.eh .sv-lead-card label > small,html body.eh .sv-lead-card .sv-optional-label,html body.eh .sv-lead-card .sv-whatsapp-option,html body.eh .sv-lead-card .sv-whatsapp-option > span,html body.eh .sv-lead-card a,html body.eh .sv-lead-card .sv-form-privacy{font-size:13px!important}
html body.eh .sv-lead-card input,html body.eh .sv-lead-card select,html body.eh .sv-lead-card textarea,html body.eh .sv-lead-card button{font-size:16px!important}
body.eh .eh-news-row p,body.eh .eh-news-row h3{max-width:56ch}

/* round 10 (finish review R6): contact type floor/ceiling that beats forms-contract.css, inline row meta, rail rows, tablet H1, disclaimer measure */
html body.eh #contact .sv-lead-card label,html body.eh #contact .sv-lead-card label > span,html body.eh #contact .sv-lead-card label > small,html body.eh #contact .sv-lead-card .sv-optional-label,html body.eh #contact .sv-lead-card .sv-reference-phone-row > :not(input):not(select),html body.eh #contact .sv-lead-card .sv-dial-picker,html body.eh #contact .sv-lead-card .sv-dial-picker > :not(select):not(input),html body.eh #contact .sv-lead-card .sv-whatsapp-option,html body.eh #contact .sv-lead-card .sv-whatsapp-option > span,html body.eh #contact .sv-lead-card .sv-form-privacy,html body.eh #contact .sv-lead-card legend{font-size:13px!important;line-height:1.4!important}
html body.eh #contact .sv-lead-card :is(input,select,textarea){font-size:16px!important}
body.eh .eh-news-row > div:first-child{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
body.eh .eh-news-row .eh-publisher::before{content:"·";margin-right:6px;color:var(--kicker)}
body.eh .eh-delivered li{display:grid;grid-template-rows:auto 1fr auto;align-content:start}
@media(min-width:761px) and (max-width:1099px){body.eh .eh-hero-id h1{font-size:52px}}
html body.eh .site-disclaimer,html body.eh .site-disclaimer p{max-width:70ch!important;margin-inline:auto}

/* round 11 (finish review R7): phone label, disclaimer measure in px, updates separator, privacy line */
html body.eh #contact .sv-lead-card .sv-reference-phone > span,html body.eh #contact .sv-lead-card .sv-reference-phone label,html body.eh #contact .sv-lead-card .sv-reference-phone-row label{font-size:13px!important}
html body.eh .site-disclaimer,html body.eh .site-disclaimer p{max-width:440px!important}
body.eh .eh-news-row .eh-publisher::before{content:none}
body.eh .eh-news-row time::after{content:" ·";color:var(--kicker)}
body.eh .eh-form-privacy{margin:12px 0 0;font-size:13px;line-height:1.4;color:var(--muted)}
body.eh .eh-delivered h3 + ul{margin-top:12px}
@media(min-width:900px){body.eh .eh-news-row{grid-template-columns:232px minmax(0,1fr) auto}}

/* round 12 (closing review R8): rail group headings as eyebrows with section-rhythm gaps; privacy link */
body.eh .eh-delivered .eh-rail-head{display:block;margin:0 0 16px}
body.eh .eh-delivered ul + .eh-rail-head{margin-top:48px}
body.eh .eh-delivered .eh-rail-head + ul{margin-top:16px}
body.eh .eh-delivered + .eh-stats{margin-top:56px}
body.eh .eh-form-privacy .lf-legal-trigger{font:inherit;font-size:13px;color:var(--ink);background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* round 14 (HUB-122): slow drift on image bands and the live hero slide; transform-origin at the focal point; crop floors hold at 1.02 */
@keyframes eh-drift{from{transform:scale(1)}to{transform:scale(1.02)}}
body.eh .eh-band>img,body.eh .eh-contact-bg img,body.eh .eh-slide-media img{transform-origin:var(--focus,50% 50%);will-change:transform}
@media(prefers-reduced-motion:no-preference){body.eh .eh-band.is-drifting>img,body.eh .eh-contact-bg.is-drifting img,body.eh .eh-stage.is-drifting .eh-slide.is-on .eh-slide-media img{animation:eh-drift 16s ease-in-out infinite alternate}}

/* round 14b (image rules v4): 16:9-friendly stage geometry, hero drift one-way per slide, slide focal points */
body.eh .eh-stage{height:clamp(420px,40vw,720px);max-width:1920px;margin-inline:auto}
@media(max-width:760px){body.eh .eh-stage{height:min(42svh,125vw)}}
@media(prefers-reduced-motion:no-preference){body.eh .eh-stage.is-drifting .eh-slide.is-on .eh-slide-media img{animation:eh-drift 4.5s ease-out forwards}}

/* round 14c (copy v3): figure-led Buying tiles with one line; what-to-know line */
body.eh .eh-qual-text{font-size:var(--small);line-height:1.5;margin:6px 0 10px;color:var(--text)}
body.eh .eh-qual h3{font-size:var(--h3)}
body.eh .eh-qual-know{margin-top:24px;font-size:var(--body);color:var(--text);max-width:60ch}
body.eh .eh-qual-know .eh-kicker{margin-right:8px}

/* ===== round 14 (DD R3 + CRO R2): launch grid + developer band, filter bar, card anatomy v2, Buying layout, Why Emaar grid, Updates feature + rail, tilt-pan motion ===== */
body.eh .eh-launch-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
@media(min-width:1100px){body.eh .eh-launch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
body.eh .eh-launch .eh-story-image{aspect-ratio:16/9;position:relative;overflow:hidden}
body.eh .eh-launch .eh-story-image img.eh-gal{position:absolute;inset:0;opacity:0;transition:opacity .8s var(--ease)}body.eh .eh-launch .eh-story-image img.eh-gal.is-on{opacity:1}
body.eh .eh-dev-band{margin-top:56px;padding-top:32px;border-top:1px solid var(--line);display:grid;gap:20px;align-items:center}
@media(min-width:900px){body.eh .eh-dev-band{grid-template-columns:140px minmax(0,1fr) auto auto;gap:40px}}
body.eh .eh-dev-band img{width:140px;height:30px}
body.eh .eh-dev-band p{margin:0;max-width:34ch}
body.eh .eh-dev-figs{display:flex;flex-wrap:wrap;gap:12px 32px;margin:0}
body.eh .eh-dev-figs div{display:grid}body.eh .eh-dev-figs dt{font:400 var(--h3)/1.1 var(--display);letter-spacing:.01em;color:var(--heading)}body.eh .eh-dev-figs dd{margin:4px 0 0;font-size:var(--small);color:var(--muted)}
body.eh .eh-filter-bar{position:sticky;top:calc(var(--hdr) + 57px);z-index:5;background:var(--paper);padding-bottom:8px}
@media(max-width:760px){body.eh .eh-filter-bar{position:static}}
body.eh .eh-stage-tabs{position:static}
body.eh .eh-filters{display:grid;gap:12px 16px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end}
body.eh .eh-filters label{display:grid;gap:6px;font:700 var(--label)/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--kicker)}
body.eh .eh-filters input,body.eh .eh-filters select{min-height:44px;padding:8px 12px;border:1px solid #8591a1;border-radius:var(--r);background:var(--paper);color:var(--ink);font:400 16px/1.3 var(--font)}
body.eh .eh-more{display:flex;flex-wrap:wrap;gap:8px 20px;border:0;padding:0;margin:0;align-items:center}body.eh .eh-more legend{font:700 var(--label)/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--kicker);padding:0;margin-bottom:6px}
body.eh .eh-check{display:inline-flex!important;align-items:center;gap:8px;text-transform:none!important;letter-spacing:0!important;font:400 var(--small)/1.3 var(--font)!important;color:var(--text)!important;min-height:44px}
body.eh .eh-check input{width:18px;height:18px;min-height:0;padding:0;margin:0}
body.eh .eh-sheet-apply{display:none}
body.eh .eh-chips-active{display:flex;flex-wrap:wrap;gap:8px}
body.eh .eh-chip-active{min-height:36px;padding:6px 12px;border:1px solid var(--ink);border-radius:var(--r);background:var(--ink);color:var(--on-ink);font:700 var(--label)/1.2 var(--font);letter-spacing:.04em;cursor:pointer}
@media(max-width:760px){body.eh details.eh-filters-wrap[open]{position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--paper);max-height:88svh;overflow:auto;padding:12px var(--gutter) calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 40px #0004;border-top:1px solid var(--line)}body.eh details.eh-filters-wrap[open] summary{position:sticky;top:0;background:var(--paper);z-index:1;padding:8px 0}body.eh .eh-sheet-apply{display:block;width:100%;margin-top:12px}body.eh .eh-filters{grid-template-columns:1fr}}
body.eh .eh-card .eh-signals{order:-1;min-height:20px;margin-bottom:6px}
body.eh .eh-card-cta{width:100%;justify-content:center;min-height:44px;padding:10px 14px}
body.eh .eh-project-actions{flex-direction:column;align-items:stretch;gap:8px}
body.eh .eh-project-actions .eh-compare{justify-content:center}
body.eh .eh-buy-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
@media(min-width:900px){body.eh .eh-buy-grid{grid-template-columns:repeat(5,minmax(0,1fr))}body.eh .eh-qual-lead{grid-column:span 2}}
body.eh .eh-buy-strip{display:grid;gap:var(--gap);margin-top:var(--gap)}
@media(min-width:640px){body.eh .eh-buy-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.eh .eh-qual-cell{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 20px;align-items:baseline}
body.eh .eh-qual-cell strong{grid-row:span 3;font-size:var(--h3)}
body.eh .eh-buy-know{margin-top:32px;border-top:1px solid var(--line);padding-top:16px}
body.eh .eh-buy-know summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;font:700 var(--btn)/1.2 var(--font);letter-spacing:.04em;color:var(--ink);text-decoration:underline;text-underline-offset:6px}
body.eh .eh-buy-know summary::-webkit-details-marker{display:none}
body.eh .eh-buy-know dl{display:grid;gap:14px 32px;margin:16px 0 0}@media(min-width:900px){body.eh .eh-buy-know dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.eh .eh-buy-know dt{font:700 var(--label)/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--kicker)}body.eh .eh-buy-know dd{margin:4px 0 0;font-size:var(--small);line-height:1.5;color:var(--text)}
body.eh .eh-why-grid{display:grid;gap:var(--gap)}
@media(min-width:900px){body.eh .eh-why-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:56px;align-items:center}}
body.eh .eh-why-visual{margin:0}body.eh .eh-why-visual img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
body.eh .eh-why-copy .eh-head{margin-bottom:24px;grid-template-columns:1fr}
body.eh .eh-why-copy .eh-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
body.eh .eh-updates-grid{display:grid;gap:var(--gap)}
@media(min-width:900px){body.eh .eh-updates-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}}
body.eh .eh-news-feature{display:grid;gap:16px}
body.eh .eh-news-feature .eh-story-image{aspect-ratio:16/9;overflow:hidden;display:block;width:100%;padding:0;border:0;background:var(--alt-2);cursor:pointer}body.eh .eh-news-feature .eh-story-image img{width:100%;height:100%;object-fit:cover}
body.eh .eh-news-feature-body{display:grid;gap:10px}
body.eh .eh-news-feature-body > div:first-child,body.eh .eh-news-rail li > div:first-child{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:var(--small);color:var(--muted)}
body.eh .eh-news-feature h3 button,body.eh .eh-news-rail h3 button{background:none;border:0;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer;text-decoration:none}
body.eh .eh-news-feature h3 button:hover,body.eh .eh-news-rail h3 button:hover{text-decoration:underline;text-underline-offset:4px}
body.eh .eh-news-rail{list-style:none;margin:0;padding:0;display:grid}
body.eh .eh-news-rail li{display:grid;gap:6px;padding:16px 0;border-top:1px solid var(--line)}
body.eh .eh-news-rail li:last-child{border-bottom:1px solid var(--line)}
body.eh .eh-news-rail h3{font-size:var(--h3);margin:0}
body.eh .eh-news-list{display:grid;gap:20px}
body.eh .eh-news-list .eh-btn{justify-self:start}
@keyframes eh-tilt{from{transform:scale(1.02) translateY(0.6%)}to{transform:scale(1.02) translateY(-0.6%)}}
@media(prefers-reduced-motion:no-preference){body.eh .eh-band.is-drifting>img,body.eh .eh-contact-bg.is-drifting img{animation:eh-tilt 16s ease-in-out infinite alternate}body.eh .eh-stage.is-drifting .eh-slide.is-on .eh-slide-media img{animation:eh-drift 4.5s ease-out forwards}}

/* round 14d (ICP/CMO run 2): only the stage tabs stay sticky; filters scroll with the page */
body.eh .eh-filter-bar{position:static;padding-bottom:0}
@media(min-width:761px){body.eh .eh-filter-bar .eh-stage-tabs{position:sticky;top:calc(var(--hdr) + 57px);background:var(--paper);z-index:5;padding-bottom:12px}}

/* round 15 (R10 + run 2): motion you can see inside the crop, full-width desktop action bar, sheet actions, More alignment, source line */
@keyframes eh-tilt{from{transform:scale(1.12) translateY(5%)}to{transform:scale(1.12) translateY(-5%)}}
@keyframes eh-hero-tilt{from{transform:scale(1.12) translateY(3.5%)}to{transform:scale(1.12) translateY(-3.5%)}}
@media(prefers-reduced-motion:no-preference){body.eh .eh-band.is-drifting>img,body.eh .eh-contact-bg.is-drifting img{animation:eh-tilt 16s ease-in-out infinite alternate}body.eh .eh-stage.is-drifting .eh-slide.is-on .eh-slide-media img{animation:eh-hero-tilt 9s ease-in-out infinite alternate}}
@media(min-width:801px){body.eh .eh-sticky-bar{left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid var(--line);box-shadow:0 -8px 24px -16px #0006;justify-content:center;padding:10px var(--gutter);background:#fffffff5;backdrop-filter:blur(12px)}}
body.eh .eh-sheet-actions{display:none}
@media(max-width:760px){body.eh .eh-sheet-actions{display:flex;gap:16px;align-items:center;margin-top:12px}body.eh .eh-sheet-apply{flex:1 1 auto;margin:0}}
body.eh .eh-more{align-self:end}
body.eh .eh-source{margin-top:16px;font-size:var(--small);color:var(--muted);max-width:60ch}
body.eh .eh-qual .eh-btn{margin-top:12px}

/* round 16 (Fares second pass): one card format, newest-first launches, faster hero fade, clickable bands with slideshow, moving updates feed */
body.eh .eh-slide{transition:opacity .7s var(--ease)}
body.eh .eh-card{grid-template-rows:auto 1fr}
body.eh .eh-card .eh-project-copy{display:flex;flex-direction:column;gap:6px;height:100%}
body.eh .eh-card h3{font-size:var(--h3);line-height:1.2;min-height:calc(var(--h3) * 2.4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.eh .eh-card .eh-meta{min-height:1.5em}
body.eh .eh-meta-na,body.eh .eh-price-na{color:var(--kicker)}
body.eh .eh-price{margin-top:4px;font:400 var(--h3)/1.2 var(--display);letter-spacing:.01em;color:var(--heading)}
body.eh .eh-price-na{font:400 var(--small)/1.5 var(--font)}
body.eh .eh-card .eh-project-actions{margin-top:auto;padding-top:12px}
body.eh .eh-band-link{display:block;width:100%;padding:0;border:0;background:var(--alt-2);cursor:pointer;position:relative;overflow:hidden}
body.eh .eh-band-link>img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover}
body.eh .eh-band-link img.eh-gal{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s var(--ease)}body.eh .eh-band-link img.eh-gal.is-on{opacity:1}
body.eh .eh-band-link:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
body.eh .eh-news-feed{position:relative;max-height:420px;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent)}
@keyframes eh-feed{from{transform:translateY(0)}to{transform:translateY(-50%)}}
body.eh .eh-news-feed.is-looping{display:grid}
@media(prefers-reduced-motion:no-preference){body.eh .eh-news-feed.is-looping{animation:eh-feed var(--feed-duration,35s) linear infinite}body.eh .eh-news-feed.is-looping:hover,body.eh .eh-news-feed.is-looping:focus-within{animation-play-state:paused}}
@media(prefers-reduced-motion:reduce){body.eh .eh-news-feed{max-height:none;mask-image:none}body.eh .eh-news-feed ol[aria-hidden]{display:none}}

/* round 16b (Fares: hero copy over the image like BEYOND; price always in the hero; strong above-the-fold on phones) */
body.eh .eh-stage{height:clamp(560px,64vh,760px)}
@media(max-width:760px){body.eh .eh-stage{height:min(76svh,560px)}}
@media(max-width:760px) and (max-height:620px){body.eh .eh-stage{height:min(74svh,440px)}}
body.eh .eh-hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,27,54,0) 30%,rgba(9,27,54,.55) 70%,rgba(9,27,54,.82) 100%);pointer-events:none;z-index:2}
body.eh .eh-hero-copy{position:absolute;left:0;right:0;bottom:0;z-index:3;padding-bottom:40px;color:#fff}
@media(max-width:760px){body.eh .eh-hero-copy{padding-bottom:20px}}
body.eh .eh-hero-copy .eh-wrap{display:grid;gap:14px;max-width:1320px}
body.eh .eh-hero-copy h1{color:#fff;font-size:clamp(34px,4.2vw,60px);max-width:16ch;text-wrap:balance;margin:0}
@media(max-width:760px){body.eh .eh-hero-copy h1{font-size:32px}}
body.eh .eh-hero-copy .eh-captions{min-height:0}
body.eh .eh-hero-copy .eh-slide-caption{display:block;border:0;padding:0}
body.eh .eh-hero-copy .eh-kicker{color:#fff}
body.eh .eh-hero-price{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;color:#fff}
body.eh .eh-hero-price span{font-size:var(--small);letter-spacing:.06em;text-transform:uppercase;font-weight:700}
body.eh .eh-hero-price strong{font:400 var(--h2)/1.1 var(--display);letter-spacing:.01em}
body.eh .eh-btn-light{background:#fff;border-color:#fff;color:var(--ink)}
body.eh .eh-btn-light:hover{background:#eef1f5;border-color:#eef1f5}
body.eh .eh-link-light{color:#fff}
body.eh .eh-hero-copy .eh-hero-proof::before{background:var(--gold)}
body.eh .eh-hero-copy .eh-hero-proof{color:#dfe5ee}
body.eh .eh-hero-bar,body.eh .eh-hero-id,body.eh .eh-hero-act{display:none}
body.eh .eh-hero{padding-bottom:0}
body.eh .eh-news-feed.is-looping{display:block}
@media(prefers-reduced-motion:no-preference){@keyframes eh-feed{from{transform:translateY(0)}to{transform:translateY(var(--feed-shift,-200px))}}body.eh .eh-news-feed.is-looping ol{animation:eh-feed var(--feed-duration,30s) ease-in-out infinite alternate}body.eh .eh-news-feed.is-looping:hover ol,body.eh .eh-news-feed.is-looping:focus-within ol{animation-play-state:paused}}

/* round 16c: caption above the H1 in the overlay; feed rows rotate in place */
body.eh .eh-hero-copy .eh-captions{order:-1}
body.eh .eh-news-feed{max-height:none;mask-image:none;overflow:visible}
body.eh .eh-news-feed.is-looping{display:block}
body.eh .eh-news-rail li{transition:opacity .5s var(--ease),transform .5s var(--ease)}
body.eh .eh-news-rail li.is-leaving{opacity:0;transform:translateY(-8px)}
@media(prefers-reduced-motion:no-preference){body.eh .eh-news-feed.is-looping ol{animation:none}}

/* round 17 (DD R4 de-AI + proof): caps diet, one accent, surface contrast, scale contrast, proof strip under the hero */
:root,body.eh{--alt:#f3f4f6;--alt-2:#e9ecf0}
body.eh .eh-status,body.eh .eh-stage-tabs button,body.eh .eh-caption .eh-kicker,body.eh .eh-qual h3,body.eh .eh-delivered .eh-dir-name,body.eh .eh-news-rail h3,body.eh .eh-news-feature h3,body.eh .eh-faq summary,body.eh .eh-tile-name{text-transform:none;letter-spacing:0}
body.eh .eh-status{font-weight:700;font-size:var(--small)}
body.eh .eh-status-launching::before,body.eh .eh-status-last-homes::before{border-radius:0;background:var(--gold)}
body.eh .eh-stats dt::before,body.eh .eh-proof dt::before,body.eh .eh-qual strong::before{content:"";display:block;width:28px;height:2px;background:var(--gold);margin-bottom:12px}
@media(min-width:761px){:root,body.eh{--fig:56px}body.eh .eh-qual-lead strong{font-size:72px}}
body.eh .eh-proof-strip{background:var(--paper);border-bottom:1px solid var(--line)}
body.eh .eh-proof{display:grid;gap:16px;margin:0;padding:24px 0}
@media(min-width:640px){body.eh .eh-proof{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:28px 0}}
body.eh .eh-proof dt{font:400 var(--h3)/1.1 var(--display);color:var(--heading)}body.eh .eh-proof dd{margin:4px 0 0;font-size:var(--small);color:var(--muted)}
body.eh .eh-proof dt::before{margin-bottom:8px}
body.eh .eh-why-copy .eh-delivered{margin-top:0;padding-top:0;border-top:0}
body.eh .eh-dev-band{display:none}

/* round 17b (Fares: the previous hero, above the fold; price in the hero): info bar back, overlay off, tabs wrap on phones, kicker contrast, no CTA transition */
body.eh .eh-hero-bar,body.eh .eh-hero-id,body.eh .eh-hero-act{display:grid}
body.eh .eh-hero-scrim,body.eh .eh-hero-copy{display:none}
body.eh .eh-stage{height:clamp(420px,36vw,560px)}
@media(max-width:760px){body.eh .eh-stage{height:min(40svh,125vw)}}
@media(max-width:760px) and (max-height:620px){body.eh .eh-stage{height:min(34svh,125vw)}}
body.eh .eh-hero-bar{padding-top:20px}
body.eh .eh-hero-id .eh-hero-price{margin:4px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;color:var(--heading)}
body.eh .eh-hero-id .eh-hero-price span{font:700 var(--label)/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--kicker)}
body.eh .eh-hero-id .eh-hero-price strong{font:400 var(--h2)/1.1 var(--display);letter-spacing:.01em}
@media(max-width:760px){body.eh .eh-hero-sub{display:none}body.eh .eh-hero-id .eh-hero-price{display:flex}body.eh .eh-hero-proof{display:inline-flex}}
body.eh .eh-hero-id h1{font-size:max(calc(var(--h2) + 4px),clamp(34px,3.4vw,50px))}
@media(max-width:760px){body.eh .eh-hero-id h1{font-size:32px}}
:root,body.eh{--kicker:#5b6270}
body.eh .eh-header-cta,body.eh .eh-btn{transition:none}
@media(max-width:760px){body.eh .eh-stage-tabs{flex-wrap:wrap;overflow:visible;gap:8px}}
body.eh .eh-why-grid{align-items:start}

/* round 17c: the slide caption keeps a fixed height so the page never shifts when slides change (clicks stayed "unstable" at 390) */
body.eh .eh-captions{min-height:44px}
@media(min-width:900px){body.eh .eh-captions{min-height:44px}}
body.eh .eh-caption-slot .eh-slide-caption{min-height:44px}
body.eh .eh-why-copy .eh-delivered{margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}

/* round 18 (R11): short-phone order, continuous hero tilt, sticky tabs across the section, filter row alignment, launches rail on phones */
@media(max-width:760px){body.eh .eh-hero-bar{display:grid}body.eh .eh-hero-id,body.eh .eh-hero-act{display:contents}body.eh .eh-hero-id h1{order:1}body.eh .eh-hero-actions{order:2}body.eh .eh-hero-id .eh-hero-price{order:3}body.eh .eh-hero-proof{order:4}body.eh .eh-captions{order:5}body.eh .eh-hero-sub{display:none}}
@media(max-width:760px) and (max-height:620px){body.eh .eh-stage{height:min(30svh,125vw)}body.eh .eh-hero-id h1{font-size:30px}}
@media(prefers-reduced-motion:no-preference){body.eh .eh-stage.is-drifting .eh-slide .eh-slide-media img{animation:eh-hero-tilt 9s ease-in-out infinite alternate}body.eh .eh-stage.is-drifting .eh-slide:nth-child(2) .eh-slide-media img{animation-delay:-3s}body.eh .eh-stage.is-drifting .eh-slide:nth-child(3) .eh-slide-media img{animation-delay:-6s}body.eh .eh-stage.is-drifting .eh-slide:nth-child(4) .eh-slide-media img{animation-delay:-1.5s}}
body.eh .eh-hero{background:var(--paper)}body.eh .eh-stage{background:#0b1a2e}
@media(min-width:761px){body.eh #projects .eh-stage-tabs{position:sticky;top:calc(var(--hdr) + 57px);background:var(--paper);z-index:5;padding:8px 0 12px}}
body.eh .eh-filters{align-items:end}body.eh .eh-more{align-self:end;padding-bottom:4px}
body.eh .eh-results{justify-content:flex-start;gap:10px 16px}body.eh .eh-results #eh-reset{margin-left:auto}
@media(max-width:760px){body.eh .eh-launch-grid{display:grid;grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;scrollbar-width:none;padding-bottom:4px}body.eh .eh-launch-grid>article{scroll-snap-align:start}body.eh .eh-launch[hidden]{display:block}body.eh #collections .eh-more-row{display:none}}

/* round 18b (R12): hero price under the H1, Why Emaar two columns stretched, tabs wrap ≤1000, launch card price */
body.eh .eh-hero-id .eh-hero-price{order:0}
@media(min-width:900px){body.eh .eh-hero-id{gap:10px}body.eh .eh-hero-sub{margin:0}}
body.eh .eh-why-grid{align-items:stretch}body.eh .eh-why-visual img{height:100%;aspect-ratio:auto;min-height:420px}
body.eh .eh-why-copy{display:flex;flex-direction:column}body.eh .eh-why-copy .eh-delivered{margin-top:24px;padding-top:24px}
body.eh .eh-why-copy .eh-delivered ul{display:grid;gap:12px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){body.eh .eh-stage-tabs{flex-wrap:wrap;overflow:visible;gap:8px}}
body.eh .eh-launch .eh-price{margin:8px 0 10px}
body.eh .eh-launch .eh-card-cta{width:100%;justify-content:center}

body.eh p.eh-source{font-size:var(--body);color:var(--muted);max-width:52ch;margin-top:auto;padding-top:24px}

/* round 19 (R13): phone rail shows every launch, launch asks pinned to the card bottom, More legend inline, feed steps in date order */
body.eh .eh-launch{display:flex;flex-direction:column}body.eh .eh-launch .eh-story-body{flex:1;display:flex;flex-direction:column;gap:8px}body.eh .eh-launch .eh-card-cta{margin-top:auto}
body.eh .eh-more legend{float:left;padding:0;margin:0 12px 0 0;line-height:44px}
@media(min-width:761px){body.eh .eh-more{display:grid;gap:2px;align-self:end;align-content:end}body.eh .eh-more legend{float:none;margin:0 0 6px;line-height:1.3}body.eh .eh-more>label{min-height:0;padding:0;line-height:1.3;align-items:center}body.eh .eh-more>label input{width:18px;height:18px;margin:0 8px 0 0}}
/* round 19: text-only records take the standard card anatomy (community monogram in the media slot, ask pinned to the bottom) */
body.eh .eh-card-text{grid-template-rows:auto 1fr;padding:0;border-bottom:1px solid var(--line)}
body.eh .eh-card-text::before{content:attr(data-community);display:grid;place-items:center;aspect-ratio:16/9;background:var(--alt-2);color:var(--ink);font:400 clamp(20px,1.6vw,26px)/1.15 var(--display);letter-spacing:.02em;text-align:center;padding:16px;box-shadow:inset 0 -1px 0 var(--gold,#b89b5e)}
body.eh .eh-card-text .eh-project-copy{padding:14px 0 16px;display:flex;flex-direction:column;gap:6px;height:100%}

/* round 20 (R14): 44 px targets on card titles, ticker link and Compare; phone More stack; feed never shows a hole */
body.eh .eh-story-body h3 button,body.eh .eh-project-copy h3 button{display:inline-flex;align-items:center;min-height:44px}
body.eh .eh-ticker-all{display:inline-flex;align-items:center;min-height:44px}
body.eh .eh-compare{display:inline-flex;align-items:center;min-height:44px;gap:8px}body.eh .eh-compare input{width:22px;height:22px;margin:0}
@media(max-width:760px){body.eh .eh-more{display:grid;gap:6px}body.eh .eh-more legend{margin:0 0 4px}body.eh .eh-more>label{min-height:44px;align-items:center}}
/* round 20: live marker sweeps the Updates rail instead of moving rows */
body.eh .eh-news-rail li{position:relative;padding-left:16px;transition:background-color .5s var(--ease)}
body.eh .eh-news-rail li::before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--gold,#b89b5e);opacity:0;transition:opacity .5s var(--ease)}
body.eh .eh-news-rail li.is-live{background:var(--alt)}body.eh .eh-news-rail li.is-live::before{opacity:1}

/* quiz v2 (HUB-124): frame line, known/brief chips, helper, examples, tile note */
body.eh .eh-quiz-frame{color:var(--muted);max-width:52ch}
body.eh .eh-quiz-chips{display:flex;flex-wrap:wrap;gap:8px}
body.eh .eh-quiz-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--line-2,#c9ced6);border-radius:999px;background:var(--alt);color:var(--ink);font:400 var(--label)/1.2 var(--font);cursor:pointer}
body.eh .eh-quiz-chip span{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
body.eh .eh-quiz-chip:hover,body.eh .eh-quiz-chip:focus-visible{border-color:var(--ink)}
body.eh .eh-quiz-helper{color:var(--muted);font-size:var(--label)}
body.eh .eh-quiz-examples{color:var(--ink);font-size:var(--label)}
body.eh .eh-quiz-tile-note{display:block;color:var(--muted);font-size:12px;margin-top:4px}
body.eh .eh-quiz-row{display:grid;gap:6px}body.eh .eh-quiz-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}body.eh .eh-quiz-chip[aria-pressed=true] span{color:inherit}
/* quiz r22: compact 3-up tiles on phones so the CTA sits in view; examples list */
@media(max-width:519px){body.eh .eh-tiles.eh-quiz-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body.eh .eh-quiz-tiles button{font-size:12px}body.eh .eh-quiz-tiles button img{aspect-ratio:4/3}}
body.eh .eh-quiz-examples ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}body.eh .eh-quiz-examples li b{font-weight:600}

/* Mobile QA 12 Oct: reset both grid axes; desktop columns must not combine with the phone rail. */
@media(max-width:760px){
 body.eh .eh-why-copy .eh-delivered ul{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;gap:12px}
 body.eh .eh-why-copy .eh-delivered li{min-width:0;scroll-snap-align:none}
}

/* Emaar accepted-enquiry preference panel: one compact, autosaved choice at a time. */
.sh-unified-preferences .sv-preference-fields,.sh-unified-preferences>.sh-preference-values,.sh-unified-preferences>details,.sh-unified-preferences>h3,.sh-unified-preferences>p,.sh-unified-preferences .sh-preference-actions{display:none!important}
.sh-unified-preferences [hidden]{display:none!important}
.sh-unified-preferences{width:100%;padding:8px 0 16px}
.sh-tap-stage h4{font-family:inherit;font-weight:600;font-size:21px;line-height:1.3;margin:0 0 10px;color:#0a1c35}
.sh-optional-note{font-size:13px!important;line-height:1.5;color:#566373;margin:0 0 20px}
.sh-tap-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sh-tap-option{min-height:50px;padding:12px 14px;border:1px solid #c5cfd9;border-radius:7px;background:#fff;color:#112b3e;font-family:inherit;font-weight:500;font-size:15px;line-height:1.35;text-align:left;cursor:pointer}
.sh-tap-option:hover,.sh-tap-option[aria-pressed=true]{background:#eaf1f5;border-color:#173c52}
.sh-tap-option:focus-visible{outline:2px solid #173c52;outline-offset:2px}
.sh-callback-now{grid-column:1/-1;background:#10283e;color:#fff;border-color:#10283e}
.sh-tap-zone{display:grid;gap:6px;margin-top:15px;font-size:12px;color:#566373}
.sh-tap-zone input{max-width:100%;min-height:42px;border:1px solid #c5cfd9;border-radius:6px;padding:8px 10px;font:inherit;background:#fff}
.sh-auto-status p{font-size:13px;line-height:1.4}
.sh-auto-retry{min-height:44px;padding:9px 14px;border:1px solid #173c52;border-radius:6px;background:#fff;color:#173c52;font:inherit;cursor:pointer}
@media(max-width:360px){.sh-tap-options{gap:8px}.sh-tap-option{padding:10px;font-size:14px}}

body .lf-dialog form .sh-unified-preferences fieldset.sv-preference-fields{display:none!important}

/* Approved destination links retain the existing card typography and tile layout. */
body.eh .eh-project-link{display:inline-flex;align-items:center;min-height:44px;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;text-decoration:none}body.eh .eh-project-link:hover{text-decoration:underline;text-underline-offset:6px}body.eh .eh-tiles a[data-dest-tab]{text-decoration:none}