/* =========================================================
   SIPL Group — corporate website prototype
   Design tokens: deep navy / charcoal + Kashi gold (saffron removed, Amit #13)
   ========================================================= */
:root{
  --navy-950:#07111f;
  --navy-900:#0b1a2e;
  --navy-800:#12253f;
  --navy-700:#1b3354;
  --charcoal:#1d232b;
  --ink:#16202c;
  --body:#3c4652;
  --muted:#5a636e;
  --line:#e4ddd0;
  --ivory:#f8f4ec;
  --sand:#efe7d8;
  --white:#ffffff;
  --gold:#c9a24a;
  --gold-600:#8a6a22;   /* dark gold: text/UI on ivory & white only (AA) */
  --gold-700:#7a5c1c;   /* dark gold on sand */
  --gold-line:#8a6a22;  /* gold UI lines on light backgrounds (>=3:1) */
  --gold-300:#e2c886;
  --label:var(--charcoal);   /* small uppercase labels */
  --focus:#1b3354;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 10px rgba(11,26,46,.06);
  --shadow:0 18px 50px -20px rgba(11,26,46,.28);
  --shadow-lg:0 40px 80px -30px rgba(7,17,31,.45);
  --ff-serif:"Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  --ff-sans:"Manrope", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --container:1240px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --header-h:84px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--ff-sans);font-size:16.5px;line-height:1.7;color:var(--body);background:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--ff-serif);color:var(--ink);font-weight:600;line-height:1.08;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(2.6rem,6vw,5.2rem)}
h2{font-size:clamp(2.1rem,4.2vw,3.5rem)}
h3{font-size:clamp(1.45rem,2.2vw,1.9rem)}
h4{font-size:1.25rem}
p{margin:0 0 1.1em}
.lead{font-size:clamp(1.05rem,1.4vw,1.22rem);color:var(--body);max-width:62ch}
.serif{font-family:var(--ff-serif)}
em.accent,.accent{color:var(--gold-600);font-style:italic}
.on-dark .accent,.on-dark em.accent{color:var(--gold-300)}
.container{width:min(100% - 2.5rem,var(--container));margin-inline:auto}
.narrow{max-width:820px}
.section{padding:clamp(4.5rem,9vw,8.5rem) 0}
.section-sm{padding:clamp(3rem,6vw,5rem) 0}
.bg-ivory{background:var(--ivory)}
.bg-sand{background:var(--sand)}
.bg-navy{background:var(--navy-900)}
.on-dark{color:#c9d2de}
.on-dark h1,.on-dark h2,.on-dark h3,.on-dark h4{color:#fff}
.skip-link{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--navy-950);padding:.7rem 1rem;z-index:999;border-radius:0 0 8px 0;font-weight:700}
.skip-link:focus{left:0}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}

/* Eyebrow / labels */
.eyebrow{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--ff-sans);font-size:.76rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--label);margin-bottom:1.2rem}
.eyebrow::before{content:"";width:34px;height:1px;background:currentColor}
.on-dark .eyebrow{color:var(--gold-300)}
.center .eyebrow{justify-content:center}
.center .eyebrow::after{content:"";width:34px;height:1px;background:currentColor}
.center{text-align:center}
.center .lead{margin-inline:auto}
.section-head{max-width:760px;margin-bottom:clamp(2.5rem,5vw,4rem)}
.section-head.center{margin-inline:auto}
.split-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:clamp(2.5rem,5vw,4rem)}
.split-head .section-head{margin-bottom:0}

/* Placeholder markers (for CMD to fill) */
.tbd{background:rgba(29,35,43,.08);color:var(--label);border-bottom:1px dashed var(--charcoal);padding:0 .25em;border-radius:3px;font-style:normal;white-space:nowrap}
.on-dark .tbd{background:rgba(226,200,134,.14);color:var(--gold-300);border-color:var(--gold-300)}
.ph-img{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:
  repeating-linear-gradient(135deg,rgba(201,162,74,.10) 0 12px,transparent 12px 24px),linear-gradient(160deg,var(--navy-800),var(--navy-950));color:var(--gold-300);border:1.5px dashed rgba(226,200,134,.55);border-radius:var(--radius);min-height:220px;padding:1.5rem;overflow:hidden}
