/* Vicint Marquis site styles. Fonts: SIL OFL 1.1, self-hosted */
@font-face{font-family:'Cinzel';font-weight:400 600;font-display:swap;src:url(../fonts/cinzel-latin-var.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400 500;font-display:swap;src:url(../fonts/cormorant-garamond-italic-latin.woff2) format('woff2')}
@font-face{font-family:'Jost';font-weight:300 500;font-display:swap;src:url(../fonts/jost-latin-var.woff2) format('woff2')}

:root{--night:#0B0F22;--navy:#141C38;--navy-2:#1C2648;--line-dark:#2A3560;--ivory:#F7F3EA;--pearl:#FFFFFF;--line-light:#E3DCCB;--ivory-text:#F7F3EA;--mist:#C8D2E3;--mist-2:#94A0B8;--ink:#141826;--slate:#4A5368;--crystal-100:#E2EFF3;--crystal-200:#9FCDDD;--crystal-400:#61A4CD;--crystal-600:#3570A8;--gold-400:#D5A355;--gold-500:#C99A4A;--gold-700:#8A6424;--sapphire:#3570A8;--diamond:#E2EFF3;--jade:#2F8F6B;--wa-green:#25D366;--focus:#61A4CD;--f-caps:'Cinzel',Georgia,'Times New Roman',serif;--f-it:'Cormorant Garamond',Georgia,'Times New Roman',serif;--f-sans:'Jost','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;--gut:16px;--max:1200px;--hdr:56px;--mbar:56px;--bar-h:49px;--diamond-ink:#6B7A90;--ease:cubic-bezier(.2,.7,.2,1);--tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104' viewBox='0 0 120 104'%3E%3Cpath d='M0 0l60 104L120 0M0 104 60 0l60 104M0 52h120' fill='none' stroke='%239FCDDD' stroke-opacity='.05'/%3E%3C/svg%3E");color-scheme:dark;}
@media (min-width:768px){:root{--gut:32px}}
@media (min-width:1200px){:root{--gut:48px}}

@media (max-width:767.98px){:root{--sec-y:56px;--head-gap:24px;--rule-m:14px;--gut:max(16px,env(safe-area-inset-left))}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--hdr);scroll-padding-bottom:84px}
body{margin:0;background:var(--night);color:var(--mist);font:400 1rem/1.6 var(--f-sans);font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}
a,button,summary,label,.chip-c input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
img,svg,picture{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
p,h1,h2,h3,h4,figure,dl,dd,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
address{font-style:normal}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.ivory :focus-visible{outline-color:var(--crystal-600)}
html:not(.js) .js-only{display:none!important}
.js .nojs-only{display:none!important}
.skip{position:absolute;left:8px;top:8px;z-index:200;padding:12px 16px;background:var(--gold-500);color:var(--night);font-weight:500;text-decoration:none;transform:translateY(-200%)}
.skip:focus{transform:none}

.wrap{width:100%;max-width:calc(var(--max) + 2*var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.about-grid,.loc-cols,.enq-grid,.enq-side{grid-template-columns:minmax(0,1fr)}
.ico{width:20px;height:20px;flex:none}
.ico-s{width:14px;height:14px;display:inline-block;vertical-align:-1px;margin-left:4px}
.ico-l{width:28px;height:28px;color:var(--crystal-400)}
.ico-wa{color:var(--wa-green)}
.gem{width:16px;height:16px;flex:none;display:inline-block}
.gem-sapphire{color:var(--sapphire)}.gem-jade{color:var(--jade)}

.eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font:500 .75rem/1.4 var(--f-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--crystal-200);margin-bottom:14px}
.eyebrow::before{content:"";width:7px;height:7px;transform:rotate(45deg);background:linear-gradient(135deg,var(--crystal-200),var(--gold-400));flex:none}
.ivory .eyebrow{color:var(--crystal-600)}
.h2{font:italic 400 clamp(2rem,1.45rem + 2.4vw,3.25rem)/1.08 var(--f-it);color:var(--gold-400);letter-spacing:-.005em;text-wrap:balance}
.ivory .h2{color:var(--navy)}
.h3{font:500 1.125rem/1.3 var(--f-caps);letter-spacing:.06em;color:var(--ivory);display:flex;align-items:center;gap:10px}
.ivory .h3{color:var(--ink)}
.rule{display:block;width:96px;height:1px;margin:var(--rule-m,22px) 0;background:linear-gradient(90deg,var(--crystal-400),var(--gold-400) 70%,transparent);transform-origin:left}
.lead{font-weight:400;font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.6;max-width:62ch;color:var(--mist)}
.ivory{background:var(--ivory);color:var(--ink);color-scheme:light}
.ivory .lead{color:#3A4256}
.nw{white-space:nowrap}
.fine{font-size:.8125rem;line-height:1.55;color:var(--slate);margin-top:16px;max-width:70ch}
.fine-dark{color:var(--mist-2)}
.cap{font-size:.75rem;letter-spacing:.02em;color:var(--slate);margin-top:10px}
.cap-dark,.navy .cap,.night .cap{color:var(--mist-2)}
.note{font-size:.9375rem;color:var(--mist);margin-top:20px}

.sec{position:relative;padding-block:var(--sec-y,72px)}
.js .sec:not(.enq):not(#floors):not(#residences){content-visibility:auto;contain-intrinsic-size:auto var(--cis,1200px)}
@media (min-width:1024px){.sec{padding-block:120px}}
.navy{background-color:var(--navy)}
.night{background-color:var(--night)}
.tex{background-image:var(--tex)}
.navy+.navy.hair,.night+.night.hair{padding-top:48px}
.sec.navy:has(+.navy.hair){padding-bottom:48px}
@media (min-width:1024px){.navy+.navy.hair,.night+.night.hair{padding-top:72px}.sec.navy:has(+.navy.hair){padding-bottom:72px}}
.sec-head{margin-bottom:var(--head-gap,36px)}
@media (min-width:1024px){.sec-head{margin-bottom:56px}}
.hair::before{content:"";position:absolute;top:0;left:50%;width:min(var(--max),88%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--crystal-400),var(--gold-400),transparent);opacity:.7}
.hair::after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;transform:rotate(45deg);background:var(--gold-400)}
.ivory.hair::before{background:linear-gradient(90deg,transparent,var(--crystal-600),var(--gold-500),transparent)}
.ivory.hair::after{background:var(--gold-500)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:2px;border:1px solid transparent;font:500 .9375rem/1.2 var(--f-sans);letter-spacing:.04em;text-decoration:none;text-align:center;transition:background-color .2s,border-color .2s,color .2s}
.btn-gold{background:var(--gold-500);color:var(--night)}
.btn-gold:hover{background:var(--gold-400)}
.btn-ghost{border-color:rgba(247,243,234,.45);color:var(--ivory);background:rgba(11,15,34,.25)}
.btn-ghost:hover{border-color:var(--ivory);background:rgba(11,15,34,.5)}
.btn-ink{background:var(--navy);color:var(--ivory)}
.btn-ink:hover{background:#0E1430}
.btn-ink .ico{color:var(--wa-green)}
.btn-line{border-color:#B9B09C;color:var(--ink);background:transparent}
.btn-line:hover{border-color:var(--ink)}
.btn-line .ico{color:var(--crystal-600)}
.btn-line-dark{border-color:var(--line-dark);color:var(--ivory);background:rgba(11,15,34,.3)}
.btn-line-dark:hover{border-color:var(--crystal-400)}
.btn-line-dark .ico{color:var(--crystal-400)}
.btn-wa-line{border-color:var(--line-dark);color:var(--ivory);margin-top:20px}
.btn-wa-line:hover{border-color:var(--crystal-400)}
.btn-wide{width:100%}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--line-dark);background:rgba(20,28,56,.7);color:var(--ivory);border-radius:2px;padding:0}
.icon-btn:hover{border-color:var(--crystal-400)}
.icon-btn:disabled{opacity:.35;cursor:default}
.ivory .icon-btn{border-color:#CFC6B2;background:var(--pearl);color:var(--ink)}
.pill{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--gold-400);border-radius:999px;color:var(--ivory);text-decoration:none;font:500 .8125rem/1 var(--f-sans);letter-spacing:.14em;text-transform:uppercase}
.pill:hover{background:var(--gold-500);color:var(--night);border-color:var(--gold-500)}

.hdr{position:fixed;inset:0 0 auto;z-index:60;min-height:var(--hdr);background:rgba(20,28,56,.94);transition:background-color .35s,box-shadow .35s}
.js .hdr:not(.solid){background:transparent}
.hdr.solid{box-shadow:0 1px 0 rgba(42,53,96,.8)}
@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.hdr.solid,html:not(.js) .hdr{background:rgba(20,28,56,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:100%;max-width:calc(var(--max) + 2*var(--gut));margin:auto;padding-inline:var(--gut)}
.hdr-brand{display:flex;align-items:center;gap:12px;min-height:44px;text-decoration:none}
.hdr-mark{width:auto;height:30px}
.hdr-word{width:auto;height:10px;display:none}
@media (min-width:375px){.hdr-word{display:block}}
@media (min-width:768px){.hdr-word{height:12px}}
.hdr-nav{display:none}
@media (min-width:1200px){.hdr-nav{display:block}.hdr-nav ul{display:flex;gap:28px}.hdr-nav a{font:500 .75rem/1 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--mist);padding:16px 0}.hdr-nav a:hover{color:var(--ivory)}}
.hdr-act{display:flex;align-items:center;gap:6px;flex:none}
.hdr-menu{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font:500 .8125rem/1 var(--f-sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--ivory)}
.hdr-menu:hover{color:var(--gold-400)}
.progress{position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none}
.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--crystal-400),var(--gold-400));transform-origin:0 50%;transform:scaleX(0)}

.menu{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--night) var(--tex);color:var(--ivory);overflow-y:auto}
.menu::backdrop{background:var(--night)}
.menu[open]{animation:fadeUp .32s var(--ease)}
.menu-in{min-height:100%;display:flex;flex-direction:column;max-width:960px;margin:auto;padding:8px var(--gut) calc(24px + env(safe-area-inset-bottom))}
.menu-top{display:flex;justify-content:space-between;align-items:center;min-height:56px}
.menu-logo{height:30px;width:auto}
.menu-list{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(7,auto);grid-auto-flow:column;column-gap:48px;margin:24px 0 32px}
.menu-list a{display:flex;align-items:baseline;gap:18px;padding:12px 0;border-bottom:1px solid var(--line-dark);font:italic 400 clamp(1.75rem,1.3rem + 2vw,2.75rem)/1.2 var(--f-it);color:var(--ivory);text-decoration:none}
.menu-list a span{font:500 .75rem/1 var(--f-sans);letter-spacing:.16em;color:var(--crystal-200);min-width:22px}
.menu-list a:hover{color:var(--gold-400)}
.menu-foot{margin-top:auto;font-size:.875rem;color:var(--mist)}
.menu-rera{font-size:.8125rem;line-height:1.5}
.menu-rera a{display:inline-block;padding-block:9px;color:var(--crystal-200)}
.menu-contact{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px;margin-bottom:14px}
.menu-contact .btn{padding:0 12px}
.menu-contact .btn-gold .ico{color:var(--night)}
.lnk-ext{overflow-wrap:anywhere}
@media (max-width:479.98px){.menu-rera .sep{display:none}}
@media (min-width:1024px){.menu-foot{margin-top:40px}}

.hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:100vh;min-height:100svh;background:var(--night);color:var(--ivory);overflow:hidden}
.hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-media picture,.hero-img{width:100%;height:100%}
.hero-img{object-fit:cover;object-position:50% 18%;animation:heroZoom 14s ease-out 1 forwards;transform-origin:50% 40%}
.hero.paused .hero-img{animation-play-state:paused}
@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.05)}}
.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,15,34,.6) 0,rgba(11,15,34,0) 16%,rgba(11,15,34,.1) 26%,rgba(11,15,34,.62) 40%,rgba(11,15,34,.88) 56%,var(--night) 82%)}
.hero-in{padding-top:120px;padding-bottom:48px}
.lockup{max-width:560px;margin-inline:auto;text-align:center}
.lockup-logo{position:relative;width:56px;margin:0 auto 16px}
.lockup-logo img{width:100%}
.sweep{position:absolute;inset:0;overflow:hidden;pointer-events:none;-webkit-mask:url(../brand/logo-mark-128.webp) center/100% 100% no-repeat}
.sweep::after{content:"";position:absolute;top:0;bottom:0;left:0;width:55%;background:linear-gradient(100deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.85) 50%,rgba(255,255,255,0) 85%);transform:translateX(-120%);animation:sweep 1.2s .4s cubic-bezier(.4,0,.2,1) 1 forwards}
@keyframes sweep{to{transform:translateX(230%)}}
.eyebrow-hero{justify-content:center;color:var(--crystal-200);margin-bottom:10px}
.eyebrow-hero::before{display:none}
.h1{font-weight:400;margin:0}
.h1-it{display:block;font:italic 400 clamp(2.5rem,1.9rem + 3vw,4.5rem)/1.04 var(--f-it);color:var(--gold-400)}
.h1-caps{display:block;font:500 clamp(1.875rem,1.4rem + 2.4vw,3.5rem)/1.1 var(--f-caps);letter-spacing:.06em;text-transform:uppercase;color:var(--ivory);margin-top:2px}
.hero-sub{font-weight:400;font-size:1.0625rem;line-height:1.55;color:var(--mist);margin:16px auto 24px;max-width:36ch}
.hero-cta{display:flex;flex-direction:column;gap:10px}
.hero-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:0 14px;margin-top:16px;font-size:.75rem;line-height:1.5;color:var(--mist)}
.ht{max-width:100%;display:inline-flex;align-items:center;gap:6px;min-height:32px}
.hero-trust a{color:var(--mist);text-underline-offset:3px;display:inline-flex;align-items:center;padding-block:7px}
.hero-trust a:hover{color:var(--ivory)}
.stars{display:inline-flex;gap:2px;vertical-align:-2px;color:var(--gold-400)}
.stars svg{width:13px;height:13px}
.hero-cap{position:absolute;right:var(--gut);bottom:10px;margin:0;font-size:.6875rem;letter-spacing:.04em;color:rgba(200,210,227,.75)}
@media (max-width:1023px) and (max-height:700px){.lockup-logo{width:44px;margin-bottom:10px}.hero-in{padding-bottom:28px}}
@media (min-width:640px){.hero-cta{flex-direction:row;justify-content:center;flex-wrap:wrap}}
@media (min-width:1024px){.hero{align-items:center;min-height:640px;height:min(100vh,900px)}.hero-media{left:30%}.hero-img{object-position:4% 45%}.hero-shade{background:linear-gradient(90deg,var(--night) 0,var(--night) 30%,rgba(11,15,34,.72) 36%,rgba(11,15,34,0) 50%),linear-gradient(180deg,rgba(11,15,34,.8) 0,rgba(11,15,34,.35) 9%,rgba(11,15,34,0) 20%,rgba(11,15,34,0) 78%,rgba(11,15,34,.7) 100%)}.hero-in{padding-top:var(--hdr);padding-bottom:0}.lockup{margin:0;text-align:left;max-width:540px}.lockup-logo{width:184px;margin:0 0 30px}.sweep{-webkit-mask-image:url(../brand/logo-full-368.webp)}.hero-trust{justify-content:flex-start}.eyebrow-hero{justify-content:flex-start}.hero-sub{margin:20px 0 32px}.hero-cta{justify-content:flex-start}}

.trust{background:var(--navy);border-bottom:1px solid var(--line-dark)}
.trust-list{display:grid;grid-template-columns:1fr;gap:0}
.trust-item{display:flex;gap:16px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--line-dark)}
.trust-item:last-child{border-bottom:0}
.trust-k,.ladder-h,.pv-k{font:500 .75rem/1.4 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mist-2)}
.trust-v{font-size:1rem;font-weight:500;color:var(--ivory);margin-top:4px;overflow-wrap:anywhere}
.trust-v a{color:var(--ivory);text-underline-offset:3px}
@media (min-width:380px){.trust-v a{white-space:nowrap}}
.trust-s{font-size:.8125rem;color:var(--mist);margin-top:4px}
.trust-s a{color:var(--crystal-200)}
.trust-s.stars{display:flex;margin-top:6px}
.trust-s.stars svg{width:14px;height:14px}
@media (max-width:639.98px){.trust-item:first-child,.trust-k{display:none}.trust-item{padding:12px 0;gap:12px;align-items:center}.trust-item .ico-l{width:20px;height:20px}.trust-item>div{display:flex;flex-wrap:wrap;gap:0 6px;align-items:baseline}.trust-v{font-size:.9375rem;margin:0}.trust-s{font-size:.875rem;margin:0}.trust-s:not(.stars)::before{content:"\00B7  "}.trust-s.stars{margin:0;color:var(--gold-400)}.trust-s.stars svg{width:13px;height:13px}}
@media (min-width:640px){.trust-list{grid-template-columns:1fr 1fr;column-gap:32px}.trust-item:nth-last-child(2){border-bottom:0}}
@media (min-width:1100px){.trust-list{grid-template-columns:1.6fr 1.3fr .8fr 1fr;column-gap:0}.trust-item{border-bottom:0;padding:30px 24px;border-left:1px solid var(--line-dark)}.trust-item:first-child{border-left:0;padding-left:0}}

.about-grid{display:grid;gap:48px;align-items:center}
@media (min-width:1024px){.about-grid{grid-template-columns:1.25fr 1fr;gap:80px}}
.about-copy>p+p{margin-top:16px;max-width:62ch}
.ladder-h{color:var(--slate);margin:36px 0 8px}
.ladder li a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:64px;padding:10px 4px;border-bottom:1px solid var(--line-light);text-decoration:none;color:var(--ink);transition:background-color .2s}
.ladder li:first-child a{border-top:1px solid var(--line-light)}
.ladder li a:hover{background:var(--pearl)}
.ladder-t{min-width:0;font-size:1rem;font-weight:500;line-height:1.3}
.ladder-t small{display:block;font-size:.75rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.ladder-a{font-weight:300;font-size:1.25rem;font-variant-numeric:lining-nums tabular-nums;text-align:right}
.ladder-a small{white-space:nowrap}
.ladder-a small{font-size:.8125rem;color:var(--slate);font-weight:400}
@media (max-width:379px){.ladder li a{grid-template-columns:auto 1fr}.ladder-a{grid-column:2;text-align:left}}
.about-media,.green-media{position:relative;max-width:460px;width:100%;margin-inline:auto}
.diamond-frame{position:relative;aspect-ratio:1;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--line-light)}
.diamond-frame picture,.dm-img{width:100%;height:100%}
.dm-img{object-fit:cover}
.about-media::before,.green-media::before{content:"";position:absolute;left:50%;top:0;width:calc(70.71% + 2px);aspect-ratio:1;transform:translate(-50%,20.71%) rotate(45deg) scale(1.07);border:1px solid var(--gold-500);opacity:.6;pointer-events:none}
.about-media figcaption,.green-media figcaption{text-align:center}

.tower{color:var(--mist)}
.tower-grid{display:grid;gap:40px;align-items:center}
@media (min-width:1024px){.tower-grid{grid-template-columns:1fr 1fr;gap:80px}}
.tower-media{position:relative}
.tower-media img,.cover{width:100%;height:100%;object-fit:cover}
.op-r{object-position:72% 50%}
.tower-media picture{aspect-ratio:1;overflow:hidden;background:var(--navy-2)}
.cap-on{position:absolute;right:10px;bottom:8px;margin:0;color:rgba(247,243,234,.85);text-shadow:0 1px 6px rgba(0,0,0,.6)}
.facts{display:grid;grid-template-columns:1fr 1fr;margin-top:32px;border-top:1px solid var(--line-dark)}
.fact{padding:20px 16px 20px 0;border-bottom:1px solid var(--line-dark)}
.fact:nth-child(even){padding-left:16px;border-left:1px solid var(--line-dark)}
.fact dt{font:300 3rem/1 var(--f-sans);color:var(--gold-400);font-variant-numeric:lining-nums}
.fact dd{font-size:.9375rem;color:var(--mist);margin-top:8px;line-height:1.45}
.entr-h{margin:72px 0 20px}
.rail-entr .rail-track>li{flex-basis:min(82%,340px)}
@media (min-width:640px){.rail-entr .entr{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;overflow:visible;margin:0;padding:0}.rail-entr .rail-nav{display:none}}
.entr picture{aspect-ratio:16/10;overflow:hidden;background:var(--navy-2)}
.entr figcaption{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;padding-top:14px}
.entr figcaption .gem{margin-top:3px}
.entr figcaption span{font-size:.9375rem;color:var(--mist)}
.entr figcaption strong{display:block;font:500 1rem/1.35 var(--f-caps);letter-spacing:.05em;color:var(--ivory)}
.entr figcaption small{grid-column:2;font-size:.75rem;color:var(--mist-2)}

.tower-media picture,.entr picture,.ph picture,.mall-pair picture,.spread picture,.g-a picture{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}

.spread .sec-head{margin-bottom:28px}
.spread-q{font-size:clamp(2.25rem,1.5rem + 3.2vw,4rem);max-width:16ch;color:var(--ivory)}
@media (min-width:1024px){.spread-q{max-width:24ch}}
.spread-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sp-a{grid-column:1/-1}
.sp-link{display:block;cursor:zoom-in}
.sp-a picture{aspect-ratio:4/3;overflow:hidden;background:var(--navy-2)}
.sp-b picture,.sp-c picture{aspect-ratio:1;overflow:hidden;background:var(--navy-2)}
.spread .cap{margin-top:8px}
@media (min-width:768px){.spread-grid{grid-template-columns:7fr 5fr;grid-template-rows:auto auto;gap:16px 20px}.sp-a{grid-column:1;grid-row:1/3;display:flex;flex-direction:column}.sp-a .sp-link{flex:1;min-height:0}.sp-a picture{aspect-ratio:auto;height:100%}.sp-b picture,.sp-c picture{aspect-ratio:3/2}}


.rail-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-inline:calc(-1*var(--gut));padding:4px var(--gut) 16px;scroll-padding-inline:var(--gut);scrollbar-width:thin;scrollbar-color:#CFC6B2 transparent}
.rail-track>li{position:relative;flex:0 0 min(84%,340px);scroll-snap-align:start}
.rail-nav{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
@media (min-width:1024px){.rail-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));overflow:visible;margin:0;padding:0;gap:24px}.rail .rail-nav{display:none}}

.card{display:flex;flex-direction:column;background:var(--pearl);border:1px solid var(--line-light);border-radius:2px;box-shadow:0 1px 0 var(--line-light),0 12px 32px -16px rgba(20,24,38,.18)}
.card-media{position:relative;display:block;aspect-ratio:16/11;overflow:hidden;background:#fff;border-bottom:1px solid var(--line-light)}
.card-media picture{position:absolute;inset:14px}
.card-img{width:100%;height:100%}
.card-img{object-fit:contain;transition:transform .5s var(--ease)}
.card-media:hover .card-img{transform:scale(1.03)}
.card-body{display:flex;flex-direction:column;gap:12px;flex:1;padding:20px}
.card-head{display:flex;flex-direction:column;gap:12px}
.card-kicker{display:flex;align-items:center;gap:8px;font:500 .75rem/1.3 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--slate)}
.card-title{font:500 1.25rem/1.25 var(--f-caps);letter-spacing:.04em;color:var(--ink)}
.num{font-family:var(--f-sans);font-weight:500;letter-spacing:.02em;text-transform:none;font-variant-numeric:lining-nums}
.card-title .num{font-size:1.05em}
.area{display:flex;flex-direction:column;gap:2px;padding-top:10px;border-top:1px solid var(--line-light)}
.area-v{font-weight:300;font-size:2.125rem;line-height:1.1;color:var(--ink);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.01em}
.area-v small{font-size:.9375rem;color:var(--slate);font-weight:400;letter-spacing:0}
.card-note{font-size:.9375rem;line-height:1.5;color:var(--slate)}
.card-cta{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:6px}
.js .plan-links{display:none}
.plan-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:.8125rem;color:var(--slate)}
.plan-links-h{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}
.plan-links ul{display:flex;flex-wrap:wrap;gap:2px 12px}
.plan-link{color:var(--crystal-600);text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}
.res-fine{margin-top:32px}

