/* Bhola Estates — design system */
:root{
  --ink:#0f1c2e; --ink-2:#1b2b43; --ink-3:#2c3e5a;
  --paper:#f7f3ec; --paper-2:#efe8dc; --white:#fff;
  --gold:#b8893e; --gold-deep:#8a6322; --gold-bright:#e9b526; --gold-soft:#f3e7cf;
  --line:#e2d8c8; --line-2:#d3c6b1; --muted:#5b6370; --text:#1d2430;
  --wa:#1d8a4b; --wa-dark:#166e3b;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --r:4px; --shadow:0 1px 2px rgba(15,28,46,.06),0 8px 28px rgba(15,28,46,.07);
  --wrap:1240px; --gut:20px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html{overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--text);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
svg{width:1em;height:1em;flex:none}
button,input,select,textarea{font:inherit;color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.narrow{max-width:820px}
.sr,.hp{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:100}
.skip:focus{left:10px}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* type */
.h1{font:600 clamp(2.3rem,5.2vw,4rem)/1.05 var(--serif);letter-spacing:-.01em;margin:.2em 0 .35em;color:var(--ink)}
.h2{font:600 clamp(1.85rem,3.4vw,2.7rem)/1.1 var(--serif);margin:0 0 .5em;color:var(--ink);letter-spacing:-.005em}
h3{font:600 1.28rem/1.25 var(--serif);color:var(--ink);margin:0 0 .4em}
.eyebrow{font:700 .72rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 .6em}
.eyebrow-light{color:var(--gold-bright)}
.lead{font-size:1.12rem;line-height:1.6;color:var(--ink-3);max-width:62ch;margin:0 0 1.2em}
.prose p{margin:0 0 1em;max-width:68ch}
.prose h2{margin-top:1.4em}.prose h3{margin-top:1.4em}
.prose a,.sec-p a,.notice a{color:var(--gold-deep);text-decoration-thickness:1px;text-underline-offset:3px}
.prose ul{padding-left:1.1em}.prose li{margin:.3em 0}
.tbl{width:100%;border-collapse:collapse;margin:1em 0 1.5em;font-size:.95rem;background:#fff}
.tbl th,.tbl td{padding:.65em .8em;border-bottom:1px solid var(--line);text-align:left}
.tbl th{font-weight:700;background:var(--paper-2)}
code{font-size:.9em;background:var(--paper-2);padding:.1em .35em;border-radius:3px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.55em;padding:.85em 1.35em;border-radius:var(--r);border:1px solid transparent;font:700 .92rem/1 var(--sans);letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;white-space:nowrap}
.btn svg{width:1.15em;height:1.15em}
.btn:hover{transform:translateY(-1px)}
.btn-wa{background:var(--wa);color:#fff}.btn-wa:hover{background:var(--wa-dark)}
.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:var(--gold-deep)}
.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:var(--ink-2)}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}.btn-line:hover{background:var(--ink);color:#fff}
.btn-ghost{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(15,28,46,.15)}.btn-ghost:hover{background:#fff;color:var(--ink)}
.btn-sm{padding:.62em 1em;font-size:.85rem}
.more{display:inline-flex;align-items:center;gap:.5em;font-weight:700;font-size:.9rem;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px}
.more svg{transition:transform .2s}.more:hover svg{transform:translateX(3px)}

/* topbar & header */
.topbar{background:var(--ink);color:#c9cfd8;font-size:.78rem}
.topbar-in{display:flex;justify-content:space-between;gap:1rem;padding-top:.45rem;padding-bottom:.45rem}
.topbar a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:.35em;margin-left:1.1rem}
.topbar svg{color:var(--gold-bright)}
.hdr{position:sticky;top:0;z-index:50;background:rgba(247,243,236,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:1.2rem;min-height:74px}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--ink);flex:none}
.brand .mark{width:38px;height:46px}
.brand-t{display:flex;flex-direction:column;line-height:1}
.brand-t b{font:700 1.22rem/1 var(--serif);letter-spacing:.14em}
.brand-t small{font:600 .62rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep);margin-top:.45em}
.nav{margin-left:auto}
.nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.1rem}
.nav-a,.nav-btn{white-space:nowrap;display:flex;align-items:center;gap:.25em;padding:.6em .62em;background:none;border:0;font:600 .86rem/1 var(--sans);color:var(--ink);text-decoration:none;cursor:pointer;border-radius:3px}
.nav-btn svg{width:.9em;height:.9em;transition:transform .2s}
.nav-a:hover,.nav-btn:hover{color:var(--gold-deep)}
.has-sub{position:relative}
.sub{position:absolute;top:100%;left:0;min-width:240px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:.6rem;display:none;flex-direction:column;border-radius:var(--r)}
.sub a{padding:.55em .7em;text-decoration:none;font-size:.9rem;border-radius:3px;color:var(--ink)}
.sub a:hover{background:var(--paper)}
.sub-wide{min-width:460px;left:50%;transform:translateX(-50%)}
.sub-cols{display:grid;grid-template-columns:1fr 1fr}
.sub-h{font:700 .68rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin:.4rem .7rem .5rem}
.sub-all{font-weight:700;border-top:1px solid var(--line);margin-top:.3rem;padding-top:.8em!important}
@media (hover:hover) and (min-width:1181px){.has-sub:hover .sub,.has-sub:focus-within .sub{display:flex}.has-sub:hover .nav-btn svg{transform:rotate(180deg)}}
.has-sub.open .sub{display:flex}
.hdr-cta{display:flex;align-items:center;gap:.5rem}
.menu-btn{display:none;background:none;border:1px solid var(--line-2);border-radius:var(--r);width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer}
.menu-btn svg{width:22px;height:22px}
@media (max-width:1180px){
  .menu-btn{display:inline-flex}
  .nav{position:fixed;inset:0 0 0 auto;width:min(380px,88vw);background:var(--paper);display:none;overflow-y:auto;padding:84px 18px 120px;box-shadow:-10px 0 40px rgba(0,0,0,.15);z-index:60}
  .nav.open{display:block;animation:navin .22s ease}
  @keyframes navin{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
  .nav ul{flex-direction:column;align-items:stretch;gap:0}
  .nav li{border-bottom:1px solid var(--line)}
  .nav-a,.nav-btn{width:100%;justify-content:space-between;padding:1em .3em;font-size:1rem}
  .sub,.sub-wide{position:static;transform:none;box-shadow:none;border:0;min-width:0;padding:0 0 .8rem .4rem;background:transparent}
  .sub-cols{grid-template-columns:1fr}
  .has-sub.open .nav-btn svg{transform:rotate(180deg)}
  body.nav-open{overflow:hidden}
  body.nav-open::after{content:"";position:fixed;inset:0;background:rgba(15,28,46,.4);z-index:55}
  .menu-btn{position:relative;z-index:70}
}
@media (max-width:720px){.topbar-in>span:first-child{display:none}.topbar-in{justify-content:center}.topbar a{margin:0 .6rem}.hdr-cta .btn{display:none}.brand .mark{width:32px;height:39px}.brand-t b{font-size:1.08rem}}

/* crumbs */
.crumbs{display:flex;flex-wrap:wrap;gap:.45em;font-size:.8rem;color:var(--muted);padding-top:1rem;padding-bottom:.2rem}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink)}
.crumbs [aria-current]{color:var(--ink)}