.ph-img span{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1.5;max-width:26ch}
.ph-img span::before{content:"◇ Placeholder";display:block;font-family:var(--ff-serif);font-size:1.3rem;letter-spacing:0;text-transform:none;font-style:italic;color:#fff;margin-bottom:.4rem}
.ph-img.light{background:repeating-linear-gradient(135deg,rgba(201,162,74,.12) 0 12px,transparent 12px 24px),var(--sand);color:var(--label);border-color:rgba(29,35,43,.35)}
.ph-img.light span::before{color:var(--ink)}
.ph-note{font-size:.8rem;color:var(--muted);font-style:italic}

/* Buttons */
.btn{--bg:var(--gold);--fg:var(--navy-950);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 1.6rem;border-radius:999px;background:var(--bg);color:var(--fg);font-weight:700;font-size:.92rem;letter-spacing:.04em;border:1px solid transparent;cursor:pointer;transition:transform .35s var(--ease),background .3s,color .3s,box-shadow .35s;white-space:nowrap}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(201,162,74,.7)}
.btn svg{width:18px;height:18px;transition:transform .35s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn-ghost{--bg:transparent;--fg:#fff;border-color:rgba(255,255,255,.45)}
.btn-ghost:hover{--bg:#fff;--fg:var(--navy-950);box-shadow:none}
.btn-dark{--bg:var(--navy-900);--fg:#fff}
.btn-dark:hover{--bg:var(--navy-700);box-shadow:var(--shadow)}
.btn-outline{--bg:transparent;--fg:var(--ink);border-color:var(--ink)}
.btn-outline:hover{--bg:var(--ink);--fg:#fff;box-shadow:none}
.link-arrow{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--gold-line);padding-bottom:.25rem;transition:gap .3s var(--ease),color .3s}
.link-arrow:hover{gap:.9rem;color:var(--gold-600)}
.on-dark .link-arrow{color:#fff}
.btn-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}

/* Header */
.site-header{position:fixed;inset:0 0 auto 0;z-index:100;height:var(--header-h);display:flex;align-items:center;transition:background .4s,box-shadow .4s,height .4s,backdrop-filter .4s}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.site-header.is-solid,.site-header.always-solid{background:rgba(7,17,31,.92);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.06);--header-h:70px}
.brand{display:flex;align-items:center;gap:.8rem;flex-shrink:0}
.brand img{height:42px;width:auto;transition:height .4s}
.is-solid .brand img{height:36px}
.nav{display:flex;align-items:center;gap:.25rem}
.nav a{position:relative;color:#e8edf3;font-size:.88rem;font-weight:600;letter-spacing:.03em;padding:.55rem .85rem;border-radius:999px;transition:color .3s}
.nav a::after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.25rem;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.nav a:hover,.nav a[aria-current="page"]{color:var(--gold-300)}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.header-cta{display:flex;align-items:center;gap:1rem}
.header-cta .tel{color:#e8edf3;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.45rem}
.header-cta .tel svg{width:16px;height:16px;color:var(--gold)}
.header-cta .btn{padding:.72rem 1.2rem;font-size:.82rem}
.menu-toggle{display:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;position:relative}
.menu-toggle span{position:absolute;left:13px;right:13px;height:1.5px;background:#fff;transition:transform .35s var(--ease),opacity .25s}
.menu-toggle span:nth-child(1){top:17px}.menu-toggle span:nth-child(2){top:22.5px}.menu-toggle span:nth-child(3){top:28px}
.menu-open .menu-toggle span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.menu-open .menu-toggle span:nth-child(2){opacity:0}
.menu-open .menu-toggle span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
.mobile-nav{position:fixed;inset:0;z-index:90;background:var(--navy-950);padding:calc(var(--header-h) + 2rem) 1.6rem 2rem;display:flex;flex-direction:column;gap:.2rem;transform:translateY(-100%);transition:transform .55s var(--ease);visibility:hidden;overflow-y:auto}
.menu-open .mobile-nav{transform:none;visibility:visible}
.mobile-nav a{font-family:var(--ff-serif);font-size:2rem;color:#fff;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}
.mobile-nav a[aria-current="page"]{color:var(--gold-300)}
.mobile-nav .mobile-meta{margin-top:auto;padding-top:2rem;color:#9fb0c4;font-size:.95rem}
.mobile-nav .mobile-meta a{font-family:var(--ff-sans);font-size:1rem;border:0;color:var(--gold-300);display:inline}
body.menu-open{overflow:hidden}

/* Hero */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--navy-950)}
.hero-media{position:absolute;inset:0}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;transform:scale(1.08);animation:heroZoom 14s var(--ease) forwards}
@keyframes heroZoom{to{transform:scale(1)}}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,17,31,.94) 0%,rgba(7,17,31,.78) 38%,rgba(7,17,31,.25) 70%,rgba(7,17,31,.1) 100%),linear-gradient(0deg,rgba(7,17,31,.9) 0%,rgba(7,17,31,0) 45%)}
.hero .container{position:relative;z-index:2;padding-bottom:clamp(2.5rem,6vw,4.5rem);padding-top:calc(var(--header-h) + 3rem)}
.hero h1{color:#fff;max-width:13ch;margin-bottom:1.5rem}
.hero h1 .accent{color:var(--gold-300)}
.hero .lead{color:#d6dee8;max-width:54ch;margin-bottom:2.2rem}
.hero-facts{margin-top:clamp(2.5rem,6vw,4.5rem);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18)}
.hero-facts div{padding:1.4rem 1.5rem 0 0}
.hero-facts div+div{padding-left:1.5rem;border-left:1px solid rgba(255,255,255,.12)}
.hero-facts strong{display:block;font-family:var(--ff-serif);font-size:clamp(1.9rem,3vw,2.7rem);font-weight:600;color:#fff;line-height:1}
.hero-facts span{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#a9b7c8}
.scroll-cue{position:absolute;right:2.5rem;bottom:2.5rem;z-index:2;writing-mode:vertical-rl;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:#a9b7c8;display:flex;align-items:center;gap:1rem}
.scroll-cue::after{content:"";width:1px;height:60px;background:linear-gradient(var(--gold),transparent);animation:cue 2.2s infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* Page hero (inner pages) */
.page-hero{position:relative;padding:calc(var(--header-h) + clamp(4rem,9vw,7rem)) 0 clamp(3.5rem,7vw,5.5rem);background:var(--navy-950);color:#c9d2de;overflow:hidden}
.page-hero.has-img::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,17,31,.95) 0%,rgba(7,17,31,.8) 45%,rgba(7,17,31,.45) 100%)}
.page-hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{color:#fff;font-size:clamp(2.6rem,5.5vw,4.6rem);max-width:16ch}
.page-hero .lead{color:#d0d9e4}
.breadcrumb{display:flex;gap:.6rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#93a3b7;margin-bottom:1.6rem}
.breadcrumb a:hover{color:var(--gold-300)}
.breadcrumb span[aria-hidden]{color:var(--gold)}
.mandala{position:absolute;right:-180px;top:50%;transform:translateY(-50%);width:620px;height:620px;opacity:.09;z-index:1;pointer-events:none}

/* Grid helpers */
.grid{display:grid;gap:clamp(1.25rem,2.5vw,2rem)}
.g-2{grid-template-columns:repeat(2,1fr)}
.g-3{grid-template-columns:repeat(3,1fr)}
.g-4{grid-template-columns:repeat(4,1fr)}
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(2.5rem,6vw,6rem);align-items:center}
.split.rev{grid-template-columns:1fr 1.05fr}
.split.rev>:first-child{order:2}

/* Story / media frame */
.frame{position:relative}
.frame img{border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;aspect-ratio:4/5;object-fit:cover}
.frame .frame-badge{position:absolute;left:-1.5rem;bottom:2rem;background:var(--navy-900);color:#fff;padding:1.3rem 1.5rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:230px}
.frame .frame-badge strong{font-family:var(--ff-serif);font-size:2.6rem;line-height:1;display:block;color:var(--gold-300)}
.frame .frame-badge span{font-size:.8rem;letter-spacing:.08em;color:#b8c4d3}
.frame::before{content:"";position:absolute;inset:1.5rem -1.5rem -1.5rem 1.5rem;border:1px solid var(--gold-line);border-radius:var(--radius-lg);z-index:-1}
.pillars{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.8rem 0 2.2rem;padding:0;list-style:none}
.pillars li{border:1px solid var(--line);padding:.45rem 1rem;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--ink);background:#fff}
.signature{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}
.signature .avatar{width:56px;height:56px;border-radius:50%;flex-shrink:0}
.signature strong{display:block;color:var(--ink);font-family:var(--ff-serif);font-size:1.3rem}
.signature span{font-size:.85rem;color:var(--muted)}

/* Vertical cards */
.vcard{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:520px;display:flex;align-items:flex-end;color:#fff;isolation:isolate;box-shadow:var(--shadow)}
.vcard>img,.vcard>.ph-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease);border-radius:0;border:0}
.vcard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,17,31,.95) 0%,rgba(7,17,31,.35) 55%,rgba(7,17,31,.05) 100%)}
.vcard:hover>img{transform:scale(1.06)}
.vcard .vbody{padding:2rem}
.vcard .num{font-family:var(--ff-serif);font-size:1rem;color:var(--gold-300);letter-spacing:.1em}
.vcard h3{color:#fff;margin:.4rem 0 .6rem}
.vcard p{color:#cdd6e1;font-size:.95rem;margin-bottom:1.2rem}
.vcard .ph-img span{position:absolute;top:1.5rem;left:1.5rem;right:1.5rem;text-align:left}

/* Flagship */
.flagship{position:relative;overflow:hidden}
.flag-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.flag-media{position:relative}
.flag-media .main{border-radius:var(--radius-lg);aspect-ratio:16/11;object-fit:cover;width:100%;box-shadow:var(--shadow-lg)}
.flag-media .inset{position:absolute;right:-2rem;bottom:-2.5rem;width:42%;border-radius:var(--radius);border:6px solid var(--navy-900);aspect-ratio:1/1;object-fit:cover;box-shadow:var(--shadow-lg)}
.igbc-chip{position:absolute;left:1.2rem;top:1.2rem;display:flex;align-items:center;gap:.7rem;background:rgba(255,255,255,.95);padding:.5rem .9rem .5rem .5rem;border-radius:999px;box-shadow:var(--shadow-sm);color:var(--ink);font-size:.78rem;font-weight:700;letter-spacing:.04em}
.igbc-chip img{width:34px;height:34px;border-radius:50%}
.spec-list{list-style:none;padding:0;margin:2rem 0;display:grid;grid-template-columns:1fr 1fr;gap:0}
.spec-list li{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}
.spec-list li:nth-child(odd){padding-right:1rem}
.spec-list strong{display:block;font-family:var(--ff-serif);font-size:1.6rem;color:#fff;line-height:1.1;font-weight:600}
.spec-list span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#93a3b7}
.bg-light .spec-list li,.spec-list.light li{border-color:var(--line)}
.spec-list.light strong{color:var(--ink)}
.spec-list.light span{color:var(--muted)}
.rera-line{display:inline-flex;gap:.6rem;align-items:center;font-size:.8rem;letter-spacing:.08em;color:#a9b7c8;border:1px solid rgba(255,255,255,.15);padding:.45rem .9rem;border-radius:999px;margin-bottom:1.6rem}
.rera-line b{color:var(--gold-300);font-weight:700}

/* Pipeline cards */
.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s}
.pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.pcard .pmedia{position:relative;aspect-ratio:16/11;overflow:hidden}
.pcard .pmedia img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.pcard:hover .pmedia img{transform:scale(1.05)}
.pcard .pmedia .ph-img{height:100%;border-radius:0;border:0;min-height:0}
.tag{position:absolute;left:1rem;top:1rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:.4rem .8rem;border-radius:999px;background:var(--gold);color:var(--navy-950);z-index:2}
.tag.upcoming{background:#fff;color:var(--navy-900)}
.tag.hosp{background:var(--navy-800);color:#fff}
.tag.plan{background:var(--navy-900);color:var(--gold-300);border:1px solid rgba(226,200,134,.5)}
.pcard .pbody{padding:1.6rem 1.6rem 1.8rem;display:flex;flex-direction:column;flex:1}
.pcard .ptype{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--label);font-weight:700;margin-bottom:.4rem}
.pcard h3{font-size:1.75rem;margin-bottom:.5rem}
.pcard p{font-size:.95rem;margin-bottom:1.2rem}
.pmeta{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin:0 0 1.4rem;padding:1rem 0 0;border-top:1px solid var(--line);font-size:.84rem;color:var(--muted);list-style:none}
.pmeta li{display:flex;align-items:center;gap:.4rem}
.pmeta li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold)}
.pcard .link-arrow{margin-top:auto;align-self:flex-start}

/* Why SIPL */
.why{counter-reset:why}
.why-item{padding:2.2rem 2rem;border-radius:var(--radius-lg);border:1px solid var(--line);background:#fff;position:relative;transition:border-color .4s,transform .5s var(--ease),box-shadow .5s}
.why-item:hover{border-color:var(--gold-line);transform:translateY(-4px);box-shadow:var(--shadow)}
.why-item .ico{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:var(--ivory);color:var(--gold-600);margin-bottom:1.4rem}
.why-item .ico svg{width:26px;height:26px}
.why-item h4{font-size:1.45rem;margin-bottom:.5rem}
.why-item p{font-size:.95rem;margin:0}
.on-dark .why-item{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1)}
.on-dark .why-item .ico{background:rgba(201,162,74,.12);color:var(--gold-300)}
.on-dark .why-item p{color:#b6c2d1}

/* Stats band */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{padding:2.2rem 1.5rem;text-align:center}
.stat+.stat{border-left:1px solid var(--line)}
.stat strong{display:block;font-family:var(--ff-serif);font-size:clamp(2.4rem,4vw,3.4rem);color:var(--ink);line-height:1;font-weight:600}
.stat span{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* CTA band */
.cta-band{position:relative;border-radius:28px;overflow:hidden;padding:clamp(3rem,7vw,5.5rem);background:var(--navy-900);color:#c9d2de;isolation:isolate}
.cta-band::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 400px at 100% 0%,rgba(201,162,74,.28),transparent 60%),radial-gradient(600px 300px at 0% 100%,rgba(232,120,42,.18),transparent 60%)}
.cta-band h2{color:#fff;max-width:18ch}
.cta-band .grid{align-items:end}
.cta-options{display:grid;gap:1rem}
.cta-opt{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 1.5rem;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);transition:background .35s,border-color .35s}
.cta-opt:hover{background:rgba(255,255,255,.05);border-color:var(--gold)}
.cta-opt strong{display:block;color:#fff;font-family:var(--ff-serif);font-size:1.4rem;font-weight:600}
.cta-opt span{font-size:.88rem;color:#a9b7c8}
.cta-opt svg{width:22px;height:22px;color:var(--gold-300);flex-shrink:0}

/* Timeline */
.timeline{position:relative;margin:0;padding:0;list-style:none}
.timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(var(--gold),var(--line))}
.timeline li{position:relative;width:50%;padding:0 3rem 3rem 0}
.timeline li:nth-child(even){margin-left:50%;padding:0 0 3rem 3rem}
.timeline li::before{content:"";position:absolute;top:.5rem;right:-7px;width:13px;height:13px;border-radius:50%;background:var(--white);border:2px solid var(--gold-line);box-shadow:0 0 0 5px var(--white)}
.timeline li:nth-child(even)::before{right:auto;left:-6px}
.timeline li:nth-child(odd){text-align:right}
.timeline .yr{font-family:var(--ff-serif);font-size:2.4rem;color:var(--gold-600);line-height:1;font-weight:600}
.timeline h4{margin:.4rem 0 .3rem;font-size:1.4rem}
.timeline p{font-size:.95rem;margin:0}
.timeline li.future::before{background:var(--gold)}
.timeline .chip{display:inline-block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--label);margin-top:.5rem}

/* Leadership */
.leader{display:flex;flex-direction:column}
.leader .ph-img,.leader img{aspect-ratio:4/5;min-height:0;border-radius:var(--radius-lg)}
.leader h4{font-size:1.6rem;margin:1.3rem 0 .2rem}
.leader .role{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--label);font-weight:700;margin-bottom:.8rem}
.leader p{font-size:.94rem}
.team-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.team-list div{padding:1.4rem 1.2rem 1.4rem 0;border-bottom:1px solid var(--line)}
.team-list strong{display:block;color:var(--ink);font-weight:700}
.team-list span{font-size:.86rem;color:var(--muted)}

/* Companies */
.company{padding:2rem;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line);position:relative;overflow:hidden}
.company::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;border:1px solid rgba(201,162,74,.35)}
.company .k{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--label)}
.company h4{font-size:1.5rem;margin:.6rem 0 .5rem}
.company p{font-size:.92rem;margin-bottom:.8rem}
.company small{font-size:.76rem;color:var(--muted);letter-spacing:.02em;display:block}
.company.parent{background:var(--navy-900);border-color:var(--navy-900);color:#c9d2de}
.company.parent h4{color:#fff}
.company.parent .k{color:var(--gold-300)}
.company.parent small{color:#93a3b7}

/* Filters */
.filters{display:flex;flex-wrap:wrap;gap:.6rem}
.filter-btn{border:1px solid var(--line);background:#fff;padding:.65rem 1.2rem;border-radius:999px;font-size:.86rem;font-weight:700;cursor:pointer;color:var(--ink);transition:all .3s}
.filter-btn:hover{border-color:var(--gold-line)}
.filter-btn[aria-pressed="true"]{background:var(--navy-900);color:#fff;border-color:var(--navy-900)}
.filter-btn .count{opacity:.6;margin-left:.3rem;font-weight:600}
.pgrid .pcard{transition:opacity .4s,transform .5s var(--ease),box-shadow .5s}
.pgrid .pcard.is-hidden{display:none}

/* Project detail */
.quick-facts{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-top:-3.5rem;position:relative;z-index:5}
.quick-facts div{padding:1.6rem 1.3rem}
.quick-facts div+div{border-left:1px solid var(--line)}
.quick-facts span{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-weight:700}
.quick-facts strong{font-family:var(--ff-serif);font-size:1.45rem;color:var(--ink);line-height:1.15;font-weight:600}
.rera-card{border:1px solid var(--gold-line);border-radius:var(--radius-lg);padding:2rem;background:linear-gradient(180deg,#fffaf0,#fff)}
.rera-card h4{font-size:1.5rem}
.rera-card dl{display:grid;grid-template-columns:auto 1fr;gap:.7rem 1.5rem;margin:1.2rem 0;font-size:.94rem}
.rera-card dt{color:var(--muted);font-weight:600}
.rera-card dd{margin:0;color:var(--ink);font-weight:700}
.amenities{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.amenities div{background:#fff;padding:1.4rem 1.3rem;display:flex;gap:.8rem;align-items:flex-start;font-weight:600;color:var(--ink);font-size:.95rem;line-height:1.35}
.amenities div::before{content:"";flex-shrink:0;width:8px;height:8px;margin-top:.4rem;transform:rotate(45deg);background:var(--gold)}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:1rem}
.gallery figure{margin:0;position:relative;overflow:hidden;border-radius:var(--radius);cursor:zoom-in}
.gallery figure.wide{grid-column:span 2}
.gallery figure.tall{grid-row:span 2}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.gallery figure:hover img{transform:scale(1.06)}
.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:2rem 1rem .8rem;background:linear-gradient(0deg,rgba(7,17,31,.85),transparent);color:#fff;font-size:.82rem;font-weight:600;letter-spacing:.04em}
.config-table{width:100%;border-collapse:collapse;font-size:.95rem}
.config-table th,.config-table td{padding:1rem 1rem;text-align:left;border-bottom:1px solid var(--line)}
.config-table th{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.config-table td strong{font-family:var(--ff-serif);font-size:1.3rem;color:var(--ink)}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff}

/* Construction updates */
.cu-progress{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 1.8rem;background:var(--navy-900);border-radius:var(--radius-lg);color:#c9d2de;margin-bottom:2.5rem;flex-wrap:wrap}
.cu-progress .bar{flex:1;min-width:200px;height:8px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.cu-progress .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold-600),var(--gold));border-radius:99px;transition:width 1.8s var(--ease)}
.cu-progress strong{color:#fff;font-family:var(--ff-serif);font-size:1.5rem}
.cu-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;scrollbar-width:thin}
.cu-item{scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.cu-item img,.cu-item .ph-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0;border-width:0 0 1.5px 0;min-height:0}
.cu-item .cu-body{padding:1.2rem 1.3rem 1.4rem}
.cu-item time{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--label);font-weight:700}
.cu-item h4{font-size:1.3rem;margin:.35rem 0 .3rem}
.cu-item p{font-size:.88rem;margin:0;color:var(--muted)}
.cu-nav{display:flex;gap:.6rem}
.cu-nav button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;display:grid;place-items:center;transition:all .3s}
.cu-nav button:hover{background:var(--navy-900);color:#fff;border-color:var(--navy-900)}
.cu-nav svg{width:18px;height:18px}

/* Forms */
.form-card{background:#fff;border-radius:var(--radius-lg);padding:clamp(1.6rem,4vw,2.8rem);box-shadow:var(--shadow);border:1px solid var(--line)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.2rem}
.form-grid .full{grid-column:1/-1}
.field label{display:block;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink);margin-bottom:.45rem}
.field input,.field select,.field textarea{width:100%;padding:.9rem 1rem;border:1px solid #d7cfbf;border-radius:10px;background:#fdfbf7;transition:border-color .3s,box-shadow .3s;font-size:.98rem}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold-line);box-shadow:0 0 0 4px rgba(201,162,74,.18);background:#fff}
.field .hint{font-size:.78rem;color:var(--muted);margin-top:.3rem}
.consent{display:flex;gap:.7rem;align-items:flex-start;font-size:.84rem;color:var(--muted)}
.consent input{margin-top:.3rem;accent-color:var(--navy-900)}
.form-status{display:none;margin-top:1rem;padding:1rem 1.2rem;border-radius:10px;background:#eef6ee;color:#1f5130;font-size:.92rem;font-weight:600}
.form-status.show{display:block}
.tabs{display:flex;gap:.4rem;padding:.35rem;background:var(--sand);border-radius:999px;width:max-content;max-width:100%;margin-bottom:1.8rem;flex-wrap:wrap}
.tabs button{border:0;background:transparent;padding:.7rem 1.3rem;border-radius:999px;font-weight:700;font-size:.88rem;cursor:pointer;color:var(--ink)}
.tabs button[aria-selected="true"]{background:var(--navy-900);color:#fff}
.tabpanel[hidden]{display:none}

/* Process steps */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{position:relative;padding:1.6rem 1.3rem;border-top:2px solid var(--gold);background:rgba(255,255,255,.03)}
.steps li::before{counter-increment:s;content:"0" counter(s);font-family:var(--ff-serif);font-size:2.2rem;color:var(--gold-300);display:block;line-height:1;margin-bottom:.8rem}
.steps h4{font-size:1.25rem;margin-bottom:.4rem}
.steps p{font-size:.88rem;margin:0}
.bg-ivory .steps li,.steps.light li{background:#fff}
.steps.light li::before{color:var(--gold-600)}

/* Model cards */
.model{padding:2.4rem 2rem;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}
.model .k{font-family:var(--ff-serif);font-style:italic;color:var(--gold-600);font-size:1.15rem}
.model h3{margin:.3rem 0 .8rem}
.model ul{padding:0;margin:0 0 1.5rem;list-style:none}
.model li{padding:.55rem 0 .55rem 1.6rem;position:relative;font-size:.95rem;border-bottom:1px dashed var(--line)}
.model li::before{content:"";position:absolute;left:0;top:1.05rem;width:10px;height:1.5px;background:var(--gold)}
.model .btn{margin-top:auto;align-self:flex-start}
.model.featured{background:var(--navy-900);border-color:var(--navy-900);color:#c9d2de}
.model.featured h3{color:#fff}
.model.featured .k{color:var(--gold-300)}
.model.featured li{border-color:rgba(255,255,255,.12)}

/* Trust strip */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.trust-item{display:flex;gap:1rem;align-items:flex-start;padding:1.4rem;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}
.trust-item img{width:52px;height:52px;border-radius:10px;object-fit:cover;flex-shrink:0}
.trust-item .ico{width:52px;height:52px;border-radius:12px;background:var(--ivory);display:grid;place-items:center;color:var(--gold-600);flex-shrink:0}
.trust-item .ico svg{width:24px;height:24px}
.trust-item strong{display:block;color:var(--ink);font-size:.98rem;line-height:1.3;margin-bottom:.2rem}
.trust-item span{font-size:.82rem;color:var(--muted);line-height:1.45;display:block}
.banks{display:flex;flex-wrap:wrap;gap:.6rem}
.banks span{padding:.55rem 1rem;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:700;font-size:.85rem;color:var(--ink)}

/* Jobs */
.job{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:1rem;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--line)}
.job h4{margin:0;font-size:1.4rem}
.job span{font-size:.9rem;color:var(--muted)}

/* Contact */
.office{padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--line);background:#fff;height:100%}
.office .k{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--label)}
.office h4{font-size:1.5rem;margin:.5rem 0 .6rem}
.office address{font-style:normal;margin-bottom:1rem}
.office a{color:var(--ink);font-weight:700;border-bottom:1px solid var(--gold-line)}
.map-wrap{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);background:var(--sand);min-height:420px}
.map-wrap iframe{width:100%;height:100%;min-height:420px;border:0;display:block;filter:grayscale(.3) contrast(1.05)}
.contact-line{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,.1)}
.contact-line svg{width:22px;height:22px;color:var(--gold-300);flex-shrink:0;margin-top:.2rem}
.contact-line strong{display:block;color:#fff}
.contact-line a:hover{color:var(--gold-300)}

/* Hospitality */
.hosp-hero-card{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);background:#fff}
.hosp-hero-card>img,.hosp-hero-card>.ph-img{width:100%;height:100%;object-fit:cover;min-height:420px;border-radius:0;border:0}
.hosp-hero-card .body{padding:clamp(2rem,5vw,3.5rem)}
.facilities{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}
.facilities span{padding:.5rem 1rem;border-radius:999px;background:var(--ivory);font-size:.85rem;font-weight:600;color:var(--ink)}
.rating{display:inline-flex;align-items:center;gap:.8rem;padding:.7rem 1.1rem;border:1px solid var(--line);border-radius:12px;margin-bottom:1.5rem}
.rating strong{font-family:var(--ff-serif);font-size:2rem;color:var(--ink);line-height:1}
.rating .stars{color:var(--gold);letter-spacing:.1em}
.rating small{display:block;font-size:.78rem;color:var(--muted)}

/* Notice */
.notice{display:flex;gap:1rem;padding:1.1rem 1.3rem;border-radius:12px;background:#fff7ec;border:1px solid #f1d3a8;color:#6a3e12;font-size:.9rem}
.notice svg{width:20px;height:20px;flex-shrink:0;margin-top:.15rem}

/* Footer */
.site-footer{background:var(--navy-950);color:#97a6b9;padding:clamp(4rem,8vw,6rem) 0 2rem;position:relative;overflow:hidden}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.08)}
.site-footer h5{font-family:var(--ff-sans);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-300);margin:0 0 1.2rem;font-weight:700}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin-bottom:.6rem}
.site-footer a:hover{color:#fff}
.site-footer .brand img{height:46px;margin-bottom:1.2rem}
.site-footer p{font-size:.93rem}
.socials{display:flex;gap:.6rem;margin-top:1.4rem}
.socials a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;transition:all .3s}
.socials a:hover{background:var(--gold);color:var(--navy-950);border-color:var(--gold)}
.socials svg{width:17px;height:17px}
.footer-legal{padding-top:2rem;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;font-size:.8rem;color:#7d8da2}
.footer-legal .disc{max-width:780px;line-height:1.6}
.footer-word{font-family:var(--ff-serif);font-size:clamp(4rem,14vw,12rem);line-height:.8;color:rgba(255,255,255,.035);position:absolute;right:-1rem;bottom:-1rem;pointer-events:none;font-weight:600;letter-spacing:-.02em}

/* Lightbox */

/* Reveal animations */
.reveal{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}.reveal-d4{transition-delay:.4s}
.hero .reveal{transition-duration:1.3s}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}

/* Divider ornament */
.ornament{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--gold);margin:0 auto 1.5rem}
.ornament::before,.ornament::after{content:"";width:60px;height:1px;background:currentColor;opacity:.6}
.ornament svg{width:22px;height:22px}

/* Responsive */
@media (max-width:1180px){
  .nav a{padding:.5rem .6rem;font-size:.84rem}
  .header-cta .tel{display:none}
  .quick-facts{grid-template-columns:repeat(3,1fr)}
  .quick-facts div:nth-child(4){border-left:0}
  .quick-facts div:nth-child(n+4){border-top:1px solid var(--line)}
}
@media (max-width:1020px){
  .nav,.header-cta .btn{display:none}
  .menu-toggle{display:block}
  .g-4,.trust{grid-template-columns:repeat(2,1fr)}
  .g-3{grid-template-columns:repeat(2,1fr)}
  .split,.split.rev,.flag-grid{grid-template-columns:1fr}
  .split.rev>:first-child{order:0}
  .footer-top{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .amenities{grid-template-columns:repeat(3,1fr)}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .team-list{grid-template-columns:repeat(2,1fr)}
  .hosp-hero-card{grid-template-columns:1fr}
  .job{grid-template-columns:1fr 1fr;row-gap:.3rem}
  .job h4{grid-column:1/-1}
  .flag-media .inset{right:1rem;bottom:-2rem;width:36%}
  .frame{max-width:520px}
}
@media (max-width:720px){
  :root{--header-h:70px}
  body{font-size:16px}
  .g-2,.g-3,.g-4,.trust{grid-template-columns:1fr}
  .hero-facts{grid-template-columns:1fr 1fr}
  .hero-facts div:nth-child(3){padding-left:0;border-left:0}
  .hero-facts div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1);margin-top:1.2rem}
  .hero::before{background:linear-gradient(0deg,rgba(7,17,31,.97) 0%,rgba(7,17,31,.8) 55%,rgba(7,17,31,.45) 100%)}
  .scroll-cue{display:none}
  .stats{grid-template-columns:1fr 1fr}
  .stat:nth-child(3){border-left:0}
  .stat:nth-child(n+3){border-top:1px solid var(--line)}
  .timeline::before{left:6px}
  .timeline li,.timeline li:nth-child(even){width:100%;margin-left:0;padding:0 0 2.5rem 2.2rem;text-align:left}
  .timeline li::before,.timeline li:nth-child(even)::before{left:0;right:auto}
  .form-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .amenities{grid-template-columns:1fr 1fr}
  .quick-facts{grid-template-columns:1fr 1fr;margin-top:-2.5rem}
  .quick-facts div{border-left:0!important;border-top:1px solid var(--line)}
  .quick-facts div:nth-child(-n+2){border-top:0}
  .quick-facts div:nth-child(even){border-left:1px solid var(--line)!important}
  .gallery{grid-auto-rows:170px}
  .gallery figure.wide{grid-column:span 2}
  .spec-list{grid-template-columns:1fr 1fr}
  .vcard{min-height:440px}
  .frame .frame-badge{left:1rem}
  .frame::before{inset:1rem -0.6rem -0.6rem 1rem}
  .team-list{grid-template-columns:1fr}
  .cta-opt strong{font-size:1.2rem}
  .tabs{width:100%}
  .tabs button{flex:1;padding:.7rem .8rem}
  .mandala{display:none}
}

/* --- refinements --- */
.link-arrow svg{width:16px;height:16px;flex-shrink:0}
.vcard .link-arrow{color:#fff}
.vcard .link-arrow:hover{color:var(--gold-300)}
.hero h1{max-width:15ch}
.stat .tbd{font-size:.6em}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.map-wrap{position:relative}
.map-wrap iframe{position:relative;z-index:1;background:transparent}
.map-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center;padding:2rem;color:var(--ink);background:
 radial-gradient(circle at 50% 45%,rgba(201,162,74,.18),transparent 55%),
 repeating-linear-gradient(0deg,rgba(11,26,46,.05) 0 1px,transparent 1px 48px),repeating-linear-gradient(90deg,rgba(11,26,46,.05) 0 1px,transparent 1px 48px),var(--sand)}
.map-fallback svg{width:40px;height:40px;color:var(--label);margin-bottom:.4rem}
.map-fallback strong{font-family:var(--ff-serif);font-size:1.4rem}
.map-fallback span{font-size:.85rem;color:var(--muted)}
.gallery{grid-auto-flow:dense}
.tbd{white-space:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone;overflow-wrap:anywhere}
.company small .tbd{font-size:.95em}
#manasi-ganga .ph-img,.split>.ph-img,.split>div>.ph-img{min-height:380px}
.config-table{min-width:760px}
.config-table td:first-child,.config-table td:nth-child(2){white-space:nowrap}
@media (max-width:720px){
  .quick-facts strong{font-size:1.15rem;overflow-wrap:anywhere}
  .quick-facts div{padding:1.1rem 1rem}
  .hero .btn-row .btn,.page-hero .btn-row .btn{flex:1 1 100%}
}


/* === Gold-standard amend additions (Oct 2026) === */
body{padding-bottom:0}
@media (max-width:1020px){body{padding-bottom:72px}}

.nav{display:flex;align-items:center;gap:.15rem}
@media (max-width:1020px){.nav{display:none}} /* fix: mega-nav rule above was re-showing the desktop nav on mobile and pushing the menu button off-screen */
.nav-item{position:relative;display:flex;align-items:center}
.nav-link{position:relative;color:#e8edf3;font-size:.88rem;font-weight:600;letter-spacing:.03em;padding:.55rem .85rem;border-radius:999px;transition:color .3s}
.nav-link::after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.25rem;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.nav-link:hover,.nav-link[aria-current="page"]{color:var(--gold-300)}
.nav-link:hover::after,.nav-link[aria-current="page"]::after{transform:scaleX(1)}
.nav-caret{width:28px;height:28px;margin-left:-.4rem;border:0;background:transparent;cursor:pointer;position:relative;border-radius:50%}
.nav-caret::before{content:"";position:absolute;left:50%;top:45%;width:7px;height:7px;border-right:1.5px solid #e8edf3;border-bottom:1.5px solid #e8edf3;transform:translate(-50%,-60%) rotate(45deg)}
.nav-item:hover .nav-caret::before,.nav-item:focus-within .nav-caret::before{border-color:var(--gold-300)}
.nav-sub{display:none;position:absolute;top:calc(100% + .4rem);left:0;min-width:220px;padding:.6rem;background:rgba(7,17,31,.96);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:var(--shadow-lg);list-style:none;margin:0;z-index:120}
.nav-item:hover .nav-sub,.nav-item:focus-within .nav-sub,.nav-item.is-open .nav-sub{display:block}
.nav-sub a{display:block;color:#e8edf3;font-size:.88rem;font-weight:600;padding:.65rem .9rem;border-radius:10px}
.nav-sub a:hover{background:rgba(226,200,134,.12);color:var(--gold-300)}
.mobile-nav .mobile-sub{font-family:var(--ff-sans)!important;font-size:1rem!important;color:#9fb0c4!important;padding:.35rem 0 .35rem 1rem!important;border:0!important}

.proof-strip{background:var(--navy-950);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:1.1rem 0}
.proof-strip__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;align-items:center}
.proof-strip__list li{display:flex;flex-direction:column;gap:.15rem;min-width:140px}
.proof-strip__list strong{font-family:var(--ff-serif);font-size:1.15rem;color:#fff;font-weight:600}
.proof-strip__list span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#93a3b7}
.proof-strip__list a{color:var(--gold-300);text-decoration:underline}

.entity-strip .company{min-height:100%}

.trust-footer{display:grid;grid-template-columns:1.1fr 1.6fr 1fr;gap:2rem;padding-top:2.2rem;border-top:1px solid rgba(255,255,255,.08);margin-top:0}
.trust-footer__label{font-family:var(--ff-sans);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-300);margin:0 0 .8rem;font-weight:700}
.trust-footer ul{list-style:none;padding:0;margin:0}
.trust-footer li{margin-bottom:.45rem;font-size:.88rem;color:#97a6b9}
.trust-footer strong{color:#e8edf3;font-weight:600}
.trust-footer__rera p{font-size:.8rem;line-height:1.65;color:#7d8da2;margin:0}
.trust-footer__rera a{color:var(--gold-300);text-decoration:underline}
.trust-footer__policies a{color:#c9d2de}
.trust-footer__policies a:hover{color:#fff}
.trust-footer__copy{margin-top:1rem;font-size:.8rem;color:#7d8da2}
@media (max-width:1020px){.trust-footer{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.trust-footer{grid-template-columns:1fr}}

.sticky-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:95;background:rgba(7,17,31,.96);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1);padding:.55rem .7rem calc(.55rem + env(safe-area-inset-bottom));gap:.4rem;justify-content:space-between}
.sticky-cta__btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.45rem .3rem;border-radius:12px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#e8edf3;background:rgba(255,255,255,.05)}
.sticky-cta__btn svg{width:16px;height:16px;color:var(--gold)}
.sticky-cta__btn:first-child{background:var(--gold);color:var(--navy-950)}
.sticky-cta__btn.is-disabled,.cta-ladder__item.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:auto}
@media (max-width:1020px){.sticky-cta{display:flex}}

.cta-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1.5rem}
.cta-ladder__item{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.1rem;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#e8edf3;transition:border-color .3s,transform .3s}
.cta-ladder__item:hover{border-color:var(--gold-line);transform:translateY(-2px)}
.cta-ladder__item strong{font-family:var(--ff-serif);font-size:1.15rem;color:#fff}
.cta-ladder__item span{font-size:.78rem;color:#9fb0c4}
@media (max-width:900px){.cta-ladder{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.cta-ladder{grid-template-columns:1fr}}
.cta-band .cta-ladder{margin-bottom:1.5rem}

.nap-card{background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.6rem 1.7rem;box-shadow:var(--shadow-sm)}
.nap-card__k{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--label);font-weight:700;margin:0 0 .7rem}
.nap-card__addr{color:var(--ink);margin:0 0 .8rem;line-height:1.55}
.nap-card__phone a{font-weight:700;color:var(--ink);border-bottom:1px solid var(--gold-line)}
.nap-card__hours{font-size:.88rem;color:var(--muted);margin:0}

.promise-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.6rem 1.8rem}
.promise-card dl{margin:0}
.promise-card dt{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:.9rem}
.promise-card dt:first-child{margin-top:0}
.promise-card dd{margin:.2rem 0 0;color:var(--ink);font-weight:600}
.journey-list{margin:0;padding-left:1.2rem;color:var(--ink)}
.journey-list li{margin-bottom:.4rem;font-weight:600}
.journey-steps{margin-top:1rem}
.contact-lines{list-style:none;padding:0;margin:1.2rem 0}
.careers-empty{background:#fff;border:1.5px dashed rgba(184,84,26,.35);border-radius:var(--radius-lg);padding:2.2rem;text-align:center}
.careers-empty h3{margin-bottom:.4rem}
.finance-disclaimer{background:var(--sand);border-left:3px solid var(--gold-line);border-radius:0 var(--radius) var(--radius) 0;padding:1.4rem 1.6rem}
.finance-disclaimer p{margin:0;color:var(--ink);font-size:.95rem;line-height:1.65}
.policy-stub{background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius-lg);padding:2rem}
.cu-progress.pmc-safe{display:grid;grid-template-columns:1.2fr 1.2fr;gap:1.2rem;align-items:end;padding:1.4rem 0 1.8rem;border-bottom:1px solid rgba(11,26,46,.08);margin-bottom:1.5rem}
.cu-progress.pmc-safe strong{font-family:var(--ff-serif);font-size:1.35rem;color:var(--ink)}
.bg-ivory .cu-progress.pmc-safe{border-color:rgba(11,26,46,.1)}
#updates .cu-progress.pmc-safe strong{color:var(--ink)}
@media (max-width:720px){.cu-progress.pmc-safe{grid-template-columns:1fr}.proof-strip__list{gap:1rem}}

/* Keep legacy .nav a working if any remain */
.nav > a{position:relative;color:#e8edf3;font-size:.88rem;font-weight:600;letter-spacing:.03em;padding:.55rem .85rem;border-radius:999px}

/* 3D walkthrough */
.walkthrough{margin:0;border-radius:var(--radius);overflow:hidden;background:#07111f;border:1px solid var(--line)}
.walkthrough video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}
.walkthrough figcaption{padding:.85rem 1.1rem 1rem;font-size:.85rem;color:var(--muted);background:var(--ivory)}
/* Hospitality closing hotel band (hospitality.html) — 2026-10-07 */
.cta-opt--primary{background:var(--gold);border-color:var(--gold)}
.cta-opt--primary:hover{background:var(--gold-300);border-color:var(--gold-300)}
.cta-opt--primary strong,.cta-opt--primary span,.cta-opt--primary svg{color:var(--navy-950)}
.cta-opt:focus-visible,.sticky-cta__btn:focus-visible{outline:3px solid var(--gold-300);outline-offset:3px;border-radius:var(--radius)}
.hotel-band__lockup{font-size:1rem;margin-top:1rem;margin-bottom:0}
/* Hotel sticky bar (hospitality.html only): 3 buttons — 2026-10-07 */
.sticky-cta--hotel .sticky-cta__btn{font-size:.74rem;letter-spacing:.03em;padding:.5rem .3rem;min-height:48px;white-space:nowrap}
.sticky-cta--hotel .sticky-cta__btn svg{width:18px;height:18px}
.sticky-cta--hotel .sticky-cta__btn:first-child svg{color:var(--navy-950)}
/* 3-up stats row (investors.html) — 2026-10-07 */
.stats--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:720px){.stats--3{grid-template-columns:1fr}.stats--3 .stat+.stat{border-left:0;border-top:1px solid var(--line)}}

/* ===== v4 borrow build (2026-10-07): page menu, EMI, buyer profiles, steps, FAQ, site visit, on-record, NRI, 404 ===== */
/* Sticky "On this page" menu: sits under the solid header (70px), below header (100), mobile nav (90) and sticky bar (95) */
.page-menu{position:sticky;top:70px;z-index:80;margin-top:2rem;background:rgba(255,255,255,.96);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-block:1px solid var(--line)}
.page-menu.is-stuck{box-shadow:0 10px 24px -18px rgba(7,17,31,.45)}
.page-menu__inner{display:flex;align-items:center;gap:1rem;min-height:52px}
.page-menu__label{flex:none;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.page-menu__list{display:flex;gap:.25rem;margin:0;padding:.35rem 0;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.page-menu__list.more-right{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.page-menu__list::-webkit-scrollbar{display:none}
.page-menu__list li{flex:none;scroll-snap-align:start}
.page-menu__list a{display:inline-flex;align-items:center;min-height:44px;padding:0 .85rem;border-radius:999px;font-size:.86rem;font-weight:600;color:var(--ink);white-space:nowrap;text-decoration:none;transition:background .25s,color .25s}
.page-menu__list a:hover{background:var(--ivory)}
.page-menu__list a.is-active{background:var(--navy-900,#0b1a2e);color:#fff}
.page-menu__list a:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
.page-menu ~ section[id],.page-menu ~ section [id]{scroll-margin-top:136px}
@media (max-width:720px){.page-menu{margin-top:1.5rem}.page-menu__label{display:none}.page-menu__inner{min-height:48px;width:100%;padding-inline:.5rem}.page-menu ~ section[id],.page-menu ~ section [id]{scroll-margin-top:128px}}
.price-note{margin-top:.85rem}

/* Buyer profiles (illustrative) */
.who-head{margin-bottom:2rem}
.who-label{display:inline-block;margin-top:.6rem;padding:.45rem .85rem;border-radius:999px;border:1px dashed var(--gold-line);background:#fffaf0;font-size:.82rem;font-weight:600;color:var(--ink)}
.who-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.8rem 1.6rem;display:flex;flex-direction:column;gap:.6rem}
.who-card h3{margin:0;font-size:1.25rem}
.who-card p{margin:0}
.who-card__ico{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--navy-950);color:var(--gold-300);margin-bottom:.4rem}
.who-card__ico svg{width:32px;height:32px}
.who-card__matters{margin-top:auto!important;padding-top:.8rem;border-top:1px solid var(--line);font-size:.94rem}
.who-card__matters em{font-style:normal;font-weight:700;color:var(--ink)}
.who-cta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;font-weight:600;color:var(--ink)}

/* EMI estimator */
.emi{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.4rem,4vw,2.6rem);box-shadow:var(--shadow)}
.emi h2{margin-top:0}
.emi__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:start}
.emi__form{display:grid;gap:1.4rem}
.emi-field{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label fmt" "num num" "range range";gap:.45rem .8rem;align-items:center}
.emi-field label{grid-area:label;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink)}
.emi-field__num{grid-area:num;min-height:48px;padding:.75rem 1rem;border:1px solid #d7cfbf;border-radius:10px;background:#fdfbf7;font-size:1rem;width:100%}
.emi-field__num:focus{outline:none;border-color:var(--gold-line);box-shadow:0 0 0 4px rgba(201,162,74,.22);background:#fff}
.emi-field__num[aria-invalid="true"]{border-color:#b3261e}
.emi-field__fmt{grid-area:fmt;font-weight:700;color:var(--muted);font-size:.9rem;min-width:7ch;text-align:right}
.emi-field__range{grid-area:range;width:100%;height:44px;margin:0;accent-color:var(--gold);background:transparent;cursor:pointer}
.emi-field__range:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}
.emi__form .btn{justify-self:start;min-height:48px}
.emi__result{background:var(--navy-950);color:#d0d9e4;border-radius:var(--radius-lg);padding:1.8rem 1.6rem;min-height:100%}
.emi__prompt{margin:0;font-size:1.02rem}
.emi__dl{margin:0;display:grid;gap:1.1rem}
.emi__dl div{display:grid;gap:.15rem}
.emi__dl dt{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#a9b7c8}
.emi__dl dd{margin:0;font-family:var(--ff-serif);font-size:1.5rem;color:#fff;line-height:1.2}
.emi__dl div:first-child dd{font-size:clamp(1.9rem,4vw,2.4rem);color:var(--gold-300)}
.emi__disclaimer{margin:1.4rem 0 0;font-size:.84rem;color:var(--muted)}
@media (max-width:860px){.emi__grid{grid-template-columns:1fr}}

/* Numbered steps (Before you book, NRI) */
.guide-steps{list-style:none;margin:0;padding:0;counter-reset:gs;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 2rem}
.guide-steps li{counter-increment:gs;position:relative;padding:1.2rem 1.2rem 1.2rem 4rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.guide-steps li::before{content:counter(gs);position:absolute;left:1.1rem;top:1.1rem;width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;background:var(--navy-950);color:var(--gold-300);font-weight:700;font-size:.9rem}
.guide-steps li p{margin:0}
.guide-steps strong{color:var(--ink)}
@media (max-width:720px){.guide-steps{grid-template-columns:1fr}}

/* FAQ */
.faq-list{display:grid;gap:.75rem}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;padding:1rem 1.2rem;cursor:pointer;font-weight:700;color:var(--ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;border-radius:var(--radius)}
.faq-item__chev{flex:none;width:12px;height:12px;border-right:2px solid var(--gold-line);border-bottom:2px solid var(--gold-line);transform:rotate(45deg) translate(-3px,-3px);transition:transform .3s}
.faq-item[open] .faq-item__chev{transform:rotate(225deg)}
.faq-item__a{padding:0 1.2rem 1.2rem}
.faq-item__a p{margin:.4rem 0 0}

/* Site visit */
.visit-expect{margin:1.6rem 0;padding:1.3rem 1.4rem;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:rgba(255,255,255,.03)}
.visit-expect h3{margin:0 0 .6rem;font-size:1.1rem;color:#fff}
.visit-expect ul{margin:0;padding-left:1.1rem;display:grid;gap:.45rem}
.visit-expect strong{color:var(--gold-300)}
.visit-meta{margin:.6rem 0 0}
.visit-meta strong{color:#fff}
.on-dark .visit-meta a{color:var(--gold-300);display:inline-block;padding:.6rem 0}

/* On record (home) */
.on-record{margin-top:clamp(2.5rem,5vw,3.5rem);display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.6rem,4vw,2.6rem);background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold-line);border-radius:var(--radius-lg)}
.on-record__head h3{margin:.2rem 0 .6rem}
.on-record__head .btn{margin-top:.6rem}
.on-record__list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.on-record__list li{display:flex;gap:.8rem;align-items:flex-start}
.on-record__list li>svg{flex:none;width:22px;height:22px;color:var(--gold);margin-top:.25rem}
.on-record__list p{margin:0}
.on-record__note{font-size:.84rem;color:var(--muted);margin-top:.25rem!important}
@media (max-width:860px){.on-record{grid-template-columns:1fr}}

/* NRI */
.nri-cta{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}

/* 404 */
.err-hero{min-height:calc(100vh - 160px);display:flex;align-items:center}
.err-hero h1{margin:.3rem 0 1rem}
.err-links{margin-top:2rem}
.faq-item__a .link-arrow{display:inline-flex;align-items:center;min-height:44px}
/* Tap targets >=44px without shifting layout: invisible hit area around small links */
.link-arrow,.breadcrumb a,a[href^="https://maps.google.com"],.proof-strip a,.rera-line a{position:relative}
.link-arrow::before,.breadcrumb a::before,a[href^="https://maps.google.com"]::before,.proof-strip a::before,.rera-line a::before{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
.socials a{width:44px;height:44px}
.brand{min-height:44px}

/* ===== HD logos (2026-10-07) ===== */
.brand picture{display:block;line-height:0}
.site-footer .brand picture{margin-bottom:1.2rem}
.site-footer .brand img{margin-bottom:0}
.pcard__logo{margin-bottom:.8rem;line-height:0}
.pcard__logo img{height:56px;width:auto}
.logo-chip{display:inline-block;line-height:0;background:#2f5a3a;border-radius:10px;padding:.5rem .8rem}
.logo-chip img{height:36px;width:auto}
.logo-chip--lg{padding:.6rem 1rem;margin-bottom:1.4rem}
.logo-chip--lg img{height:48px}
.hotel-band__logo{line-height:0;margin-bottom:1rem}
.hotel-band__logo img{height:48px;width:auto}
.skv-hero-logo{line-height:0;margin-bottom:1.2rem}
.skv-hero-logo img{height:120px;width:auto}
@media (max-width:720px){.skv-hero-logo img{height:96px}}

/* ---- Amenity icons + IGBC mark (9 Oct 2026) ---- */
.amenities div{align-items:center}
.amenities div::before{display:none}
.amen-dot{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center}
.amen-dot::before{content:"";width:9px;height:9px;transform:rotate(45deg);background:var(--gold)}
.amen-ico{flex-shrink:0;display:block;width:40px;height:40px}
.amen-ico img{display:block;width:40px;height:40px}
.amen-txt{min-width:0}
.igbc-pair{display:flex;gap:1rem;align-items:flex-start;margin:0 0 1.2rem}
.igbc-pair figure{flex:1;min-width:0}
.igbc-mark{flex-shrink:0;padding-top:.2rem}
.igbc-mark img{display:block;height:64px;width:auto}
@media (max-width:520px){.amenities div{flex-direction:column;align-items:flex-start;gap:.55rem;padding:1.1rem 1rem}.amen-ico,.amen-ico img,.amen-dot{width:32px;height:32px}.igbc-mark img{height:52px}}

.amen-note{margin-top:1rem;font-size:.82rem;line-height:1.5;color:var(--muted)}
.spec-list li.spec-has-ico{display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;align-items:center}.spec-list li.spec-has-ico .amen-ico{grid-row:1/3;width:34px;height:34px}.spec-list li.spec-has-ico .amen-ico img{width:34px;height:34px}.spec-list li.spec-has-ico strong,.spec-list li.spec-has-ico span{grid-column:2}

/* ---- Image de-dupe + responsive pictures (9 Oct 2026) ---- */
.pic{display:contents}
.vcard>picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease);border-radius:0;border:0}
.vcard:hover>picture>img{transform:scale(1.06)}
.flag-main{position:relative}
.flag-inset{position:absolute;right:-2rem;bottom:-2.5rem;width:42%;z-index:2}
.flag-media .flag-inset .inset{position:static;width:100%;right:auto;bottom:auto}
.igbc-chip picture img{width:auto;height:40px;border-radius:0}
.trust-item .trust-mark{flex-shrink:0;width:52px;display:flex;justify-content:center}
.trust-item .trust-mark img{width:auto;height:52px;border-radius:0;object-fit:contain}
.companies-logo{margin-bottom:1rem}
.section-head.center .companies-logo{display:flex;justify-content:center}
.companies-logo img{height:56px;width:auto;display:block}
@media (max-width:1020px){.flag-inset{right:1rem;bottom:-2rem;width:36%}}
@media (max-width:520px){.companies-logo img{height:46px}}
/* 30 amenities: 5 / 3 / 2 columns so every row is full */
.amenities{grid-template-columns:repeat(5,1fr)}
.amenities div{padding:1.2rem 1.1rem;gap:.7rem}
@media (max-width:1180px){.amenities{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.amenities{grid-template-columns:1fr 1fr}}

/* ---- Shared "Artist's impression" corner tag for CGI images without a caption (9 Oct 2026) ---- */
.ai-cap{position:absolute;z-index:3;right:.75rem;bottom:.75rem;background:rgba(7,17,31,.78);color:#fff;font-size:.72rem;font-weight:600;line-height:1.2;letter-spacing:.03em;padding:.32rem .6rem;border-radius:6px;pointer-events:none;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.25)}
/* heroes: top-right, just below the fixed header (clear of buttons, scroll cue, sticky bar, quick-facts card) */
.hero>.ai-cap,.page-hero>.ai-cap{top:calc(var(--header-h) + .75rem);bottom:auto;right:1rem}
/* cards / frames: top-right (bottom holds card text or badges) */
.vcard>.ai-cap,.frame>.ai-cap{top:.8rem;bottom:auto;right:.8rem}
.flag-main>.ai-cap{left:.8rem;right:auto;bottom:.8rem}
.flag-inset>.ai-cap{right:.5rem;bottom:.5rem;font-size:.7rem;padding:.26rem .5rem;max-width:calc(100% - 1rem);white-space:normal;text-align:center}
.pcard .pmedia>.ai-cap{right:.7rem;bottom:.7rem}

/* Option A combined draft, 13 Oct 2026 */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pipeline-band{border:1px solid var(--line);border-radius:14px;padding:clamp(1.25rem,3vw,2rem);background:var(--white,#fff)}
.pipeline-band__title{font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0 0 1rem}
.pipeline-band__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.pipeline-band__item{display:flex;flex-direction:column;gap:.3rem;padding:.9rem 1rem;border-left:3px solid var(--gold,#c9a24a)}
.pipeline-band__item strong{font-size:1.1rem}.pipeline-band__item span{font-size:.92rem;color:var(--muted,#5b6675)}
.vcard--text{display:flex;align-items:flex-end;min-height:100%;background:var(--navy,#0b1a2e);color:#fff}
.vcard--text .vbody p{color:#d0d9e4}
a.company{display:block;color:inherit;text-decoration:none}
@media (max-width:1100px){.tel-lbl{display:none}}
@media (max-width:720px){.config-table thead{display:none}.config-table tr{display:block;border:1px solid var(--line);border-radius:10px;margin-bottom:.8rem;padding:.6rem}.config-table td{display:flex;justify-content:space-between;gap:1rem;border:0;padding:.35rem .4rem}.config-table td::before{content:attr(data-th);font-weight:600}}

/* ===== Amit review pass (13 Oct 2026): #9 type, #10 spacing, #12 mobile sheet, #13 contrast, #30 footer, #31 on-record ===== */
/* 9: one label style, weights 400/600/700 only, fixed heading scale */
:root{--fw-regular:400;--fw-semibold:600;--fw-bold:700}
h1{font-size:clamp(2.6rem,5.2vw,4.6rem)}h2{font-size:clamp(2rem,3.6vw,3.2rem)}h3{font-size:clamp(1.45rem,2.2vw,1.9rem)}h4{font-size:clamp(1.15rem,1.5vw,1.35rem)}
.eyebrow,.company .k,.office .k,.nap-card__k,.leader .role,.pcard .ptype,.cu-item time,.timeline .chip,.page-menu__label,.trust-footer__label,.site-footer h5{font-family:var(--ff-sans);font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--label)}
.on-dark .eyebrow,.site-footer h5,.trust-footer__label,.company.parent .k{color:var(--gold-300)}
.bg-sand .eyebrow,.bg-sand .accent,.bg-sand em.accent{color:var(--gold-700)}
.bg-sand .accent{color:var(--gold-700)}
/* 10: more air between and inside sections */
.section{padding:clamp(5.5rem,11vw,10rem) 0}
.section-sm{padding:clamp(3.75rem,7vw,6rem) 0}
.section-head{margin-bottom:clamp(2.5rem,5vw,3.75rem)}
.grid{gap:clamp(1.5rem,3vw,2.5rem)}
.split{gap:clamp(2.5rem,6vw,6rem)}
/* 12: mobile menu = limited right-hand sheet with backdrop */
@media (max-width:1020px){
  .mobile-nav{inset:auto;top:calc(var(--header-h) - .25rem);right:.75rem;left:auto;width:min(86vw,360px);max-height:70vh;border-radius:18px;padding:1.2rem 1.3rem 1.3rem;box-shadow:var(--shadow-lg);transform:translateY(-12px) scale(.98);opacity:0;transition:transform .3s var(--ease),opacity .3s var(--ease),visibility .3s;overflow-y:auto;overscroll-behavior:contain}
  .menu-open .mobile-nav{transform:none;opacity:1}
  .mobile-nav a{font-size:1.15rem;padding:.55rem 0}
  .mobile-nav .mobile-meta{margin-top:1rem;padding-top:1rem}
  .nav-backdrop{position:fixed;inset:0;z-index:89;background:rgba(7,17,31,.55);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
  .menu-open .nav-backdrop{opacity:1;visibility:visible}
}
@media (min-width:1021px){.nav-backdrop{display:none}}
/* 13: pairs that failed AA */
.cta-opt--primary,.cta-opt--primary strong,.cta-opt--primary span{color:var(--navy-950)}
.price-note,.on-record__note,.ph-note,.amen-note{color:var(--muted)}
.on-dark .ph-note,.bg-navy .ph-note{color:#c9d2de}
/* 30: footer, four groups */
.footer-top{grid-template-columns:1.4fr repeat(4,1fr)}
@media (max-width:1020px){.footer-top{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer-top{grid-template-columns:1fr}}
.footer-reach{display:flex;flex-wrap:wrap;gap:.6rem 2rem;padding:1.6rem 0;border-bottom:1px solid rgba(255,255,255,.08);color:#c9d2de;font-size:.92rem}
.footer-reach strong{color:#fff}
.footer-reach a{color:var(--gold-300)}
/* 31: compact verify card */
.on-record{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);align-items:start}
.on-record__verify{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:1rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--ivory)}
.on-record__verify code{font-family:var(--ff-sans);font-weight:700;color:var(--ink);letter-spacing:.04em}
.on-record__verify .ph-note{margin:0}
/* 27: three-path CTA */
.cta-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
@media (max-width:860px){.cta-paths{grid-template-columns:1fr}}
.cta-path h3{font-family:var(--ff-sans);font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-300);margin:0 0 .8rem}
.cta-path .cta-ladder{grid-template-columns:1fr}

.page-hero .eyebrow,.bg-navy .eyebrow,.err-hero .eyebrow,.cta-band .eyebrow{color:var(--gold-300)}
.cu-progress.pmc-safe strong,.cu-progress strong{color:#fff}
.cu-progress .eyebrow{color:var(--gold-300)}
.section:not(.bg-navy):not(.on-dark) .contact-line strong{color:var(--ink)}
.cu-progress div strong{color:#fff!important}

/* =========================================================
   Corporate polish pass (16 Oct 2026): restrained navy / charcoal + Kashi gold accent,
   one serif display + one sans body, flat hairline cards, calmer hero, slimmer header.
   ========================================================= */
:root{
  --header-h:72px;
  --line:#e6e1d6;
  --hair:1px solid var(--line);
  --radius:4px; --radius-lg:6px;
  --shadow-sm:none; --shadow:none; --shadow-lg:none;
  --gutter:clamp(1rem,2.4vw,2rem);
  --measure:68ch;
}
body{font-size:17.5px;line-height:1.65;color:var(--body)}
@media (max-width:640px){body{font-size:17px}}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.005em;color:var(--ink)}
h1{font-size:clamp(2.25rem,1.2rem + 3.6vw,4rem);line-height:1.05}
h2{font-size:clamp(1.85rem,1.2rem + 2vw,2.75rem);line-height:1.12}
h3{font-size:clamp(1.35rem,1.1rem + .8vw,1.7rem);line-height:1.2}
h4{font-size:clamp(1.12rem,1rem + .35vw,1.28rem);line-height:1.3}
p,li{max-width:var(--measure)}
.center p,.section-head.center p{margin-inline:auto}
.eyebrow{font-size:.72rem;letter-spacing:.2em;color:var(--gold-600);margin-bottom:1rem}
.on-dark .eyebrow,.bg-navy .eyebrow,.hero .eyebrow,.page-hero .eyebrow{color:var(--gold-300)}
.eyebrow::before{width:28px;background:var(--gold-line)}
.accent,em.accent{font-style:italic;color:inherit}
.hero h1 .accent,.page-hero h1 .accent{color:#fff}
/* spacing + grid */
.section{padding:120px 0}
.section-sm{padding:72px 0}
@media (max-width:760px){.section{padding:72px 0}.section-sm{padding:48px 0}}
.container{width:min(100% - 2*var(--gutter),var(--container))}
.grid,.split{column-gap:var(--gutter)}
.section-head{margin-bottom:clamp(2.5rem,5vw,4rem)}
/* backgrounds: ivory/white, sand sparingly */
.bg-sand{background:var(--ivory)}
/* flat cards with hairline borders */
.pcard,.company,.model,.why-item,.trust-item,.promise-card,.who-card,.office,.leader,.rera-card,.nap-card,.form-card,.cta-opt,.faq-item,.vcard,.stat,.spec-list,.config-table,.quick-facts,.cu-item,.map-wrap,.frame,.careers-empty{box-shadow:none!important;border-radius:var(--radius)!important}
.pcard,.company,.model,.why-item,.promise-card,.who-card,.office,.rera-card,.nap-card,.form-card,.cta-opt,.vcard,.careers-empty{border:var(--hair);background:#fff}
.on-dark .pcard,.on-dark .model,.on-dark .cta-opt,.bg-navy .cta-opt{background:transparent;border-color:rgba(255,255,255,.16)}
*{text-shadow:none}
.pcard:hover,.company:hover,.model:hover,.why-item:hover,.cta-opt:hover{transform:none!important;box-shadow:none!important;border-color:var(--gold-line)}
.why-item .ico,.trust-item .ico{background:none!important;border:0;box-shadow:none;width:auto;height:auto;color:var(--gold-600)}
.why-item .ico svg,.trust-item .ico svg{width:22px;height:22px;stroke-width:1.4}
.tag{box-shadow:none;border-radius:2px;background:transparent;border:1px solid currentColor;font-weight:600}
/* hero: full-bleed image, quiet overlay, one headline + CTA */
.hero::before{background:linear-gradient(90deg,rgba(7,17,31,.72) 0%,rgba(7,17,31,.5) 45%,rgba(7,17,31,.15) 100%)!important}
@media (max-width:760px){.hero::before{background:rgba(7,17,31,.6)!important}}
.page-hero::before{background:rgba(7,17,31,.6)!important}
.hero-media img{animation:none;transform:none}
.hero h1{max-width:16ch}
/* buttons: primary navy, secondary outline */
.btn{--bg:var(--navy-900);--fg:#fff;border-radius:2px;border:1px solid var(--bg);font-weight:600;letter-spacing:.02em;padding:.9rem 1.5rem}
.btn:hover{transform:none;box-shadow:none;--bg:var(--navy-700)}
.btn-dark{--bg:var(--navy-900);--fg:#fff}
.btn-dark:hover{--bg:var(--navy-700);box-shadow:none}
.btn-outline{--bg:transparent;--fg:var(--ink);border-color:var(--ink)}
.btn-outline:hover{--bg:var(--ink);--fg:#fff}
.on-dark .btn,.hero .btn,.page-hero .btn,.cta-band .btn{--bg:#fff;--fg:var(--navy-950);border-color:#fff}
.on-dark .btn:hover,.hero .btn:hover,.page-hero .btn:hover,.cta-band .btn:hover{--bg:var(--gold-300);border-color:var(--gold-300)}
.btn-ghost,.on-dark .btn-outline,.on-dark .btn-ghost{--bg:transparent;--fg:#fff;border-color:rgba(255,255,255,.7)}
/* header slimmer */
.site-header{height:var(--header-h)}
.site-header.is-solid,.site-header.always-solid{background:var(--navy-950);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.header-cta .btn{padding:.6rem 1.1rem;font-size:.85rem}
/* footer: refined colour only (structure unchanged) */
.site-footer h5{color:var(--gold-300)}
/* forms */
.field input,.field select,.field textarea{border-radius:2px;box-shadow:none}
.form-notice,.form-note{font-size:.88rem;color:var(--muted);max-width:var(--measure)}
.form-notice a,.form-note a,.consent a{text-decoration:underline;text-underline-offset:2px}
/* Artist's impression chips stay */
.ai-cap{box-shadow:none}

/* ---------- legal pages: long-form layout + sticky TOC ---------- */
.legal-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gutter);padding-top:calc(var(--header-h) + 72px)}
@media (min-width:1024px){.legal-wrap{grid-template-columns:minmax(0,68ch);justify-content:center}}
.legal-toc{font-size:.88rem;line-height:1.45}
.legal-toc p{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--gold-600);margin-bottom:.8rem}
.legal-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.legal-toc li{margin:0}.legal-toc a{display:block;padding:.35rem 0 .35rem 1rem;color:var(--body)}
.legal-toc a:hover{color:var(--ink);box-shadow:inset 2px 0 0 var(--gold-line)}
@media (min-width:1024px){.legal-toc{position:sticky;top:calc(var(--header-h) + 2rem);align-self:start;max-height:calc(100vh - var(--header-h) - 4rem);overflow:auto}}
@media (max-width:1023px){.legal-toc{border:var(--hair);padding:1rem 1.2rem}}
.sipl-legal{max-width:68ch;color:var(--body)}
.sipl-legal h1{font-size:clamp(2.25rem,1.5rem + 2.4vw,3.25rem);margin-bottom:.4em}
.sipl-legal h2{font-size:clamp(1.45rem,1.2rem + .9vw,1.9rem);margin:2.6rem 0 .9rem;padding-top:1.4rem;border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + 1.5rem)}
.sipl-legal h3{font-size:1.2rem;margin:1.8rem 0 .6rem}
.sipl-legal table{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.95rem}
.sipl-legal th,.sipl-legal td{border-bottom:1px solid var(--line);padding:.7rem .6rem;text-align:left;vertical-align:top}
.sipl-legal th{color:var(--ink);font-weight:700;border-bottom-color:var(--ink)}
.sipl-legal blockquote{margin:1.2rem 0;padding:.4rem 0 .4rem 1.2rem;border-left:2px solid var(--gold-line);color:var(--ink)}
.sipl-legal hr{display:none}
.sipl-legal a{color:var(--navy-700);text-decoration:underline;text-underline-offset:2px}
@media (max-width:640px){.sipl-legal table{display:block;overflow-x:auto}}
mark.legal-open{background:#fff4d6;color:#5b4310;border:1px dashed #8a6a22;padding:.05em .4em;border-radius:2px;font-weight:600;font-size:.92em}
.on-dark .cta-opt--primary,.bg-navy .cta-opt--primary,.cta-opt--primary{background:#fff;border-color:#fff;color:var(--navy-950)}

/* ---- Device QA fixes (16 Oct 2026), CSS only, layout unchanged ---- */
/* narrow phones: grid/flex children may shrink below their min-content (was pushing forms/lists past 360-390px) */
.split>*,.grid>*,.form-grid>*,.field,.on-record__list>*,.trust>*,.contact-lines>*,.map-wrap{min-width:0}
.field input,.field select,.field textarea{width:100%;max-width:100%;min-width:0}
p,li,h1,h2,h3,h4,dd,dt,label,a{overflow-wrap:anywhere}
.site-footer{overflow-x:clip}
/* iOS: no zoom-on-focus */
.field input,.field select,.field textarea,form input,form select,form textarea{font-size:max(16px,1rem)}
/* sticky bar + notch: reserve space incl. safe area, keep focused fields/submit clear of bars */
@media (max-width:1020px){
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  html{scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom));scroll-padding-top:calc(var(--header-h) + 8px)}
  .sticky-cta{padding-left:max(.7rem,env(safe-area-inset-left));padding-right:max(.7rem,env(safe-area-inset-right))}
  .sticky-cta__btn{min-height:48px}
}
.site-header .container{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
/* 100vh -> svh/dvh with fallback */
.err-hero{min-height:calc(100vh - 160px);min-height:calc(100svh - 160px)}
.mobile-nav{max-height:100vh;max-height:100dvh}
/* short landscape phones: keep the H1 above the fold */
@media (orientation:landscape) and (max-height:500px){
  .hero .container,.page-hero .container{padding-top:calc(var(--header-h) + .75rem);padding-bottom:1.25rem}
  .page-hero{padding-top:0;padding-bottom:0}
  .hero h1,.page-hero h1{font-size:clamp(1.8rem,4.2vw,2.4rem);margin-bottom:.6rem}
  .hero .lead,.page-hero .lead{margin-bottom:1rem;font-size:1rem}
  .hero .eyebrow,.page-hero .eyebrow{margin-bottom:.5rem}
}
/* about/home frame badge: no bleed past the viewport edge below wide desktop */
@media (max-width:1100px){.frame .frame-badge{left:0}}
@media (orientation:landscape) and (max-height:500px){.page-hero.has-img{padding-bottom:1.25rem!important}}
@media (orientation:landscape) and (max-height:500px){.skv-hero-logo img{height:56px;width:auto}.skv-hero-logo{margin-bottom:.5rem}.page-hero .breadcrumb{margin-bottom:.5rem}}

/* ---- 16 Oct 2026 asset placement (progress, pipeline logos, hospitality facts) ---- */
.prog-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.prog-photo{margin:0;position:relative;overflow:hidden;border-radius:var(--radius);cursor:zoom-in;aspect-ratio:3/4;background:var(--line)}
.prog-photo img{width:100%;height:100%;object-fit:cover;display:block}
.prog-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.6rem .8rem .6rem;background:linear-gradient(0deg,rgba(7,17,31,.8),transparent);color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.04em}
.prog-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.prog-video{margin:0}.prog-video video{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);background:#0b1a2e;display:block}
.prog-video figcaption{font-size:.82rem;color:var(--muted,#5b6675);margin-top:.4rem}
@media (max-width:900px){.prog-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.prog-videos{grid-template-columns:1fr}}
.pipeline-band__logos{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 2rem;margin:0 0 .75rem}
.pipe-logo img{height:40px;width:auto;display:block}.pipe-name{font-weight:700;font-size:1.15rem;color:var(--ink)}
.kr-facts h4,.kr-lists h4{margin:0 0 .5rem}.kr-list{margin:0;padding-left:1.1rem;columns:1}.kr-list li{margin:.2rem 0}

/* 16 Oct 2026: home On record, single column below 600px */
@media (max-width:599.98px){#on-record.on-record{grid-template-columns:minmax(0,1fr)}}