.floors-grid{display:grid;grid-template-columns:112px 1fr;grid-template-areas:"pick read" "pick pv";gap:24px 20px;align-items:start}
.tower-pick{grid-area:pick}
.pv-read{grid-area:read}
.pv{grid-area:pv}
.tw-cap{display:block;width:100%;height:auto;margin-bottom:-1px}
.stack{display:flex;flex-direction:column-reverse;gap:2px;padding:6px 8px 0;border:1px solid var(--line-dark);border-bottom:0;background:linear-gradient(180deg,rgba(28,38,72,.6),rgba(28,38,72,.2))}
.fl{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:26px;padding:0 8px 0 14px;border:1px solid var(--line-dark);background:repeating-linear-gradient(90deg,rgba(159,205,221,.07) 0 10px,transparent 10px 16px),var(--navy-2);color:var(--mist);font:500 .8125rem/1 var(--f-sans);font-variant-numeric:tabular-nums;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.fl-k{font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mist-2)}
.fl:hover{border-color:var(--crystal-400);color:var(--ivory)}
.fl[aria-current="true"]{background:var(--navy);border-color:var(--gold-400);box-shadow:inset 0 0 0 1px var(--gold-400);color:var(--gold-400)}
.fl[aria-current="true"] .fl-k{color:var(--gold-400)}
.fl[aria-current="true"]::before{content:"";position:absolute;left:4px;top:50%;width:6px;height:6px;margin-top:-3px;transform:rotate(45deg);background:var(--gold-400)}
.podium{border:1px solid var(--line-dark);border-top:1px solid var(--gold-500);margin:0 -6px;padding:4px 6px;background:rgba(11,15,34,.35)}
.fl-base{display:flex;align-items:center;gap:8px;min-height:32px;font-size:.75rem;line-height:1.25;color:var(--mist);text-decoration:none}
.fl-base .fb-n{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border:1px solid var(--line-dark);font-size:.75rem;color:var(--crystal-200)}
.fl-base:hover{color:var(--ivory)}
.pv-title{font:500 clamp(1.5rem,1.2rem + 1.4vw,2.5rem)/1.15 var(--f-caps);letter-spacing:.06em;color:var(--ivory);margin:4px 0 6px;min-height:1.2em}
.pv-title .num{color:var(--gold-400)}
.pv-sub{font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--crystal-200)}
.pv-read .btn{margin-top:18px;padding:0 16px;width:100%}
html:not(.js) .pv-title{font-size:1.125rem}
@media (min-width:1024px){.floors-grid{grid-template-columns:230px 1fr;grid-template-areas:"pick read" "pick pv";gap:20px 56px}.pv-read{position:static;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}.pv-read .pv-k{flex-basis:100%}.pv-read .pv-sub{flex-basis:100%;order:3}.pv-read .btn{width:auto;margin:0 0 0 auto;align-self:center}.fl{min-height:30px;font-size:.875rem}.fl-base{min-height:40px;font-size:.875rem}}
.pv-fig+.pv-fig{margin-top:28px}
.js .pv-fig+.pv-fig{margin-top:0}
.pv-cap{font-size:.875rem;color:var(--mist);margin-bottom:10px;padding-inline:var(--gut)}
@media (min-width:768px){.pv-cap{padding-inline:0}}
.pv-cap strong{color:var(--ivory);font-weight:500;margin-right:6px}
.js .pv-cap{display:none}
.pv-plan{position:relative;overflow:hidden;display:block;background:#fff;padding:10px;border-radius:2px;cursor:zoom-in}
.pv-plan picture{aspect-ratio:2560/1304}
.pv-img{width:100%;height:100%;object-fit:contain}
.wing{position:absolute;display:inline-flex;align-items:center;gap:5px;padding:3px 7px;background:rgba(255,255,255,.94);border:1px solid #CFC6B2;font:500 .625rem/1.2 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);box-shadow:0 2px 8px rgba(20,24,38,.15)}
.wing .gem{width:11px;height:11px}
.wing-s{left:4%;top:38%}.wing-j{left:28%;top:27%}.wing-d{left:64%;top:30%}
@media (min-width:768px){.wing{font-size:.75rem;padding:5px 10px;gap:7px}.wing .gem{width:14px;height:14px}}

.promo{padding-top:var(--sec-y,72px)}
.promo-grid{display:grid;gap:40px;align-items:start}
@media (min-width:1024px){.promo-grid{grid-template-columns:1.3fr 1fr;gap:80px}}
.promise{margin-top:28px;font:italic 400 1.625rem/1.3 var(--f-it);color:var(--gold-700)}
.promise span{display:block;font:500 .6875rem/1.4 var(--f-sans);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--slate);margin-bottom:6px}
.promise i{font-style:normal;color:var(--gold-500);margin:0 4px}
.ceo{background:var(--pearl);border:1px solid var(--line-light);padding:28px;box-shadow:0 1px 0 var(--line-light),0 12px 32px -16px rgba(20,24,38,.18)}
.ceo-mark{width:44px;height:auto;margin-bottom:18px}
.ceo-name{font:500 1.5rem/1.2 var(--f-caps);letter-spacing:.05em;color:var(--ink)}
.ceo-role{font:500 .75rem/1.4 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin-top:6px}
.ceo-bio{margin-top:14px;padding-top:14px;border-top:1px solid var(--line-light);color:var(--slate)}

.g-cap{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;padding:28px 12px 10px;background:linear-gradient(180deg,rgba(11,15,34,0),rgba(11,15,34,.88))}
.g-t{font-size:.875rem;font-weight:500;color:var(--ivory);line-height:1.3}
.g-c{font-size:.6875rem;color:var(--mist)}

.enq-grid{display:grid;gap:48px}
@media (min-width:1024px){.enq-grid{grid-template-columns:1.35fr 1fr;gap:80px}}
.form{margin-top:32px;max-width:640px}
.nojs-enq{margin-top:28px;color:var(--mist)}
.nojs-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.fld label,.fs legend{display:block;font-size:.875rem;font-weight:500;letter-spacing:.04em;color:var(--ivory);margin-bottom:10px}
.fld input{width:100%;min-height:52px;padding:0 14px;border:1px solid var(--line-dark);border-radius:2px;background:var(--navy-2);font-size:1rem;color:var(--ivory)}
.fld input:focus{border-color:var(--crystal-400);outline:2px solid var(--focus);outline-offset:1px}
.fld input[aria-invalid="true"]{border-color:#F2A7A7}
.err{font-size:.875rem;color:#F5B5B5;margin-top:8px}
.fs{border:0;padding:0;margin:28px 0 0;min-width:0}
.opt{color:var(--mist-2);font-weight:400}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips+.chips{margin-top:8px}
.chip-c{position:relative;display:inline-flex}
.chip-c input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.chip-c span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line-dark);border-radius:999px;font-size:.9375rem;color:var(--mist);transition:background-color .15s,border-color .15s}
.chip-c input:hover+span{border-color:var(--crystal-400)}
.chip-c input:checked+span{background:var(--crystal-200);border-color:var(--crystal-200);color:var(--night)}
.chip-c input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}
.form .btn-wide{margin-top:32px}
@media (min-width:640px){.form .btn-wide{width:auto;min-width:280px}}
.help{font-size:.875rem;color:var(--mist);margin-top:12px}
.status{font-size:.9375rem;color:var(--crystal-200);margin-top:10px}
.status:empty{display:none}
.status a{color:var(--ivory)}
.consent{font-size:.8125rem;line-height:1.6;color:var(--mist-2);margin-top:20px;padding-top:16px;border-top:1px solid var(--line-dark)}
.consent a{color:var(--crystal-200)}
.enq-side{display:grid;gap:32px;align-content:start}
@media (min-width:1024px){.enq-side{padding-top:150px}}
.side-rera{font-size:.8125rem;color:var(--mist);padding:16px;border:1px solid var(--line-dark)}
.side-rera p+p{margin-top:6px}
.side-rera a{color:var(--crystal-200);overflow-wrap:anywhere}

.foot{background:var(--night);color:var(--mist);padding:64px 0 32px;border-top:1px solid var(--line-dark);font-size:.875rem}
.foot-top{display:grid;gap:32px;padding-bottom:40px;border-bottom:1px solid var(--line-dark)}
@media (min-width:1024px){.foot-top{grid-template-columns:220px 1fr;gap:64px;align-items:center}}
.foot-logo{width:150px}
.foot-nav ul{display:flex;flex-wrap:wrap;gap:0 22px}
.foot-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--mist);text-decoration:none}
.foot-nav a:hover{color:var(--ivory);text-decoration:underline}
.foot-cols{display:grid;gap:28px;padding:40px 0}
@media (min-width:640px){.foot-cols{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.foot-cols{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px}}
.foot-h{font:500 .6875rem/1.4 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--crystal-200);margin-bottom:12px}
.foot-cols p+p{margin-top:8px}
.foot a{color:var(--mist);text-underline-offset:3px}
.foot-cols a{overflow-wrap:anywhere;display:inline-block;padding:2px 0}
.foot a:hover{color:var(--ivory)}
.foot-cols .foot-ig{display:inline-flex;align-items:center;gap:8px}
.foot-ig .ico{width:18px;height:18px;color:var(--crystal-200)}
.disc{padding-top:28px;border-top:1px solid var(--line-dark);font-size:.8125rem;line-height:1.6;color:var(--mist-2);max-width:92ch}
.disc p+p{margin-top:10px}

.mbar{position:fixed;left:0;right:0;bottom:0;z-index:55;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);padding-bottom:env(safe-area-inset-bottom);background:var(--navy);border-top:1px solid rgba(213,163,85,.7);transition:transform .3s var(--ease)}
.mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:var(--mbar);font:500 .8125rem/1 var(--f-sans);letter-spacing:.04em;color:var(--ivory);text-decoration:none}
.mbar a+a{border-left:1px solid var(--line-dark)}
.mbar .ico{width:20px;height:20px;color:var(--crystal-200)}
.mbar .mb-wa,.mbar .mb-wa+a{border-left:0}
.mbar .mb-wa{flex-direction:row;gap:8px;background:var(--gold-500);color:var(--night);font-size:.9375rem}
.mbar .mb-wa .ico{color:var(--night)}
.js .mbar:not(.on),.dlg .mbar{transform:translateY(110%);visibility:hidden;transition:transform .3s var(--ease),visibility 0s .3s}
body{padding-bottom:calc(var(--mbar) + env(safe-area-inset-bottom))}
@media (min-width:1024px){.mbar{display:none}body{padding-bottom:0}}

.lb{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(6,9,22,.97);color:var(--ivory);overflow:hidden;overscroll-behavior:contain}
.lb::backdrop{background:rgba(6,9,22,.9)}
.lb[open]{display:block;animation:fadeUp .28s var(--ease)}
.lb-top{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:4px 4px 4px 16px;padding-top:max(4px,env(safe-area-inset-top))}
.lb-count{font-size:.875rem;color:var(--mist);font-variant-numeric:tabular-nums}
.lb-fig{display:flex;flex-direction:column;height:100%;padding:56px 0 calc(12px + env(safe-area-inset-bottom))}
.lb-stage{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;cursor:zoom-in}
.lb.zoomed .lb-stage{cursor:grab}
.lb-pan{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.lb-pan.anim{transition:transform .22s var(--ease)}
.lb-pan picture,.lb-pan img{width:100%;height:100%;max-width:none}
.lb-pan img{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}
.lb-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:6px 12px;background:rgba(11,15,34,.85);border:1px solid var(--line-dark);border-radius:999px;font-size:.75rem;color:var(--ivory);white-space:nowrap;pointer-events:none;transition:opacity .4s}
.lb-hint.out{opacity:0}
.lb-cap{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 16px 2px;text-align:center}
.lb-title{font-size:.9375rem;color:var(--ivory)}
.lb-note{font-size:.75rem;color:var(--mist-2)}
.lb-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px 0}
.lb-ctl{display:flex;gap:8px;margin-inline:auto}
.lb-fit{width:auto;min-width:56px;padding:0 12px;font-size:.875rem;letter-spacing:.04em}
.lb-act{margin:10px 12px 0}
.lb-act .ico{color:var(--night)}
@media (min-width:768px){.lb-fig{padding:64px 80px 24px}.lb-nav{position:absolute;top:50%;margin-top:-24px;z-index:2}.lb-prev{left:16px}.lb-next{right:16px}.lb-act{align-self:center;min-width:320px}}
@media (min-width:1024px){.lb-fig{display:grid;grid-template:minmax(0,1fr) auto/minmax(0,1fr) auto minmax(0,1fr);column-gap:24px}.lb-stage{grid-column:1/-1}.lb-cap{grid-area:2/1;align-items:flex-start;text-align:left;padding:14px 0 0}.lb-bar{grid-area:2/2;padding:14px 0 0}.lb-act{grid-area:2/3;justify-self:end;align-self:start;margin:14px 0 0;min-width:0}}