/* home hero */
.hero{position:relative;min-height:min(92vh,860px);display:flex;align-items:flex-end;color:#fff;background:var(--ink);overflow:hidden}
.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,28,46,.25) 0%,rgba(15,28,46,.35) 40%,rgba(15,28,46,.92) 100%)}
.hero-in{position:relative;padding-top:120px;padding-bottom:48px;width:100%}
.hero-h{font:600 clamp(2.5rem,6.2vw,5.2rem)/1 var(--serif);margin:.15em 0 .35em;letter-spacing:-.015em;max-width:22ch}
.hero-h em{font-style:italic;color:var(--gold-soft);font-weight:500}
.hero-lead{font-size:clamp(1rem,1.6vw,1.2rem);max-width:56ch;color:#e3e7ee;margin:0 0 1.6em}
.hero-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin:0 0 1.6rem}
.hero-caption{font-size:.72rem;color:rgba(255,255,255,.6);margin:1rem 0 0}
.search{background:rgba(255,255,255,.97);color:var(--ink);border-radius:var(--r);padding:1rem;max-width:980px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.seg{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.8rem}
.seg label{cursor:pointer}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:block;padding:.5em .9em;border:1px solid var(--line-2);border-radius:999px;font-size:.84rem;font-weight:600}
.seg input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.seg input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.search-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.6rem}
.search select,.filters select,.filters input,.enq-form input,.enq-form select,.enq-form textarea{width:100%;padding:.8em .9em;border:1px solid var(--line-2);border-radius:var(--r);background:#fff;font-size:.95rem;min-height:48px}
@media (max-width:720px){.search-row{grid-template-columns:1fr}.hero{min-height:auto}.hero-in{padding-top:90px}}

/* location bar */
.locbar{background:var(--ink-2);color:#fff}
.locbar-in{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:1rem;padding-bottom:1rem}
.locbar-in>span{font:700 .7rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright);margin-right:.6rem}
.loc-chip{display:inline-flex;align-items:center;gap:.4em;padding:.5em .95em;border:1px solid rgba(255,255,255,.25);border-radius:999px;text-decoration:none;font-size:.88rem;font-weight:600}
.loc-chip:hover{background:#fff;color:var(--ink)}
.loc-chip svg{color:var(--gold-bright)}

/* sections */
.section{padding:clamp(44px,6vw,80px) 0}
.section-tight{padding:clamp(28px,4vw,48px) 0}
.section.tint{background:var(--paper-2)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}
.sec-head .h2{margin:0}
.sec-intro{color:var(--muted);max-width:62ch;margin:.7em 0 0}
.sec-p{max-width:70ch;color:var(--ink-3)}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.stats>div{padding:1.6rem 1.2rem;border-right:1px solid var(--line-2)}
.stats>div:last-child{border-right:0}
.stats b{display:block;font:600 2.3rem/1 var(--serif);color:var(--ink);margin-bottom:.35rem}
.stats span{font-size:.85rem;color:var(--muted)}
@media (max-width:760px){.stats{grid-template-columns:1fr 1fr}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(-n+2){border-bottom:1px solid var(--line-2)}}

/* cards */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.grid-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.grid,.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid,.grid-4{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:box-shadow .25s,transform .25s}
.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--ink)}
.card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.card:hover .card-img{transform:scale(1.03)}
.card-media .badge{position:absolute;left:12px;top:12px}
.card-body{padding:1.1rem 1.2rem 1.3rem}
.card-body h3{font-size:1.4rem;margin-bottom:.25em}
.card-tag{font-size:.9rem;color:var(--ink-3);margin:0 0 .6em}
.card-types{font-size:.78rem;color:var(--muted);margin:0;letter-spacing:.02em}
.lcard .card-body{padding:1.4rem}
.badge{display:inline-block;padding:.38em .75em;font:700 .66rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;background:#fff;color:var(--ink);border-radius:2px;border:1px solid var(--line-2)}
.badge.soon{background:var(--ink);color:var(--gold-bright);border-color:var(--gold)}
.badge.ready{background:var(--gold-soft);border-color:var(--gold);color:var(--gold-deep)}
.badge.line{background:transparent}
/* typographic placeholder */
.ph{position:relative;width:100%;height:100%;min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1.6rem;color:#fff;
  background:radial-gradient(120% 90% at 80% 0%,rgba(233,181,38,.18),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 14px),linear-gradient(160deg,var(--ink-2),var(--ink))}
.ph::before{content:"";position:absolute;inset:12px;border:1px solid rgba(233,181,38,.35)}
.ph-dev{font:700 .64rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-bright);margin-bottom:.8rem}
.ph-name{font:600 1.7rem/1.1 var(--serif);max-width:16ch}
.ph-logo{max-height:90px;width:auto;max-width:70%;background:#fff;padding:.6rem .9rem;border-radius:3px}
.ph-loc{font-size:.78rem;color:#c9cfd8;margin-top:.8rem;letter-spacing:.06em}
.card-media .ph{position:absolute;inset:0}

/* developer cards */
.dev-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media (max-width:1000px){.dev-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.dev-grid{grid-template-columns:repeat(2,1fr)}}
.dev-card{display:flex;flex-direction:column;gap:.9rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.1rem;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.dev-card:hover{border-color:var(--gold);box-shadow:var(--shadow)}
.dev-logo-wrap{height:72px;display:flex;align-items:center;justify-content:flex-start}
.dev-logo{max-height:64px;max-width:140px;width:auto;object-fit:contain}
.dev-mono{width:60px;height:60px;border-radius:50%;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;font:600 1.35rem/1 var(--serif);color:var(--gold-deep);letter-spacing:.04em;background:var(--paper)}
.dev-card h3{font-size:1.08rem;margin:0}
.dev-card p{margin:.15rem 0 0;font-size:.8rem;color:var(--muted)}

/* why */
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line-2)}
.why-i{padding:1.6rem 1.4rem 1.6rem 0;border-bottom:1px solid var(--line-2)}
.why-i:not(:nth-child(3n)){border-right:1px solid var(--line-2);margin-right:0}
.why-i:not(:nth-child(3n+1)){padding-left:1.4rem}
.why-n{font:600 1rem/1 var(--serif);color:var(--gold-deep)}
.why-i h3{margin:.6rem 0 .35rem}
.why-i p{margin:0;color:var(--muted);font-size:.94rem}
@media (max-width:860px){.why{grid-template-columns:1fr}.why-i{border-right:0!important;padding-left:0!important}}

/* legacy */
.legacy{background:var(--ink);color:#d8dde5}
.legacy .h2{color:#fff}.legacy .eyebrow{color:var(--gold-bright)}
.legacy .more{color:#fff}
.legacy-in{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.legacy-media{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem;align-items:end}
.legacy-media img{width:100%;aspect-ratio:3/4;object-fit:cover;border:5px solid #fff;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.lg-b{margin-bottom:-2rem}
@media (max-width:860px){.legacy-in{grid-template-columns:1fr}.lg-b{margin-bottom:0}}

/* tiles */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.tiles-2{grid-template-columns:repeat(2,1fr)}.tiles-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:1000px){.tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.tiles,.tiles-2,.tiles-3{grid-template-columns:1fr}}
.tile{display:block;background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);padding:1.4rem;text-decoration:none;border-radius:var(--r);transition:box-shadow .2s}
a.tile:hover{box-shadow:var(--shadow)}
.tile h3{margin:.3rem 0 .45rem}.tile p{margin:0;font-size:.92rem;color:var(--muted)}

/* dubai */
.dubai{background:linear-gradient(135deg,#132238,#0f1c2e 60%);color:#d8dde5}
.dubai .h2{color:#fff}
.dubai-in{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.dubai-devs{display:grid;gap:.6rem}
.dubai-devs a{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.15);border-radius:var(--r);text-decoration:none}
.dubai-devs a:hover{border-color:var(--gold-bright);background:rgba(255,255,255,.04)}
.dubai-devs b{font:600 1.25rem/1.1 var(--serif);color:#fff}
.dubai-devs span{font-size:.8rem;color:#aab3c0;text-align:right}
@media (max-width:860px){.dubai-in{grid-template-columns:1fr}}

/* insights */
.ins-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.ins-full{grid-template-columns:repeat(2,1fr)}
@media (max-width:860px){.ins-list,.ins-full{grid-template-columns:1fr}}
.ins{display:block;padding:1.5rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);text-decoration:none}
.ins:hover{border-color:var(--gold)}
.ins p{color:var(--muted);font-size:.92rem;margin:0}

/* faq */
.faq{border-bottom:1px solid var(--line-2)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.15rem 0;font:600 1.18rem/1.3 var(--serif);color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{transition:transform .2s;color:var(--gold-deep)}
.faq[open] summary svg{transform:rotate(180deg)}
.faq div p{margin:0 0 1.2rem;color:var(--ink-3);max-width:70ch}

/* enquiry */
.enquiry{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.4rem,4vw,3rem);margin:clamp(40px,6vw,80px) 0;scroll-margin-top:100px}
.enq-copy p{color:var(--ink-3)}
.enq-direct{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.enq-form{display:grid;gap:.9rem}
.enq-form label{display:grid;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--ink)}
.enq-form .opt{font-weight:400;color:var(--muted)}
.enq-form .consent{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;font-size:.82rem;color:var(--muted)}
.enq-form .consent input{width:18px;height:18px;min-height:0;margin-top:.15rem;flex:none}
.enq-form .consent a{color:var(--gold-deep)}
.enq-form button{justify-content:center;width:100%;padding:1em}
.form-note{font-size:.8rem;color:var(--muted);margin:0}
.form-note.err{color:#a3261b}.form-note.ok{color:var(--wa-dark)}
.enq-form [aria-invalid=true]{border-color:#c0392b;background:#fff7f6}
@media (max-width:860px){.enquiry{grid-template-columns:1fr;gap:1.5rem}}

/* page hero */
.phero{padding:clamp(28px,5vw,64px) 0 clamp(36px,5vw,64px);border-bottom:1px solid var(--line)}
.phero-img{position:relative;color:#fff;background:var(--ink);padding:clamp(90px,14vw,180px) 0 56px;border:0}
.ph-hero-media{position:absolute;inset:0}.ph-hero-media img{width:100%;height:100%;object-fit:cover;opacity:.5}
.ph-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,28,46,.85) 0%,rgba(15,28,46,.55) 55%,rgba(15,28,46,.25) 100%)}
.phero-img .phero-in{position:relative}
.phero-img .h1{color:#fff}.phero-img .lead{color:#e3e7ee}.phero-img .eyebrow{color:var(--gold-bright)}

/* project hero */
.pj-hero{padding:clamp(20px,3vw,40px) 0 clamp(40px,5vw,70px);border-bottom:1px solid var(--line)}
.pj-hero-in{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.pj-hero-media{aspect-ratio:4/3;overflow:hidden;border-radius:var(--r);background:var(--ink);position:relative}
.pj-hero-media img{width:100%;height:100%;object-fit:cover}
.pj-hero-media .ph{position:absolute;inset:0}
.pj-hero-media .ph-name{font-size:2.4rem}
.pj-badges{display:flex;gap:.4rem;flex-wrap:wrap;margin:.6rem 0 0}
.pj-addr{display:flex;gap:.45em;align-items:flex-start;color:var(--muted);font-size:.92rem;margin:-.4em 0 1.4em}
.pj-addr svg{margin-top:.2em;color:var(--gold-deep)}
.rera{font-size:.8rem;color:var(--muted);margin:0;letter-spacing:.02em}
@media (max-width:900px){.pj-hero-in{grid-template-columns:1fr}.pj-hero-media{order:-1}}
.notice{background:var(--gold-soft);border-left:3px solid var(--gold);padding:1rem 1.2rem;font-size:.92rem;margin:1.5rem 0 0;border-radius:2px}
.pj-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:start}
@media (max-width:900px){.pj-grid{grid-template-columns:1fr}}
.pj-aside{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.5rem;position:sticky;top:100px}
@media (max-width:900px){.pj-aside{position:static}}
.dev-hero-logo{max-height:70px;width:auto;margin-bottom:1rem}
.facts{margin:0}
.fact{display:grid;grid-template-columns:42% 1fr;gap:.8rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.fact:last-child{border-bottom:0}
.fact dt{font-size:.78rem;color:var(--muted);font-weight:600;letter-spacing:.02em}
.fact dd{margin:0;font-size:.92rem;color:var(--ink)}
.src{font-size:.75rem;color:var(--muted);margin-top:1rem}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.2rem}
.chip{padding:.4em .8em;border:1px solid var(--line-2);border-radius:999px;font-size:.82rem;background:#fff}
.ticks{list-style:none;padding:0;margin:0}
.ticks li{position:relative;padding:.55em 0 .55em 1.6em;border-bottom:1px solid var(--line)}
.ticks li::before{content:"";position:absolute;left:0;top:1.05em;width:.8em;height:1px;background:var(--gold)}
.ticks.cols{columns:2;column-gap:3rem}
.ticks.cols li{break-inside:avoid}
@media (max-width:700px){.ticks.cols{columns:1}}
.pills{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}
.pills li{padding:.6em 1em;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:.9rem}
.plain{list-style:none;padding:0;margin:0}
.plain li{padding:.5em 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:.6rem;align-items:center;font-size:.92rem}
.plain li:last-child{border-bottom:0}
.plain a{text-decoration:none;color:var(--ink)}.plain a:hover{color:var(--gold-deep)}
.arrows a::after{content:" →";color:var(--gold-deep)}
.plain .badge{font-size:.56rem}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.gallery .g-i{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--r);background:var(--ink)}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gallery .g-i:hover img{transform:scale(1.04)}
@media (max-width:700px){.gallery{grid-template-columns:1fr 1fr}}
.logo-row{display:flex;flex-wrap:wrap;gap:1rem}
.other-logo{height:90px;width:auto;background:#fff;border:1px solid var(--line);padding:.6rem;border-radius:var(--r)}
.empty{background:#fff;border:1px dashed var(--line-2);border-radius:var(--r);padding:2rem;max-width:760px}
.empty p{color:var(--ink-3)}
.empty-in{margin-top:2rem}
.tile-static{cursor:default}

/* awards */
.awards{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.awards figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.awards img{width:100%;aspect-ratio:3/4;object-fit:cover}
.awards figcaption{font-size:.76rem;color:var(--muted);padding:.6rem .7rem .8rem;line-height:1.45}
@media (max-width:1000px){.awards{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.awards{grid-template-columns:repeat(2,1fr)}}

/* filters */
.filters{display:grid;grid-template-columns:repeat(4,1fr) 1.3fr;gap:.7rem;margin-bottom:1rem}
.filters label{display:grid;gap:.3rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media (max-width:1000px){.filters{grid-template-columns:1fr 1fr}.f-q{grid-column:1/-1}}
.f-count{font-size:.85rem;color:var(--muted);margin:0 0 1.2rem}

/* contact */
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media (max-width:1000px){.contact-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.contact-grid{grid-template-columns:1fr}}
.c-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--r);padding:1.4rem;display:flex;flex-direction:column;align-items:flex-start}
.c-card h2{font:700 .72rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 .8rem}
.c-big{font:600 1.45rem/1.2 var(--serif);color:var(--ink);margin:0 0 .4rem;word-break:break-word}
.c-big a{text-decoration:none}
.c-card p{margin:0 0 1rem;color:var(--muted);font-size:.9rem}
.c-card .btn{margin-top:auto}

/* article */
.art-h{padding-top:2rem;padding-bottom:1rem}

/* footer */
.ftr{background:var(--ink);color:#b9c1cc;padding:64px 0 100px;font-size:.9rem;margin-top:0}
.ftr a{color:#e3e7ee;text-decoration:none}.ftr a:hover{color:var(--gold-bright)}
.ftr-top{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.12)}
.brand-ftr{color:#fff}.brand-ftr .brand-t small{color:var(--gold-bright)}
.ftr-cta{display:flex;gap:.6rem;flex-wrap:wrap}
.ftr-grid{display:grid;grid-template-columns:1.2fr 1.5fr 1fr 1fr;gap:2rem;padding:2.2rem 0}
.ftr h3{font:700 .7rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright);margin:0 0 1rem}
.ftr ul{list-style:none;padding:0;margin:0}.ftr li{margin:.4rem 0}
.ftr .cols2{columns:2;column-gap:1.5rem}
.ftr p{margin:0 0 .9rem}
.disclaimer{font-size:.76rem;line-height:1.6;color:#8d97a5;border-top:1px solid rgba(255,255,255,.12);padding-top:1.4rem}
.ftr-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.8rem;font-size:.78rem;color:#8d97a5;padding-top:1rem}
@media (max-width:900px){.ftr-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ftr-grid{grid-template-columns:1fr}}

/* sticky mobile bar */
.mbar{display:none}
@media (max-width:900px){
  .mbar{display:grid;grid-template-columns:1fr 1.25fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line-2);box-shadow:0 -6px 24px rgba(15,28,46,.1);padding-bottom:env(safe-area-inset-bottom)}
  .mbar a{display:flex;align-items:center;justify-content:center;gap:.4em;padding:.95em .4em;font-weight:700;font-size:.9rem;text-decoration:none;color:var(--ink)}
  .mbar svg{width:1.2em;height:1.2em}
  .mbar-wa{background:var(--wa);color:#fff!important}
  .mbar-enq{background:var(--ink);color:#fff!important}
  .ftr{padding-bottom:120px}
}

/* lightbox */
.lb{position:fixed;inset:0;background:rgba(10,16,26,.92);z-index:90;display:flex;align-items:center;justify-content:center;padding:4vw;cursor:zoom-out}
.lb img{max-height:90vh;width:auto;max-width:100%}

/* reveal */
@media (prefers-reduced-motion:no-preference){.rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.rv.in{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media (max-width:640px){.grid.scroll{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1*var(--gut));padding:0 var(--gut) 8px;scrollbar-width:none}.grid.scroll::-webkit-scrollbar{display:none}.grid.scroll>*{scroll-snap-align:start}}
.prose>.eyebrow+.h2,.prose>.eyebrow+h2{margin-top:0}
body.nav-open .hdr{z-index:80;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--paper)}
.prose>h2:first-child,.prose>.h2:first-child{margin-top:0}
.phero-dev .phero-in{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}
.phero-logo{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.6rem 2rem;max-width:300px}
.phero-logo img{max-height:120px;width:auto}
@media (max-width:800px){.phero-dev .phero-in{grid-template-columns:1fr}.phero-logo{order:-1;padding:1rem 1.2rem;max-width:200px}.phero-logo img{max-height:70px}}

/* ===== corrections v2 ===== */
.topbar .tb-l{color:#9aa4b2;margin-right:.2rem}
@media (max-width:720px){.topbar .tb-l{display:none}}
/* homepage hero: text on its own panel, illustration beside it (never behind text) */
.hero2{background:linear-gradient(180deg,#0d1828 0%,#132238 100%);color:#fff;padding:clamp(36px,5vw,72px) 0 clamp(28px,4vw,48px)}
.hero2-in{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.hero2-copy .hero-h{max-width:none;font-size:clamp(2.3rem,5vw,4.4rem)}
.hero-tag{font:600 clamp(1.15rem,1.9vw,1.45rem)/1.35 var(--serif);color:var(--gold-soft);margin:0 0 .9rem;max-width:34ch;padding-left:.9rem;border-left:2px solid var(--gold-bright)}
.hero2-art{margin:0;border-radius:var(--r);overflow:hidden;border:1px solid rgba(233,181,38,.35);box-shadow:0 30px 70px rgba(0,0,0,.35);aspect-ratio:1200/760;background:#0d1a2c}
.hero2-art img{width:100%;height:100%;object-fit:cover}
.hero2-search{margin-top:clamp(1.6rem,3vw,2.4rem)}
.search-h{font:700 .7rem/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#aab3c0;margin:0 0 .6rem}
.search,.filters{display:grid;gap:.7rem;align-items:end}
.search{grid-template-columns:1.2fr 1.3fr 1.2fr auto;background:#fff;color:var(--ink);border-radius:var(--r);padding:1rem;box-shadow:0 20px 60px rgba(0,0,0,.25);max-width:none}
.search label,.filters label{display:grid;gap:.3rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.search select{width:100%}
.search .btn{min-height:48px;justify-content:center}
.filters{grid-template-columns:1.2fr 1.3fr 1.2fr 1fr 1.2fr}
@media (max-width:1000px){.hero2-in{grid-template-columns:1fr}.search{grid-template-columns:1fr 1fr}.search .btn{grid-column:1/-1}.filters{grid-template-columns:1fr 1fr}.filters .f-q{grid-column:1/-1}}
@media (max-width:560px){.search,.filters{grid-template-columns:1fr}}
/* cards: status badge sits in the card body, not on the image */
.card-status{margin:0 0 .55rem;min-height:1.4rem}
.card-media .badge{display:none}
.rot-hide{display:none}
.grid.scroll.rotate{}
/* guide cards in search results */
.card.guide{border-top:3px solid var(--gold)}
.card.guide .card-body{display:flex;flex-direction:column;gap:.2rem;height:100%}
.card.guide .more{margin-top:auto;align-self:flex-start}
.finder-f{display:grid;gap:.6rem;margin:.6rem 0}
.finder-f label{display:grid;gap:.25rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.finder-f select{width:100%;padding:.7em .8em;border:1px solid var(--line-2);border-radius:var(--r);background:#fff;min-height:44px}
/* developer logos: consistent box, original proportions */
.dev-logo-wrap{height:84px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:3px;padding:12px 16px}
.dev-logo-wrap.is-dark{background:var(--ink);border-color:var(--ink)}
.dev-logo{max-height:56px;max-width:100%;width:auto;height:auto;object-fit:contain}
.dev-logo-wrap.is-text{background:var(--paper)}
.dev-wordmark{font:600 1.3rem/1.1 var(--serif);color:var(--ink);text-align:center;letter-spacing:.01em}
.dev-card{gap:.8rem}
/* logo chips (project pages, placeholders) */
.logo-chip,.pj-logo,.ph-chip{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:3px;padding:8px 12px}
.logo-chip.is-dark,.pj-logo.is-dark,.ph-chip.is-dark{background:var(--ink);border-color:var(--ink)}
.chip-img{max-height:44px;max-width:180px;width:auto;height:auto;object-fit:contain}
.pj-logos{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}
.pj-logo-dev .chip-img{max-height:30px;max-width:130px}
.ph .ph-chip{margin:.2rem 0 .4rem;position:relative}
.ph .ph-chip .chip-img{max-height:64px;max-width:200px}
.ph-sm .ph-chip .chip-img{max-height:52px;max-width:170px}
/* page hero: split layout so images never sit behind text */
.phero-split .phero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.phero-fig{margin:0;border-radius:var(--r);overflow:hidden;background:var(--ink);aspect-ratio:4/3}
.phero-fig img{width:100%;height:100%;object-fit:cover}
.phero-fig figcaption{font-size:.72rem;color:var(--muted);padding:.5rem 0 0;background:var(--paper)}
.phero-fig{aspect-ratio:auto}.phero-fig img{aspect-ratio:4/3}
.phero-logo{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.6rem 2rem;display:flex;align-items:center;justify-content:center;max-width:340px;justify-self:end}
.phero-logo.is-dark{background:var(--ink);border-color:var(--ink)}
.phero-logo img{max-height:110px;max-width:100%;width:auto;height:auto}
@media (max-width:900px){.phero-split .phero-in{grid-template-columns:1fr}.phero-logo{justify-self:start;order:-1;padding:1rem 1.2rem;max-width:240px}.phero-logo img{max-height:64px}}
/* Dubai developer tiles */
.dubai-dev{display:flex!important;align-items:center;gap:1rem;padding:.8rem 1rem!important}
.dubai-logo{flex:none;width:132px;height:52px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:3px;padding:6px 10px}
.dubai-logo.is-dark{background:#0a1422;border:1px solid rgba(255,255,255,.15)}
.dubai-logo img{max-height:36px;max-width:112px;width:auto;height:auto}
.dubai-meta{display:flex;flex-direction:column;gap:.15rem;text-align:left}
.dubai-meta span{text-align:left!important}
.c-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}
.contact-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
.sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.brand-ftr{max-width:100%}.brand-ftr .brand-t{min-width:0}.brand-ftr .brand-t small{line-height:1.5;letter-spacing:.14em;white-space:normal}
.ph-sm .ph-name{font-size:1.35rem}.ph-sm{padding:1rem;overflow:hidden}
@media (max-width:640px){.grid.scroll{scroll-padding-inline:var(--gut)}.stats b{font-size:1.6rem}}
[hidden]{display:none!important}
.filters input{min-height:48px}.dev-logo{max-height:50px;max-width:80%}

/* ===== homepage hero v3: light, photographic, text never over images ===== */
.hero3{background:var(--paper);padding:clamp(40px,6vw,88px) 0 clamp(40px,5vw,64px);border-bottom:1px solid var(--line)}
.hero3-in{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.hero3-copy .eyebrow{margin-bottom:1.1rem}
.hero3-h{font:500 clamp(2.4rem,4.6vw,4rem)/1.05 var(--serif);color:var(--ink);margin:0 0 1.3rem;letter-spacing:-.01em}
.hero3-h em{font-style:italic;color:var(--gold-deep);font-weight:500}
.hero3-tag{font:600 .82rem/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0 0 1rem;padding-top:1rem;border-top:1px solid var(--line-2);max-width:44ch}
.hero3-lead{font-size:1.05rem;line-height:1.7;color:var(--muted);margin:0 0 1.8rem;max-width:46ch}
.hm-mosaic{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:5/4}
.hm-mosaic figure{margin:0;overflow:hidden;border-radius:4px;background:var(--line)}
.hm-mosaic img{width:100%;height:100%;object-fit:cover;display:block}
.hm-a{grid-row:1/3}
.hero3-search{margin-top:clamp(2rem,4vw,3.2rem)}
.hero3 .search-h{color:var(--muted)}
.hero3 .search{box-shadow:0 10px 40px rgba(15,28,46,.08);border:1px solid var(--line)}
@media (max-width:1000px){.hero3-in{grid-template-columns:1fr}.hm-mosaic{aspect-ratio:16/11}}
@media (max-width:560px){.hm-mosaic{gap:8px}.hero3-h{font-size:2.3rem}}
@media (min-width:1001px){.hero3-in{grid-template-columns:1.1fr 1fr}}
.hero3-h{font-size:clamp(2.4rem,4.2vw,3.7rem)}
.hm-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:1.35fr 1fr;aspect-ratio:6/5}
.hm-a{grid-row:auto;grid-column:1/3}
.hm-a img{object-position:50% 70%}
@media (max-width:1000px){.hm-mosaic{aspect-ratio:4/3}}