.jump,.fb-m,.fwa-m,.fl-step,.pv-open{display:none}
.hero-dl{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:.9375rem;color:var(--ivory);text-underline-offset:4px}
.hero-dl .ico{color:var(--crystal-200)}
.hero-cta .btn-gold .ico{color:var(--night)}
.btn:active,.chip-c input:active+span,.fl:active,.icon-btn:active,.mbar a:active{filter:brightness(1.12)}
@media (prefers-reduced-motion:no-preference){.btn:active,.mbar a:active{transform:scale(.98)}}
@media (min-width:1024px){.m-only{display:none!important}}
@media (min-width:640px){.hero-dl{flex-basis:100%}}
@media (max-width:1023.98px){.d-only,.hdr .pill,.lockup-logo,.ht.griha{display:none!important}.hdr{padding-top:env(safe-area-inset-top);min-height:calc(var(--hdr) + env(safe-area-inset-top))}.hdr-in{gap:4px}.hdr-brand{position:relative;flex:none;min-width:44px}.hdr-word{position:absolute;left:47px;top:50%;transform:translateY(-50%);max-width:none;transition:opacity .2s,visibility .2s}.jump{display:block;flex:1 1 auto;min-width:0;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.hdr.past .hdr-word{opacity:0;visibility:hidden}.hdr.past .jump{opacity:1;visibility:visible}.jump-list{position:relative;display:flex;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;padding-inline:6px 24px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 44px),transparent)}.hdr.past .hdr-act{border-left:1px solid var(--line-dark);padding-left:2px}.jump-list::-webkit-scrollbar,.stack::-webkit-scrollbar{display:none}.jump a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 10px;white-space:nowrap;font:500 .8125rem/1 var(--f-sans);letter-spacing:.04em;color:var(--mist-2);text-decoration:none}.jump a[aria-current]{color:var(--ivory)}.jump a[aria-current]::after{content:"";position:absolute;left:50%;bottom:6px;width:16px;height:2px;margin-left:-8px;background:var(--gold-400)}.hdr-menu{padding:0 8px;letter-spacing:.12em}.hero-in{padding-top:96px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.hero-sub{margin:12px auto 20px}.hero-trust{margin-top:10px}.hero-trust a{min-height:36px}.hero-cap{font-size:.75rem}}
@media (max-width:767.98px){html{scroll-padding-bottom:calc(var(--mbar) + 16px + env(safe-area-inset-bottom))}.h2,.spread-q{font-size:1.875rem;line-height:1.1}.g-c,.foot-h,.promise span{font-size:.75rem}.menu-list{column-gap:16px;margin:12px 0 20px}.menu-list a{align-items:center;min-height:52px;padding:8px 0;font-size:1.5rem}.menu-list a span{display:none}.about-media{display:none}.ladder-h{margin-top:24px}.about .fine{margin-top:10px}.ladder li a{grid-template-columns:auto minmax(0,1fr) auto 10px}.ladder li a::after{content:"";width:7px;height:7px;border:solid var(--crystal-600);border-width:1.5px 1.5px 0 0;transform:rotate(45deg)}.tower-grid{gap:24px}.tower-media picture{aspect-ratio:16/10}.facts{margin-top:20px}.fact{padding:12px 12px 12px 0}.tower .note{margin-top:14px}.rail-entr .rail-track>li{flex-basis:min(76%,340px)}.entr figcaption{padding-top:10px}.rail-track{padding-bottom:8px}.rail-nav{margin-top:4px}.rail-nav .icon-btn{width:44px;height:44px}.fact:nth-child(even){padding-left:12px}.fact dt{font-size:2.5rem}.entr-h{margin:32px 0 12px}.spread .sec-head{margin-bottom:20px}.spread-grid{gap:8px}.sp-a picture{aspect-ratio:3/2}.sp-b picture,.sp-c picture{aspect-ratio:5/4}.spread .cap{margin-top:6px}}
@media (max-width:767.98px),(max-width:1023.98px) and (orientation:landscape) and (max-height:500px){.floors-grid{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pick pick" "ttl step" "sub sub" "pv pv" "wa open" "fine fine" "base base";gap:8px}.tower-pick,.js .pv-read,.js .pv{display:contents}.tw-cap,.pv-k,.fl-k,.fl-g,.fl-base .fb-n,.fb-d,.fl[aria-current="true"]::before{display:none}.pv-read{grid-area:ttl}.pv-title{grid-area:ttl;align-self:center;margin:4px 0 0;font-size:1.5rem}.pv-sub{grid-area:sub;margin-top:-6px;font-size:.8125rem;letter-spacing:.04em;text-transform:none}.fl-step{grid-area:step;display:flex;gap:8px;align-self:center;justify-self:end}.fl-step .icon-btn{width:44px;height:44px}.fb-m{display:inline}#floor-wa{grid-area:wa;margin-top:8px}.pv-fig{grid-area:pv;margin-inline:calc(-1*var(--gut))}.pv-plan{border-radius:0}.pv-plan::after{content:"";position:absolute;right:8px;bottom:8px;width:28px;height:28px;background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239FCDDD' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M4 9V4h5M20 15v5h-5M4 4l6 6M20 20l-6-6'/%3E%3C/svg%3E") center/18px no-repeat;border-radius:2px}.pv-open{grid-area:open;display:flex;margin-top:8px;padding:0 14px;gap:8px}#floor-wa{padding:0 12px;gap:8px}.pv .fine{grid-area:fine;margin-top:4px}.stack{grid-area:pick;position:relative;flex-direction:row;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:calc(-1*var(--gut));padding:6px var(--gut);border:0;background:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 24px),transparent)}.fl{flex:0 0 44px;min-height:44px;justify-content:center;padding:0;scroll-snap-align:center}.fl-n{font-size:.9375rem}.podium{grid-area:base;margin:0;padding:0;border:0;background:none}.fl-base{justify-content:space-between;min-height:44px;font-size:.9375rem;color:var(--crystal-200)}.fl-base::after{content:"";flex:none;width:7px;height:7px;margin-right:4px;border:solid currentColor;border-width:1.5px 1.5px 0 0;transform:rotate(45deg)}.wing{padding:2px 6px;font-size:.75rem;letter-spacing:.06em}}
@media (max-width:359.98px){.foot-nav ul{grid-template-columns:1fr 1fr}}
@media (max-width:379.98px){.ladder li a{grid-template-columns:auto 1fr 10px}.ladder li a::after{grid-column:3;grid-row:1/span 2}}


.rail-c{margin-right:auto;font-size:.8125rem;color:var(--mist-2);font-variant-numeric:tabular-nums}
.ivory .rail-c{color:var(--slate)}
.rail-nav{align-items:center}
@media (max-width:767.98px){.form .btn-wide{position:sticky;margin-top:0;bottom:calc(10px + env(safe-area-inset-bottom));z-index:2;box-shadow:0 0 0 10px var(--navy),0 -20px 16px 2px var(--navy)}.form input{scroll-margin-bottom:100px}.foot{padding-top:48px}.foot-top{gap:20px;padding-bottom:20px}.foot-nav ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5em,1fr));gap:0 12px}.foot-cols{gap:20px;padding:24px 0}.foot-cols p+p{margin-top:0}.foot-cols a{display:inline-flex;align-items:center;min-height:44px;padding:0}.foot-nav a{min-width:44px}.side-rera a{display:inline-flex;align-items:center;min-height:44px}}
@media (max-width:639.98px){.ceo{padding:20px}.ceo-mark{display:none}.promise{font-size:1.5rem}.promo-grid{gap:28px}}

@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .rv.in{opacity:1;transform:none}
.js .rule{transform:scaleX(0);transition:transform .9s var(--ease)}
.js .rule.in{transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.hero-img{animation:none}.sweep{display:none}.js .rv,.js .rule{opacity:1;transform:none}}

/*HS*/.hs-1,.ring-1{left:82.88%;top:36.79%}.hs-2,.ring-2{left:84.47%;top:25.02%}.hs-3,.ring-3{left:73.38%;top:21.24%}.hs-4,.ring-4{left:31.41%;top:23.34%}.hs-5,.ring-5{left:19.93%;top:22.50%}.hs-6,.ring-6{left:12.41%;top:23.34%}.hs-7,.ring-7{left:10.63%;top:30.49%}.hs-8,.ring-8{left:11.91%;top:45.62%}.hs-9,.ring-9{left:17.06%;top:80.93%}.hs-10,.ring-10{left:22.31%;top:79.25%}.hs-11,.ring-11{left:28.74%;top:79.46%}.hs-12,.ring-12{left:29.04%;top:91.02%}.hs-13,.ring-13{left:35.08%;top:93.33%}.hs-14,.ring-14{left:41.21%;top:56.55%}.hs-15,.ring-15{left:42.20%;top:37.42%}.hs-16,.ring-16{left:14.98%;top:33.43%}.hs-17,.ring-17{left:20.33%;top:28.38%}.hs-18,.ring-18{left:26.56%;top:62.01%}.hs-19,.ring-19{left:75.36%;top:47.72%}.hs-20,.ring-20{left:79.91%;top:68.74%}.hs-21,.ring-21{left:11.42%;top:76.73%}/*/HS*/

@media (min-width:768px) and (max-width:1023.98px){.jump a{padding:0 6px}}
@media (max-width:359.98px){#floor-wa .ico,.pv-open .ico{display:none}}
@media (max-width:1023.98px) and (orientation:landscape) and (max-height:500px){.floors-grid{grid-template-columns:minmax(0,1fr) 172px 96px;grid-template-areas:"pv ttl step" "pv pick pick" "pv wa wa" "fine fine fine" "base base base";gap:8px 12px}.pv-fig{margin:0;align-self:start}.pv-plan picture{max-height:calc(100svh - var(--hdr) - 76px)}.stack{flex-wrap:wrap;overflow:visible;margin:0;padding:0;-webkit-mask-image:none}.pv-sub,.pv-open{display:none}.menu-top{min-height:48px}.menu-list{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,auto);column-gap:24px;margin:4px 0 12px}.menu-list a{min-height:44px;padding:4px 0;font-size:1.25rem}.menu-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}.menu-contact{flex:0 0 300px;margin:0}}
@media (orientation:landscape) and (max-height:500px){.lb-fig{display:grid;grid-template:1fr auto auto auto 1fr/minmax(0,1fr) 272px;column-gap:16px;padding:52px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left))}.lb-stage{grid-area:1/1/-1/2}.lb-cap{grid-area:2/2;padding:0 0 8px}.lb-bar{grid-area:3/2;padding:0}.lb-act{grid-area:4/2;margin:8px 0 0;min-width:0;align-self:auto}.lb-nav{position:static;margin:0}}

body.plain{padding-bottom:0}
.plain .hdr{position:sticky}
.doc{padding-block:56px 80px}
.doc .wrap{max-width:calc(760px + 2*var(--gut))}
.doc h1{font:italic 400 clamp(2.25rem,1.6rem + 2.6vw,3.5rem)/1.1 var(--f-it);color:var(--navy);margin:0 0 8px}
.doc h2{font:500 1.125rem/1.35 var(--f-caps);letter-spacing:.05em;color:var(--ink);margin:40px 0 10px}
.doc p,.doc li{color:var(--ink);max-width:68ch}
.doc p+p,.doc ul+p{margin-top:12px}
.doc ul{list-style:disc;padding-left:22px;margin-top:10px}
.doc li+li{margin-top:6px}
.doc a{color:var(--crystal-600)}
.doc .meta{color:var(--slate);font-size:.875rem}
.doc .btn{margin-top:28px}
.nf{min-height:calc(100vh - 56px);display:flex;align-items:center;text-align:center;padding-block:64px}
.nf .wrap{max-width:640px}
.nf img{width:150px;margin:0 auto 28px}
.nf h1{font:italic 400 clamp(2.25rem,1.6rem + 2.6vw,3.5rem)/1.1 var(--f-it);color:var(--gold-400);margin:0 0 12px}
.nf p{color:var(--mist)}
.nf .btn{margin-top:28px}

/* ===== PKG-A additions (chrome, hero..floors, viewer core) ===== */
/* -- chrome: header centring, contact icons, 200% text (A-1.1, A-1.3, A-1.6) -- */
.hdr-in{height:var(--hdr);min-width:0}
.jump{min-width:0;flex:1 1 0}
.hdr-menu{font-size:min(.8125rem,14px)}
.mbar a{font-size:min(.8125rem,14px)}.mbar .mb-wa{font-size:min(.9375rem,16px)}
.hdr-ico{display:none;align-items:center;justify-content:center;flex:none;width:44px;height:44px;color:var(--ivory)}
.hdr-ico:hover{color:var(--gold-400)}
.hdr.past{background:rgba(20,28,56,.97)}
.hdr-nav a[aria-current]{color:var(--ivory);box-shadow:inset 0 -2px var(--gold-400)}
@media (max-width:1319.98px){.hn-gal{display:none}}
@media (min-width:1024px){.hdr-wa{display:inline-flex}.hdr:not(.past) .hdr-brand{opacity:0;visibility:hidden}}
@media (max-width:1023.98px){.jump-list{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 56px),transparent calc(100% - 16px))}.hero-in{padding-bottom:calc(36px + env(safe-area-inset-bottom))}html[data-bigtext] .hero{flex-direction:column;align-items:stretch;justify-content:flex-end}html[data-bigtext] .hero-cap{position:static;text-align:right;margin:6px var(--gut) 8px}}
/* short landscape phones: 48px header with Call + WhatsApp, no bottom bar (A-1.2) */
@media (max-width:1023.98px) and (orientation:landscape) and (max-height:500px){:root{--hdr:48px;--mbar:0px;--bar-h:40px}nav.mbar{display:none}body{padding-bottom:env(safe-area-inset-bottom)}.hdr-call,.hdr-wa{display:inline-flex}}
/* menu fits 1024x768 and 1280x720 (A-1.5) */
@media (min-width:1024px) and (max-height:820px){.menu-list a{font-size:2rem;padding:8px 0}.menu-list{margin:12px 0 20px}.menu-foot{margin-top:24px}}
/* scroll landings (A-1.7) */
html{scroll-padding-top:calc(var(--hdr) + env(safe-area-inset-top))}
[id]:not(section){scroll-margin-top:8px}
@media (min-width:1024px){html{scroll-padding-top:var(--hdr)}}

/* -- hero: GRIHA lives in the trust strip; short landscape uses the desktop composition (A-2) -- */
.ht.griha{display:none}
@media (max-width:1023.98px) and (orientation:landscape) and (max-height:500px){.hero{min-height:100svh}.hero-media{left:38%}.hero-img{object-position:4% 45%}.hero-shade{background:linear-gradient(90deg,var(--night) 0 36%,rgba(11,15,34,.7) 45%,rgba(11,15,34,0) 57%)}.hero-in{padding-top:calc(var(--hdr) + 12px);padding-bottom:16px}.lockup{max-width:50%;margin:0;text-align:left}.lockup-logo{display:none}.eyebrow-hero,.hero-cta,.hero-trust{justify-content:flex-start}.eyebrow-hero{margin-bottom:6px}.h1-it{font-size:2rem}.h1-caps{font-size:1.375rem}.hero-sub{margin:8px 0 12px;font-size:.9375rem}.hero-cta{flex-direction:column;align-items:flex-start;gap:8px}.hero-cta .btn{min-height:44px}.hero-cta .hero-dl{display:none}.hero-trust{margin-top:6px}.hero-trust a{min-height:32px;padding-block:4px}}

/* -- about: one-line lead, ladder first, 2 columns from 768 (A-4) -- */
@media (min-width:768px),(orientation:landscape) and (max-height:500px){.about-grid{grid-template-columns:1.3fr 1fr;gap:40px}.about-media{display:block;max-width:320px}}
@media (max-width:767.98px){.ladder li a{min-height:56px;padding-block:8px}.ladder-a{font-size:1.125rem}.ladder-t{font-size:.9375rem}.ladder-t small{display:inline;margin-left:6px}.ladder-t small::before{content:"·\00a0"}}

/* -- tower: readable caption chip, 2x2 facts (A-5) -- */
.cap.cap-on,.cap-chip.cap-chip{background:rgba(11,15,34,.72);color:var(--ivory);padding:3px 8px;border-radius:2px;text-shadow:none;right:12px;bottom:12px}
.fact:nth-child(3) dt{font-size:2rem;line-height:1.2}
@media (max-width:1023.98px){.fact:nth-child(3) dt{font-size:1.5rem;line-height:1.5}}
@media (max-width:767.98px){.tower{padding-bottom:40px}.tower .rail-entr .rail-track{margin-bottom:0}.tower-media picture{aspect-ratio:2/1}.tower .rule{margin:10px 0}.tower .facts{margin-top:14px}.tower .fact{padding:8px 10px 8px 0}.tower .fact:nth-child(even){padding-left:12px}.tower .fact dt{font-size:2.25rem}.tower .fact:nth-child(3) dt{font-size:1.5rem;line-height:1.5}.tower .fact dd{margin-top:4px;font-size:.875rem;line-height:1.35}.tower .entr-h{margin:16px 0 10px}.tower .note{margin-top:10px;font-size:.875rem}.tower .eyebrow{margin-bottom:10px}.rail-entr .rail-track>li{flex-basis:min(62%,300px)}.tower .entr picture{aspect-ratio:16/9}}
@media (min-width:768px) and (max-width:1023.98px){.tower-grid{grid-template-columns:1fr 1fr;gap:32px}.tower-media picture{aspect-ratio:4/5}}
@media (orientation:landscape) and (max-height:500px){.tower-grid{align-items:start}.tower-media picture{aspect-ratio:21/9}}

/* -- inside: zoom badges and doors (A-6) -- */
.sp-link{position:relative}
.sp-zoom{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:32px;height:32px;border-radius:2px;background:rgba(11,15,34,.72);color:var(--ivory);pointer-events:none}
.sp-zoom .ico{width:18px;height:18px}
.inside-more{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:16px}
.door{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:.9375rem;color:var(--crystal-200);text-underline-offset:4px;text-decoration-color:rgba(159,205,221,.45)}
.door:hover{color:var(--ivory)}
.door .ico{width:16px;height:16px}
@media (max-width:1023.98px){.spread-q{max-width:none}}

/* -- residences: glance, sticky switcher, chapters, card v2 (A-7) -- */
.res-glance{margin-bottom:32px}
.res-glance-hd{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 12px;max-width:560px}
.res-glance-h{font:500 .75rem/1.4 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.res-glance-u{font-size:.8125rem;color:var(--slate)}
.glance-grid{display:grid;gap:0 32px;max-width:560px}
.glance{align-self:start;width:100%;table-layout:fixed;border-collapse:collapse;font-variant-numeric:lining-nums tabular-nums}
.glance caption{padding:12px 0 4px;text-align:left;font:500 .75rem/1.3 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.glance caption .gem{display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px}
.gl-t{font-size:.8125rem;font-weight:400;letter-spacing:.02em;text-transform:none;color:var(--slate)}
.glance tr{position:relative;border-top:1px solid var(--line-light)}
.glance tbody tr:hover{background:var(--pearl)}
.glance th,.glance td{height:44px;padding:0;vertical-align:middle}
.glance th{width:58%;text-align:left;font-weight:400;overflow-wrap:anywhere}
.glance th a{display:flex;align-items:center;gap:6px;min-height:44px;padding-left:2px;font-size:.9375rem;color:var(--ink);text-decoration:none}
.glance th a::after{content:"";position:absolute;inset:0}
.gl-s{font-size:.75rem;letter-spacing:.04em;color:var(--slate)}
.glance td{padding-right:2px;text-align:right;font-size:1.0625rem;line-height:1.3;color:var(--ink)}
.glance td small{display:block;font-size:.6875rem;line-height:1.2;color:var(--slate)}
@media (min-width:900px){.glance-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.res-glance-hd{max-width:none;justify-content:flex-start}}
.res-bar{position:sticky;top:calc(var(--hdr) + env(safe-area-inset-top));z-index:3;height:var(--bar-h);margin:0 calc(-1*var(--gut));padding:0 var(--gut);background:var(--ivory);border-bottom:1px solid var(--line-light)}
.res-bar ul{display:flex;height:100%}
.res-bar li{flex:1 1 0;min-width:0}
.res-bar a{display:flex;align-items:center;justify-content:center;gap:6px;height:100%;min-height:40px;padding:0 4px;font:500 .8125rem/1.15 var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--slate);text-decoration:none}
.res-bar a:hover,.res-bar a[aria-current]{color:var(--ink)}
.res-bar .gem{width:14px;height:14px;opacity:.5}
.res-bar a[aria-current] .gem{opacity:1}
.rb-t{display:flex;flex-direction:column;min-width:0}
.rb-h{font:400 .6875rem/1.2 var(--f-sans);letter-spacing:.02em;text-transform:none}
.rb-r{display:none}
.rb-r small{font-size:inherit}
.rb-ink{position:absolute;left:0;bottom:-1px;width:0;height:3px;pointer-events:none;transition:transform .3s var(--ease),width .3s var(--ease)}
.res-bar[data-on="sapphire"] .rb-ink{background:#3570A8}.res-bar[data-on="diamond"] .rb-ink{background:var(--diamond-ink)}.res-bar[data-on="jade"] .rb-ink{background:#2F8F6B}
@media (forced-colors:active){.res-bar a[aria-current]{border-bottom:3px solid CanvasText}}
@media (min-width:768px){:root{--bar-h:56px}.res-bar a{gap:10px;font:500 .9375rem/1.2 var(--f-caps);letter-spacing:.06em;text-transform:none}.res-bar .gem{width:16px;height:16px}.rb-h{display:none}.rb-r{display:block;font:400 .75rem/1.3 var(--f-sans);letter-spacing:0;color:var(--slate)}}
@media (min-width:1200px){.rb-t{flex-direction:row;align-items:baseline;gap:10px}}
@media (orientation:landscape) and (max-height:500px){.rb-t{flex-direction:row;align-items:baseline;gap:8px}.rb-h{display:inline;font-size:.8125rem}.rb-r{display:none}}
.res-ch{margin-top:36px;scroll-margin-top:calc(var(--bar-h) + 8px)}
.res-ch:first-of-type{margin-top:24px}
.res [id]{scroll-margin-top:calc(var(--bar-h) + 8px)}
.res-ch-hd{margin-bottom:14px}
.res-ch-h{font-size:1.25rem}
.res-ch-h:focus{outline:none}
.res-ch-h:focus-visible{outline:2px solid var(--crystal-600)}
.res-ch-l{margin-top:4px;max-width:60ch;font-size:.9375rem;color:var(--slate)}
@media (min-width:1024px){.res-ch-hd{display:flex;align-items:baseline;gap:20px}.res-ch-l{margin:0}}
.res-cards{display:grid;gap:12px}
.res .card{container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr) clamp(116px,34%,200px);align-items:start;gap:0 14px;padding:14px;scroll-margin-top:calc(var(--bar-h) + 8px)}
.res .card-body{display:contents}
.res .card-head{grid-column:1;grid-row:1;gap:2px;min-width:0}
.res .card-media{grid-column:2;grid-row:1;aspect-ratio:4/3;border:1px solid var(--line-light)}
.res .card-media picture{inset:6px}
.res .card-media-2{display:none}
.res .card-body>*:not(.card-head){grid-column:1/-1}
.res .card-kicker{font-size:.6875rem}
.res .card-title{font-size:1.0625rem}
.res .area{flex-direction:row;align-items:baseline;gap:0;margin-top:4px;padding:0;border:0}
.res .area-v{font-size:2rem}
.res .area{flex-wrap:wrap}
.res .area-v{white-space:nowrap}
.res .area small{margin-left:5px;font-size:.875rem;color:var(--slate)}
.res .n1 .area-v{font-size:1.5rem;white-space:normal}
.area-alt{font-size:.8125rem;color:var(--slate)}
.res .card-note{margin-top:6px;font-size:.875rem;line-height:1.45}
.ser{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:6px;font-size:.78125rem;font-variant-numeric:lining-nums tabular-nums;color:var(--slate)}
.ser div{display:flex;gap:4px}
.ser dt{font-weight:500;color:var(--ink)}
.res .card-cta{flex-direction:column;gap:8px;margin-top:12px;padding:0}
.res .card-cta .btn{min-width:0;min-height:44px;padding:0 12px;gap:8px;font-size:.875rem;letter-spacing:.02em}
.res .card-cta .ico{width:18px;height:18px}
@container (min-width:296px){.res .card-cta{flex-direction:row}.res .card-cta .btn{flex:1 1 auto}}
@container (max-width:339.98px){.res .card-cta .btn-line .ico{display:none}}
@container (min-width:600px){.res .card-cta .btn{flex:0 1 auto;min-width:200px}}
.res .plan-links{margin-top:8px}
.res-fine{margin-top:28px}
@media (min-width:640px){.res-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.res-cards.n3>li:last-child,.res-cards.n1>li{grid-column:1/-1}}
@media (min-width:1200px){.res-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.res-cards.n4{grid-template-columns:repeat(4,minmax(0,1fr))}.res-cards.n3>li:last-child{grid-column:auto}.res .card{display:flex;flex-direction:column;align-items:stretch;padding:0}.res .card-body{display:flex;gap:0;padding:16px 20px 20px}.res .card-media{aspect-ratio:16/10;border:0;border-bottom:1px solid var(--line-light)}.res .card-title{font-size:1.25rem}.res .card-cta{margin-top:auto;padding-top:14px}.res .n1 .card{display:grid;grid-template-columns:1fr 1fr 1.1fr}.res .n1 .card-media{aspect-ratio:auto;height:100%;min-height:260px;border-bottom:0;border-right:1px solid var(--line-light)}.res .n1 .card-media{grid-area:1/1}.res .n1 .card-media-2{display:block;grid-area:1/2}.res .n1 .card-body{grid-area:1/3}}
@media (orientation:landscape) and (max-height:500px){.res .card{padding:10px 12px}.res .card-title{font-size:1rem}.res .area-v{font-size:1.5rem}.res .card-note{margin-top:2px}.res .card-cta{margin-top:8px}.res-ch{margin-top:24px}.res-ch-hd{display:flex;align-items:baseline;gap:14px;margin-bottom:10px}.res-ch-l{margin:0;font-size:.875rem}}

/* -- floors: podium after the plan, all floors visible as a 5x3 tower, plan kept in view (A-8) -- */
.floors-grid{scroll-margin:8px 0 calc(var(--mbar) + 8px)}
@media (min-width:768px){.floors-grid{grid-template-areas:"pick read" "pick pv" "base pv";grid-template-rows:auto auto 1fr}.podium{margin-top:-24px}}
@media (min-width:1024px){.podium{margin-top:-20px}}
.podium{grid-area:base;align-self:start}
@media (pointer:coarse) and (min-width:768px){.fl{min-height:36px}}
@media (max-width:767.98px),(max-width:1023.98px) and (orientation:landscape) and (max-height:500px){.stack{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;overflow:visible;margin:0;padding:0;scroll-snap-type:none;-webkit-mask-image:none;mask-image:none}.stack .fl:nth-child(-n+5){grid-row:3}.stack .fl:nth-child(n+6):nth-child(-n+10){grid-row:2}.stack .fl:nth-child(n+11){grid-row:1}}
@media (max-width:1023.98px) and (orientation:landscape) and (max-height:500px){.floors-grid{grid-template-areas:"pv ttl step" "pv pick pick" "pv wa wa" "fine fine fine" "base base base";grid-template-rows:none}.podium{margin-top:0}.pv-plan picture{max-height:calc(100svh - var(--hdr) - var(--mbar) - 24px)}}

/* -- viewer core: view chips, side column in landscape (A-9) -- */
.lb-chips{display:flex;justify-content:safe center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:8px 12px 0}
.lb-chips::-webkit-scrollbar{display:none}
.lb-chips button{flex:none;min-height:44px;padding:0 14px;border:1px solid var(--line-dark);border-radius:999px;background:transparent;font:500 .8125rem/1 var(--f-sans);letter-spacing:.04em;color:var(--mist)}
.lb-chips button:hover{border-color:var(--crystal-400);color:var(--ivory)}
.lb-chips button[aria-pressed="true"]{background:var(--crystal-200);border-color:var(--crystal-200);color:var(--night)}
.lb-pan .wing{pointer-events:none}
@media (min-width:1024px){.lb-fig{grid-template:minmax(0,1fr) auto auto/minmax(0,1fr) auto minmax(0,1fr)}.lb-chips{grid-area:3/1/4/-1;padding-top:12px}}
@media (orientation:landscape) and (max-height:500px){.lb-fig{grid-template:1fr auto auto auto auto 1fr/minmax(0,1fr) 272px}.lb-chips{grid-area:3/2;flex-wrap:wrap;justify-content:flex-start;padding:0 0 8px}.lb-bar{grid-area:4/2}.lb-act{grid-area:5/2}}

/* ===== PKG-B additions (amenities..ownership) ===== */

/* -- amenities (B-10): 4 photos (a rail on phones, a grid from 640), then all 20 amenities in three open groups, club first -- */
.rail-photos .rail-track{scrollbar-color:var(--line-dark) transparent}
.rail-photos .rail-track>li{flex-basis:min(78%,320px)}
.ph picture{aspect-ratio:4/5;overflow:hidden;background:var(--navy-2)}
.ph figcaption{padding-top:10px}
.ph strong{display:block;font:500 1rem/1.3 var(--f-caps);letter-spacing:.05em;color:var(--ivory)}
.ph small{font-size:.75rem;color:var(--mist-2)}
.op-kids{object-position:50% 70%}
@media (min-width:640px){.rail-photos .rail-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;overflow:visible;margin:0;padding:0}.rail-photos .rail-nav{display:none}.ph picture{aspect-ratio:3/4}}
@media (min-width:1024px){.rail-photos .rail-track{gap:24px}}
.amen-door{margin-top:4px}
.amen-key{margin-top:16px;font-size:.8125rem;color:var(--mist-2)}
.amen-key .pin-n{min-width:22px;height:22px;margin-right:6px;color:var(--crystal-200)}
.amen-groups{display:grid;gap:24px;margin-top:20px}
.amen-gh{display:flex;align-items:baseline;gap:8px;padding-bottom:8px;font:500 .8125rem/1.3 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ivory)}
.amen-n{color:var(--gold-400);letter-spacing:.04em}
.amen-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
.amen-list li{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;border-top:1px solid var(--line-dark);font-size:.875rem;line-height:1.35;color:var(--mist)}
.amen-list li>span{flex:1;min-width:0;overflow-wrap:anywhere}
.amen-list .ico{flex:none;width:20px;height:20px;color:var(--crystal-400)}
.amen-list .wide{grid-column:1/-1}
@media (min-width:768px){.amen-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}.amen-club{grid-column:1/-1}.amen-club .amen-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.amen-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:32px}.amen-club{grid-column:auto}.amen-list,.amen-club .amen-list{grid-template-columns:minmax(0,1fr)}.amen-list .wide{grid-column:auto}}
.amen-cta{width:100%;margin-top:24px}
@media (min-width:768px){.amen-cta{width:auto}}
/* "On the plan: N" discs (amenities, green): links to #siteplan; with JS they select pin N */
.pin-n{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:26px;height:26px;padding:0 5px;border:1px solid currentColor;border-radius:13px;font:500 .75rem/1 var(--f-sans);font-variant-numeric:tabular-nums;text-decoration:none}
.amen-list .pin-n{color:var(--crystal-200)}
.amen-list .pin-n:hover{color:var(--ivory)}

/* -- site plan (B-11) -- */
.spx{--sp-top:calc(var(--hdr) + 12px);--frame-h:clamp(168px,28svh,232px);--now-h:64px;--stage-h:calc(var(--frame-h) + var(--now-h) + 28px);--ar:2.1227}
@media (max-width:767.98px){.spx{--frame-h:calc((100vw - 2*var(--gut))/2.1227)}}
@media (min-width:768px){.spx{--frame-h:clamp(250px,34svh,340px)}}
.spx-stage{background:var(--ivory);padding:12px 0 8px}
@media (min-height:600px){.spx-stage{position:sticky;top:var(--hdr);z-index:3}}
@media (min-width:1024px){.spx{display:grid;grid-template-columns:minmax(0,1fr) 248px;column-gap:24px;align-items:start}.spx-stage{padding-bottom:0}.spx-frame{aspect-ratio:2560/1206}}
.spx-map{position:relative}
.spx-frame{position:relative;display:grid;place-items:center;overflow:hidden;background:#9a9a96;box-shadow:0 0 0 1px var(--line-light)}
.spx-canvas{position:relative;width:100%;aspect-ratio:2560/1206}
.sp-pic{width:100%;height:100%}
@media (max-width:1023.98px){.spx-frame{height:var(--frame-h)}.spx-canvas{width:min(100%,calc(var(--frame-h)*var(--ar)))}html:not(.js) .spx-frame{display:block;place-items:normal;overflow:auto}html:not(.js) .spx-canvas{width:1100px;max-width:none}}
.spx.is-zoom .spx-frame{display:block;place-items:normal;overflow:auto;scrollbar-width:thin}
.spx.is-zoom .spx-canvas{width:860px;max-width:none}
.spx-note{padding-top:4px;font-size:.75rem;line-height:16px;color:var(--slate);text-align:right}
.spx-tools{position:absolute;top:8px;right:8px;z-index:5;display:flex;flex-direction:column;gap:8px}
.spx-tools>*{display:grid;place-items:center;width:44px;height:44px;padding:0;background:rgba(247,243,234,.94);border:1px solid var(--line-light);border-radius:2px;color:var(--crystal-600)}
#sp-zoom[aria-pressed="true"]{background:var(--crystal-600);color:#fff}
#sp-zoom .z-out,#sp-zoom[aria-pressed="true"] .z-in{display:none}
#sp-zoom[aria-pressed="true"] .z-out{display:block}
.spx-now{display:flex;align-items:center;gap:8px;min-height:var(--now-h);padding-top:8px}
#sp-now{flex:1;display:flex;align-items:center;gap:10px;min-width:0;font-size:.9375rem;line-height:1.3;color:var(--slate)}
#sp-now b{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--crystal-600);color:#fff;font-weight:500;font-size:.875rem}
#sp-now strong{display:block;font-weight:500;color:var(--ink)}
#sp-now small{display:block;font-size:.8125rem}
/* the status row keeps its reserved height (no layout shift): long FACTS lines clamp to two lines; the live region still reads them in full */
#sp-now small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#sp-clr{flex:none;width:44px;height:44px}
/* "Back to amenities / green living" after an "On the plan" link brought the visitor here */
.sp-back{display:inline-flex;align-items:center;gap:2px;flex:none;min-height:44px;padding:0 12px 0 6px;border:1px solid var(--line-light);border-radius:22px;background:var(--pearl);color:var(--crystal-600);font-size:.8125rem;text-decoration:none}
.sp-back .ico{width:18px;height:18px}
@media (max-width:767.98px){.spb-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.sp-hs{position:absolute;inset:0;z-index:1}
.hs{position:absolute;display:grid;place-items:center;width:var(--d,24px);height:var(--d,24px);margin:calc(var(--d,24px)/-2) 0 0 calc(var(--d,24px)/-2);padding:0;border-radius:50%;background:var(--navy);border:1.5px solid #fff;color:#fff;font:500 .6875rem/1 var(--f-sans);font-variant-numeric:tabular-nums;transition:transform .15s}
.hs::after{content:"";position:absolute;inset:-4px}
.hs.is-pv{transform:scale(1.2);z-index:2}
.hs.is-on{background:var(--crystal-600);transform:scale(1.25);z-index:3;box-shadow:0 0 0 2px var(--navy)}
/* dimmed pins are solid (not translucent) so their numbers stay legible */
.spx.has-sel .hs:not(.is-on){background:#5B6378;border-color:rgba(255,255,255,.55);color:rgba(255,255,255,.8)}
@media (min-width:768px) and (max-width:1095.98px){.hs{--d:22px}}
@media (max-width:767.98px){.spx:not(.is-zoom) .hs{--d:8px;font-size:0;pointer-events:none}.spx:not(.is-zoom) .spx-canvas{cursor:zoom-in}}
.spx.has-sel .spx-canvas::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x) var(--y),transparent 56px,rgba(20,28,56,.28) 120px);pointer-events:none}
.spx-ring{position:absolute;z-index:2;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px var(--navy);pointer-events:none;animation:spxPulse 1.4s ease-out 2}
@keyframes spxPulse{0%{transform:scale(.6);opacity:0}40%{opacity:1}100%{transform:scale(1);opacity:1}}
.spx-tag{position:absolute;z-index:4;width:max-content;max-width:200px;padding:6px 10px;border-radius:2px;background:var(--navy);color:var(--ivory);font:500 .8125rem/1.25 var(--f-sans);transform:translate(18px,-50%);pointer-events:none}
.spx-tag.flip{transform:translate(calc(-100% - 18px),-50%)}
.spx-legend{margin-top:4px}
.spx-zone h3{padding:16px 0 6px;border-bottom:1px solid var(--line-light);font:500 .75rem/1.2 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--slate)}
.spx-zone ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
@media (max-width:359.98px){.spx-zone ol{grid-template-columns:1fr}}
@media (min-width:768px){.spx-legend>div{columns:3;column-gap:24px}.spx-zone{break-inside:avoid}.spx-zone ol{display:block}}
@media (min-width:1024px){.spx-legend{margin-top:0}.spx-legend>div{columns:auto}.spx-zone:first-child h3{padding-top:12px}}
.spl{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:4px;border:0;border-bottom:1px solid var(--line-light);background:none;text-align:left;font-size:.9375rem;line-height:1.25;color:var(--ink);scroll-margin-top:calc(var(--sp-top) + var(--stage-h) + 8px)}
@media (pointer:coarse){.spl{min-height:48px}}
@media (min-width:1024px){.spl{scroll-margin-top:var(--sp-top)}}
@media not all and (min-height:600px){.spl{scroll-margin-top:var(--hdr)}}
@media (max-width:767.98px){.spl{gap:8px;font-size:.875rem}}
.spl>span:last-child{min-width:0;overflow-wrap:anywhere}
.spl-n{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--crystal-600);color:var(--crystal-600);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums}
button.spl:hover,.spl.is-pv{background:var(--pearl)}
.spl[aria-pressed="true"]{background:var(--pearl);box-shadow:inset 2px 0 0 var(--crystal-600)}
.spl[aria-pressed="true"] .spl-n{background:var(--crystal-600);color:#fff}
.sp-cta{width:100%;margin-top:20px}
@media (min-width:768px) and (max-width:1023.98px){.sp-cta{width:auto}}
/* short landscape: map left (pinned), list right; the list's bottom padding lets the last zone scroll up beside the pinned map */
@media (max-width:1023.98px) and (orientation:landscape) and (max-height:500px){.spx{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:20px;align-items:start;--now-h:64px;--frame-h:calc(100svh - var(--hdr) - var(--mbar) - var(--now-h) - 40px)}.spx-stage{position:sticky;top:var(--hdr);z-index:3;padding:8px 0 0}.spx-legend{margin-top:0;padding-bottom:calc(100svh - var(--hdr) - var(--mbar) - 200px)}.spx-legend>div{columns:auto}.spx-zone ol{display:block}.spl{scroll-margin-top:var(--hdr)}}

/* -- green living (B-12) -- */
.green-grid{display:grid;gap:48px;align-items:center}
.badge{display:flex;gap:16px;align-items:center;margin-top:24px;padding:16px 20px;background:var(--pearl);border:1px solid var(--line-light);border-left:2px solid var(--gold-500)}
.badge-stars{display:flex;gap:3px;color:var(--gold-500)}
.badge-stars svg{width:20px;height:20px}
.badge strong{display:block;font-weight:500;color:var(--ink)}
.facets{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px;font-size:.9375rem;color:var(--ink)}
.facets li{display:inline-flex;align-items:center}
.facets li::before{content:"";flex:none;width:5px;height:5px;margin-right:10px;transform:rotate(45deg);background:var(--gold-500)}
/* the underline sits on the label only (a flex link would also draw it through the disc) */
.facets a{display:inline-flex;align-items:center;gap:8px;min-height:32px;color:inherit;text-decoration:none}
.facets .fu{text-decoration:underline;text-decoration-color:var(--gold-500);text-underline-offset:4px}
.facets a .pin-n{color:var(--crystal-600)}
.facets-dark{color:var(--mist);margin-top:8px}
.facets-dark li::before{background:var(--gold-400)}
.green-cta{margin-top:24px}
/* phones: a small render beside the heading, everything else full width */
@media (max-width:767.98px) and (orientation:portrait){.green-grid{grid-template-columns:116px minmax(0,1fr);gap:0 16px;align-items:start}.green-copy{display:contents}.green-media{grid-area:1/1/4/2;max-width:none;margin:0}.green-media .cap{margin-top:8px;font-size:.6875rem;line-height:1.35}.green-copy>*{grid-column:2}.green-copy>.lead,.green-copy>.badge,.green-copy>.facets,.green-copy>.green-cta{grid-column:1/-1}.green-copy>.lead{margin-top:14px;font-size:1rem;line-height:1.55}.green .eyebrow{margin-bottom:8px}.green .h2{font-size:1.75rem}.badge{margin-top:12px;padding:10px 16px}.facets{gap:0 18px;margin-top:10px;font-size:.875rem}.green-cta{width:100%;margin-top:14px}}
@media (min-width:768px),(orientation:landscape) and (max-height:500px){.green-grid{grid-template-columns:minmax(200px,.8fr) 1.2fr;gap:40px}.green-media{max-width:300px}}
@media (orientation:landscape) and (max-height:500px){.green .lead{font-size:1rem;line-height:1.5}.green .badge{margin-top:16px;padding:10px 16px}.green .facets{margin-top:12px;gap:0 20px}.green-cta{margin-top:16px}}

/* -- Pretium Mall (B-13): plans and key specifications open -- */
.mall{padding-top:0;color:var(--mist)}
.mall-hero{position:relative;margin-bottom:56px}
.mall-hero picture{aspect-ratio:3/2;overflow:hidden;background:var(--navy-2)}
.mall-hero::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(180deg,rgba(11,15,34,0),var(--night));pointer-events:none}
.mall-hero .hero-cap{z-index:1}
@media (max-width:767.98px){.mall-hero{margin-bottom:0}.mall-hero .hero-cap{top:12px;bottom:auto}.mall-head{margin-top:-40px;position:relative;z-index:1}}
@media (min-width:1024px){.mall-hero picture{aspect-ratio:auto;height:min(72vh,680px)}.mall-hero{margin-bottom:24px}.mall-head{margin-top:-140px;position:relative;z-index:1}}
.mall-title{position:relative;display:block;margin-bottom:6px}
.mall-caps{display:block;font:500 clamp(2.25rem,1.5rem + 3.6vw,4.5rem)/1.05 var(--f-caps);letter-spacing:.08em;color:var(--ivory);text-transform:uppercase}
.mall-title .h2{display:block;margin-top:4px}
.scan{position:absolute;left:0;right:0;top:clamp(2.6rem,1.8rem + 4vw,5.2rem);height:1px;background:linear-gradient(90deg,transparent,var(--crystal-200),transparent);opacity:0;pointer-events:none}
.js .in .scan{animation:scan 1.8s .3s var(--ease) 1}
@keyframes scan{0%{opacity:0;transform:translateX(-60%) scaleX(.4)}25%{opacity:1}100%{opacity:0;transform:translateX(60%) scaleX(.4)}}
.mall-head .lead{margin-top:18px}
.mall-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:8px}
@media (min-width:640px){.mall-facts{gap:0 32px}}
@media (min-width:1024px){.mall-facts{grid-template-columns:repeat(4,1fr)}}
.mf{display:flex;flex-direction:column;gap:8px;padding:24px 0;border-top:1px solid rgba(213,163,85,.5)}
.mf>span{min-width:0;overflow-wrap:anywhere}
.mf-v{font:300 2rem/1.1 var(--f-sans);color:var(--ivory);font-variant-numeric:lining-nums}
.mf-l{font-size:.9375rem;color:var(--mist)}
@media (max-width:767.98px){.mf{padding:14px 0;gap:4px}.mf-v{font-size:1.25rem}.mf-l{font-size:.875rem}.facets-dark{gap:6px 16px;font-size:.875rem}}
.mall-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}
@media (min-width:768px){.mall-pair{gap:24px;margin-top:40px}}
.mall-pair picture{aspect-ratio:16/10;overflow:hidden;background:var(--navy-2)}
.mp-ph{display:block;cursor:zoom-in}
.mall-door{margin-top:4px}
.specs,.mall-plans{margin-top:32px}
.specs>.h3,.mp-hd .h3{margin-bottom:10px}
.spec-list li{position:relative;padding:9px 0 9px 20px;border-top:1px solid rgba(42,53,96,.6);font-size:.9375rem;line-height:1.4;color:var(--mist);break-inside:avoid}
.spec-list li::before{content:"";position:absolute;left:2px;top:17px;width:6px;height:6px;transform:rotate(45deg);background:var(--gold-400)}
.det summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;cursor:pointer;list-style:none;border-top:1px solid rgba(42,53,96,.6);font:500 .8125rem/1.3 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--crystal-200)}
.det summary>span{min-width:0;overflow-wrap:anywhere}
.det summary::-webkit-details-marker{display:none}
.det-i{color:var(--crystal-400);transition:transform .25s}
.det[open] .det-i{transform:rotate(45deg)}
/* from 1024 all 15 specifications flow as three columns and the summary is gone */
@media (min-width:1024px){.spec-cols{columns:3;column-gap:32px}.spec-more>summary{display:none}}
.mp-hd{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 16px}
.mp-n{font:500 .8125rem/1 var(--f-sans);letter-spacing:.06em;color:var(--gold-400)}
.mp-hd .fine{margin:0 0 10px}
.mp-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}
@media (min-width:768px){.mp-list{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}}
.mp{display:block;text-decoration:none;color:var(--ivory);text-align:center}
.mp picture{aspect-ratio:5/4;background:#fff;padding:4px}
.mp-img{width:100%;height:100%;object-fit:contain}
.mp-l{display:block;padding-top:6px;font-size:.8125rem;line-height:1.25}
.mp-l small{display:block;font-size:inherit;color:var(--mist-2)}
.mp:hover .mp-l{text-decoration:underline}
.mall-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
@media (max-width:479px){.mall-cta .btn{width:100%}}
@media (min-width:768px) and (max-width:1023.98px),(orientation:landscape) and (max-height:500px){.spec-top,.spec-more ul{columns:2;column-gap:32px}}
/* short landscape: a one-screen hero with the title over its foot, then specs and plans side by side (#mall <= 3 screens) */
@media (orientation:landscape) and (max-height:500px){.mall{padding-bottom:40px}.mall-hero{margin-bottom:0}.mall-hero picture{aspect-ratio:auto;height:calc(100svh - var(--hdr))}.mall-head{margin:-170px 0 16px;position:relative;z-index:1}.mall-caps{font-size:2.5rem}.mall-head .lead{margin-top:8px}.mall-facts{grid-template-columns:repeat(4,1fr)}.mf{padding:10px 0;gap:4px}.mf-v{font-size:1.5rem}.mf-l{font-size:.875rem}.facets-dark{font-size:.875rem;gap:4px 16px}.mall-pair{margin-top:20px}.mall-pair picture{aspect-ratio:3/1}.mall-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}.mall-more .spec-top,.mall-more .spec-more ul{columns:auto}.mall-more .mp-list{grid-template-columns:repeat(4,minmax(0,1fr))}.specs,.mall-plans{margin-top:20px}.mall-cta{margin-top:16px}.mall-hero::after{height:75%}.mall-hero .hero-cap{top:12px;bottom:auto}}

/* -- on site (B-14): newest first, never upscaled, tap to enlarge -- */
.prog-head{display:grid;gap:20px;margin-bottom:28px}
.prog-head .lead{max-width:50ch}
.prog-cta{display:flex;flex-wrap:wrap;gap:12px}
.prog-cta .btn span{text-wrap:balance}
@media (max-width:479px){.prog-cta .btn{width:100%;padding-inline:12px}}
.prog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pc-card{height:100%;padding:6px 6px 10px;background:var(--pearl);border:1px solid var(--line-light);border-radius:2px;box-shadow:0 1px 0 var(--line-light),0 12px 32px -16px rgba(20,24,38,.18)}
.pc-img{display:block;aspect-ratio:1;overflow:hidden;background:#ECE5D6;cursor:zoom-in}
.pc-img picture,.pc-img img{display:block;width:100%;height:100%;object-fit:cover}
.pc figcaption{padding:10px 2px 0}
.pc figcaption strong{display:block;overflow-wrap:anywhere;font:500 .875rem/1.3 var(--f-caps);letter-spacing:.06em;color:var(--ink)}
.pc figcaption small{display:block;margin-top:4px;font-size:.75rem;line-height:1.5;letter-spacing:.02em;color:var(--slate)}
.prog-fine{margin-top:12px}
/* from 640: one row at 230 px with each photo's natural aspect (never wider than the file) */
@media (min-width:640px){.prog-list{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}.pc-card{padding:8px 8px 14px}.pc-img{aspect-ratio:auto;height:230px}.pc-img picture,.pc-img img{width:auto;object-fit:fill}.pc figcaption{width:0;min-width:100%;padding:12px 4px 0}.pc figcaption strong{font-size:1rem}}
@media (min-width:1024px){.prog-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;align-items:center}.prog-head{margin:0}.prog-fine{grid-column:2}}
@media (min-width:1200px){.prog-grid{column-gap:80px}}

/* -- location (B-15): every list open; sticky action column from 1024 -- */
.loc-grid{display:grid;gap:28px;align-items:start}
.addr-card{background:var(--navy-2);border:1px solid var(--line-dark);padding:20px 18px}
.addr-card .h3 .ico{color:var(--crystal-400)}
.addr-card address{margin:12px 0 18px;font-size:1.0625rem;line-height:1.55;color:var(--ivory)}
.addr-act{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:479.98px){.addr-card .btn{width:100%}}
.loc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.loc-stats li{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:1px solid rgba(213,163,85,.5)}
.loc-stats .mf-v{font-size:1.5rem}
.loc-stats .mf-l{font-size:.8125rem;line-height:1.3}
/* the three headline distances are the stat tiles; the list carries only the other hospitals (copy QA: no triple repeat) */
.dlist-h{margin-top:22px;font:500 .75rem/1.4 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mist)}
.dlist{display:grid;gap:0 24px;margin-top:6px;max-width:560px}
.dlist li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:6px 0;border-top:1px solid var(--line-dark)}
.dt{font-size:.9375rem;line-height:1.35;color:var(--ivory)}
.dv{flex:none;font-size:.875rem;color:var(--crystal-200);white-space:nowrap;font-variant-numeric:tabular-nums}
.loc-main>.fine{margin-top:6px}
.loc-cols{margin-top:28px}
.loc-cols>div+div{margin-top:24px}
.loc-cols .h3,.city-h{margin-bottom:8px}
.loc-line{max-width:70ch;font-size:.9375rem;line-height:1.6;color:var(--mist)}
.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
.checks li{display:flex;gap:8px;align-items:flex-start;min-height:32px;padding:8px 0;border-top:1px solid var(--line-dark);font-size:.875rem;line-height:1.4}
.checks .ico{flex:none;width:18px;height:18px;margin-top:1px;color:var(--crystal-400)}
.city-caps{font:500 1.125rem/1.1 var(--f-caps);letter-spacing:.08em;color:var(--ivory);text-transform:uppercase;margin-right:6px}
.city-it{font:italic 400 1.25rem/1.1 var(--f-it);color:var(--gold-400)}
@media (min-width:768px),(orientation:landscape) and (max-height:500px){.checks{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}}
@media (min-width:1024px){.loc-grid{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:64px}.addr-card{position:sticky;top:calc(var(--hdr) + 24px);padding:24px 22px}.addr-act{flex-direction:column}.addr-act .btn{width:100%}}
@media (max-width:1023.98px) and (orientation:landscape) and (max-height:500px){.loc-grid{grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:32px}.addr-act{flex-direction:column}.addr-act .btn{width:100%}.checks{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* -- ownership (B-16) -- */
.own-grid{display:grid;gap:24px}
.own-list li{display:flex;gap:16px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line-light)}
.own-list li:first-child{border-top:1px solid var(--line-light)}
.own-list .ico{flex:none;width:30px;height:30px;padding:5px;border:1px solid var(--crystal-600);border-radius:50%;color:var(--crystal-600)}
.own-list strong{display:block;font-weight:500;font-size:1.0625rem;color:var(--ink)}
.own-list span{font-size:.9375rem;color:var(--slate)}
.own-list a{display:inline-block;padding-block:4px;color:var(--crystal-600);text-underline-offset:3px}
.own-cta{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:479.98px){.own-cta .btn{width:100%}}
@media (min-width:768px),(orientation:landscape) and (max-height:500px){.own-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:auto 1fr;grid-template-areas:"head list" "cta list";gap:24px 48px;align-items:start}.own-head{grid-area:head}.own-list{grid-area:list}.own-cta{grid-area:cta;flex-direction:column;align-items:flex-start}}
@media (min-width:1024px){.own-grid{column-gap:80px}}
@media (orientation:landscape) and (max-height:500px){.own{padding-block:40px}.own .lead{font-size:1rem}.own-list li{padding:8px 0;gap:12px}.own-list strong{font-size:1rem}.own-list span{font-size:.875rem}.own-list .ico{width:26px;height:26px;padding:4px}}


/* ===== PKG-C additions (promoter..footer, tour) ===== */
/* -- promoter: values on one line, proof and a next step (C-17) -- */
.values{margin-top:28px;font:italic 400 1.25rem/1.4 var(--f-it);color:var(--ink)}
.values span{margin-right:6px;font:500 .6875rem/1.4 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--slate)}
.values i{font-style:normal;color:var(--gold-500)}
.promo-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line-light)}
.btn-quiet{padding-inline:4px;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#B9B09C}
.btn-quiet:hover{text-decoration-color:var(--ink)}
.promo-cta .btn-line .ico{color:var(--crystal-600)}

/* -- gallery: Photo tour chapters (C-18; qa/GALLERY_UX.md 4.3). Phones: a filmstrip per chapter, natural widths at one
   height, the first tile capped so the next always peeks. >=1024: a 3-tile mosaic per chapter. The picture is clipped,
   never the link, so the focus ring stays whole. -- */
#tour-start{margin-top:20px}
#tour-start .ico{color:var(--crystal-200)}
.g-ch{margin-top:24px}
.g-ch-hd{display:flex;align-items:center;gap:10px;min-height:48px;margin-bottom:6px}
.g-ch-h{display:flex;align-items:baseline;gap:10px;min-width:0}
#gallery .g-ch-h{scroll-margin-top:16px}
.g-ch-n{font:500 .75rem/1 var(--f-sans);letter-spacing:.18em;color:var(--gold-400)}
.g-ch-t{font:500 1.125rem/1.2 var(--f-caps);letter-spacing:.06em;color:var(--ivory-text);white-space:nowrap}
.g-ch-c{font-size:.8125rem;color:var(--mist-2);font-variant-numeric:tabular-nums}
.g-ch-nav{margin:0 0 0 auto}
.g-ch-nav .icon-btn{width:44px;height:44px}
.g-all{display:none}
@media (max-width:339.98px){.g-ch-n{display:none}}
.g-tiles{--h:clamp(168px,46vw,224px);gap:10px;padding:6px var(--gut) 8px;scrollbar-width:none}
.g-tiles::-webkit-scrollbar{display:none}
.g-tiles>li{flex:none}
.g-a{position:relative;display:block;overflow:hidden;background:var(--navy-2);text-decoration:none}
.g-a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.g-img{height:var(--h);width:auto;max-width:calc(100vw - 2*var(--gut) - 40px);object-fit:cover;transition:transform .6s var(--ease)}
@media (hover:hover){.g-a:hover .g-img{transform:scale(1.04)}}
.g-cap{z-index:1}
.g-end a{display:flex;align-items:center;justify-content:center;width:96px;height:var(--h);padding:8px;border:1px solid var(--line-dark);color:var(--crystal-200);font:500 .875rem/1.3 var(--f-sans);text-align:center;text-decoration:none}
.g-end a:hover{border-color:var(--crystal-400);color:var(--ivory)}
[data-ch=plans] .g-a{background:#fff}
[data-ch=plans] .g-img{object-fit:contain;padding:6px 6px 40px}
@media (max-width:1023.98px){.js .g-tiles>li:nth-child(n+6):not(.g-end){display:none}}
@media (max-width:1023.98px) and (orientation:landscape) and (max-height:500px){.g-tiles{--h:calc(100svh - var(--hdr) - 100px)}.g-ch-hd{min-height:44px;margin-bottom:4px}.g-ch{margin-top:16px}}
@media (min-width:1024px){
  .gal .sec-head{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px}
  .gal .sec-head>*{grid-column:1}
  #tour-start{grid-column:2;grid-row:1/5;align-self:end;margin:0}
  .g-chs{display:grid;grid-template-columns:1fr 1fr;gap:48px 24px}
  .g-ch{margin:0;--mh:clamp(280px,23vw,330px)}
  .g-ch[data-ch=exterior]{grid-column:1/-1;--mh:clamp(340px,29vw,420px)}
  .g-ch-nav,.g-end{display:none}
  .js .g-all{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin-left:auto;font-size:.9375rem;color:var(--crystal-200);text-underline-offset:4px}
  .g-all:hover{color:var(--ivory)}
  .g-all .ico{width:16px;height:16px}
  .g-tiles{display:grid;grid-template-columns:3fr 2fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;height:var(--mh);margin:0;padding:0;overflow:visible;scroll-snap-type:none}
  [data-ch=exterior] .g-tiles{grid-template-columns:2fr 1fr}
  .g-tiles>li{min-height:0}
  .g-tiles>li:first-child{grid-row:1/3}
  .js .g-tiles>li:nth-child(n+4){display:none}
  .g-a,.g-a picture{height:100%}
  .g-img{height:100%;width:100%;max-width:none}
  .js .g-a[data-more]::after{content:attr(data-more);position:absolute;inset:0;display:grid;place-items:center;background:rgba(11,15,34,.55);font:500 1.5rem/1 var(--f-caps);letter-spacing:.06em;color:var(--ivory-text)}
  html:not(.js) .g-tiles{height:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:220px}
  html:not(.js) .g-tiles>li:first-child{grid-row:auto}
}

/* -- tour viewer (C-18.5): uncounted end card, Plans footer, chapter chips collapsed on short screens -- */
.tour-end{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;padding:24px;text-align:center}
.tour-end-h{margin-bottom:8px;font:italic 400 clamp(1.75rem,1.3rem + 2vw,2.5rem)/1.15 var(--f-it);color:var(--gold-400)}
.tour-end .btn{width:min(100%,320px)}
.tour-end .btn-gold .ico{color:var(--night)}
.lb.is-end .lb-stage{cursor:auto}
.lb.is-end .lb-hint,.lb.is-end .lb-ctl{visibility:hidden}
.lb-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 20px;padding:0 12px}
@media (min-width:1024px){.lb-links{grid-area:2/3;justify-self:end;align-self:start;padding:14px 0 0}}
@media (max-height:480px){.lb.tour .lb-chips{display:none}}
@media (orientation:landscape) and (max-height:500px){.lb-links{grid-area:3/2;justify-content:flex-start;padding:0}}

/* -- enquiry (C-19): wrappers only lay out in short landscape and beside the desktop QR; quick contacts as tiles -- */
.f-l,.f-r,.f-act{display:contents}
.fld{scroll-margin-top:calc(var(--hdr) + 12px)}
.enq-qr{display:none}
.enq-mail{margin-top:4px;font-size:.875rem}
.enq-mail a{display:inline-flex;align-items:center;min-height:44px;color:var(--crystal-200);text-underline-offset:3px}
.chip-c input:checked+span::before{content:"";width:14px;height:14px;margin:0 6px 0 -4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.5l3 3 6-7' fill='none' stroke='%230B0F22' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.enq-side{gap:20px}
.enq-q{display:grid;gap:8px}
.enq-q a{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 14px;border:1px solid var(--line-dark);border-radius:2px;color:var(--ivory);text-decoration:none;font-size:.9375rem;line-height:1.3;font-variant-numeric:tabular-nums}
.enq-q a:hover{border-color:var(--crystal-400)}
.enq-q .ico{color:var(--crystal-400)}
.enq-q .ico-wa{color:var(--wa-green)}
.enq-q span{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.enq-q b{font-weight:500;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mist-2)}
.enq-also{font-size:.875rem;color:var(--mist-2)}
.enq-also a,.enq-pdf a{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--ivory);text-underline-offset:3px;font-variant-numeric:tabular-nums}
.enq-pdf .ico{color:var(--crystal-400)}
.enq-also+.enq-pdf{margin-top:-16px}
@media (max-width:767.98px){.enq-main .lead{font-size:1rem}.enq-q{grid-template-columns:1fr 1fr}.enq-q a{padding:6px 10px;gap:10px;font-size:.875rem}.f-r>.fs{margin-bottom:32px}.side-rera a{display:inline-flex;align-items:center;min-height:44px}}
@media (min-width:768px) and (max-width:1023.98px){.enq-q{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1024px) and (pointer:fine){.f-act{display:flex;align-items:center;gap:24px;margin-top:32px}.f-act .btn-wide{margin-top:0}.enq-qr{display:flex;align-items:center;gap:12px;max-width:15em;font-size:.8125rem;line-height:1.4;color:var(--mist)}.enq-qr img{flex:none;width:120px;height:120px;padding:6px;background:#fff;border-radius:2px}}
@media (orientation:landscape) and (max-height:500px){.enq-grid{gap:28px}.form{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;max-width:none;margin-top:20px}.f-l,.f-r{display:block}.form .fs{margin-top:16px}.f-r>.fs:first-child{margin-top:0}.form .btn-wide{margin-top:16px}.help{margin-top:8px}.consent{grid-column:1/-1;margin-top:12px}.enq-side{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px;align-items:start}.enq-q{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.enq-also+.enq-pdf{margin-top:0}}

/* -- footer (C-20): WhatsApp first, phones one per line, the site address opens directions -- */
.foot-wa{color:var(--ivory)!important}
.foot-tel li{white-space:nowrap}
.foot-cols p+.foot-tel,.foot-tel+p{margin-top:8px}
@media (max-width:767.98px){
  .foot-logo{width:96px}
  .fn-x{display:none}
  .foot-cols{grid-template-columns:1fr 1fr;column-gap:16px}
  .foot-cols>div:first-child,.foot-cols>div:last-child{grid-column:1/-1}
  .foot-cols>div:last-child{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  .foot-cols>div:last-child .foot-h{grid-column:1/-1}
  .foot-cols .foot-tel{display:contents}
  .foot-cols p+.foot-tel,.foot-tel+p{margin-top:0}
}

/* -- privacy notice and 404 (C-21) -- */
.hdr-back{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;font-size:.875rem;color:var(--ivory);text-underline-offset:3px}
.nf{min-height:100vh;min-height:100svh}
.nf-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.nf .nf-cta .btn{margin-top:0}
.nf p+p{margin-top:16px}
.nf-home{display:inline-flex;align-items:center;min-height:44px;color:var(--crystal-200);text-underline-offset:3px}

/* -- content-visibility size hints for every auto section, phones, measured at 390x844 (C-22.1: one place) -- */
@media (max-width:767.98px){#about{--cis:581px}#tower{--cis:944px}#inside{--cis:726px}#amenities{--cis:1703px}#siteplan{--cis:1477px}#green{--cis:587px}#mall{--cis:1765px}#construction{--cis:722px}#location{--cis:1504px}#ownership{--cis:853px}#promoter{--cis:876px}#gallery{--cis:1685px}}

/* -- QA fix pass (20261014g): focus margins, landscape fits, desktop polish -- */
/* focus never lands under the sticky collection bar (WCAG 2.4.11): links and buttons inside residences keep its margin */
.res :is(a,button,[tabindex]){scroll-margin-top:calc(var(--bar-h) + 8px)}
/* the site-plan visit button sits under the sticky map stage like the rows do */
.spx-legend .sp-cta{scroll-margin-top:calc(var(--sp-top) + var(--stage-h) + 8px)}
@media (min-width:1024px){.spx-legend .sp-cta{scroll-margin-top:var(--sp-top)}}
@media (orientation:landscape) and (max-height:500px){
  /* floor title: the parity shows as a small line (even and odd plans look alike at this size) */
  .pv-title .sr.pv-par{position:static!important;display:block;width:auto;height:auto;margin:2px 0 0;overflow:visible;clip:auto;white-space:normal;font:500 .6875rem/1.3 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--crystal-200)}
  /* Jade card: the 3D view spans the text rows, so the note, series and buttons pack under the area (R7: <= 200 px) */
  .res .n1 .card{grid-template-columns:minmax(0,1fr) 168px}
  .res .n1 .card-media{grid-row:1/span 5;align-self:start}
  .res .n1 .card-body>*:not(.card-head){grid-column:1}
  /* gallery: a chapter (heading + strip) is well inside the 342 px band, so a free scroll shows both (G3) */
  .g-tiles{--h:calc(100svh - var(--hdr) - 150px)}
  .spx-legend .sp-cta{scroll-margin-top:0}
}
/* the '+N' count is a solid chip, readable on any photo */
@media (min-width:1024px){
  .js .g-a[data-more]::after{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 14px;border-radius:2px;background:rgba(9,12,28,.78);font:600 1.25rem/1 var(--f-sans);letter-spacing:.04em}
  /* switcher items sit over their glance columns; the chapter line uses the free width */
  .res-bar ul{gap:32px}
  .res-bar a{justify-content:flex-start;padding:0}
  .res-ch-l{flex:1 1 auto;max-width:72ch;text-wrap:pretty}
  .hero{height:min(100vh,1080px)}
  .foot-nav ul{display:grid;grid-template-columns:repeat(7,auto);justify-content:start}
  .foot-cols a[href*="ViewProjectProfile"]{white-space:nowrap}
}
@media (min-width:1024px) and (max-width:1199.98px){
  .res-cards.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .res-cards.n3>li:last-child{grid-column:auto}
  .mall-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .loc-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .addr-card{position:static}
  .addr-act{flex-direction:row}
  .addr-act .btn{width:auto}
  .checks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prog-cta .btn,.own-cta .btn{width:100%}
}
/* the switcher's ranges repeat the glance above it until the bar takes over as the chapter guide (visibility: no layout shift) */
@media (min-width:768px){.res-bar:not([data-on]) .rb-r{visibility:hidden}}