/* Factory layout "noir" (14 Oct 2026): dark editorial luxury. Fonts self-hosted (fonts.css). Mobile first, no framework. */
:root{--bg:#0d0d0c;--bg2:#141412;--ink:#efe9de;--mute:#a7a195;--gold:#c8a96a;--gold2:#e2c98f;--line:rgba(239,233,222,.14);
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;--pad:clamp(56px,9vw,120px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
body.lock{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:var(--gold2)}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.05;margin:0 0 .4em;letter-spacing:.2px}
h2{font-size:clamp(2.1rem,5vw,3.6rem)}
p{margin:0 0 1em}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:min(1180px,100% - 32px);margin-inline:auto}
.narrow{width:min(820px,100% - 32px)}
.center{text-align:center}
/* 22 Oct 2026 (Founder): no Roman numerals; the gold section labels slightly larger and bold */
.kicker{font-size:.8rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:0 0 14px;font-weight:700}
.lede{font-size:1.08rem;color:#d9d3c7;max-width:62ch}
.fine{font-size:.82rem;color:var(--mute);margin-top:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border-radius:0;font:600 .78rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .25s,color .25s,border-color .25s}
.btn-gold{background:var(--gold);color:#16130d}
.btn-gold:hover{background:var(--gold2)}
.btn-line{border-color:rgba(255,255,255,.55);color:#fff;background:transparent}
.btn-line:hover{border-color:var(--gold);color:var(--gold2)}
.link-gold{background:none;border:0;padding:0;color:var(--gold);font:600 .74rem var(--sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.link-gold:hover{color:var(--gold2)}
.ai-tag{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.55);color:#e8e2d6;font-size:.66rem;letter-spacing:.08em;padding:3px 8px}
.ai-tag--hero{bottom:auto;top:84px}

/* nav */
.nav{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;gap:24px;padding:16px clamp(16px,4vw,48px);transition:background .3s,padding .3s}
.nav.solid{background:rgba(13,13,12,.92);backdrop-filter:blur(8px);padding-block:10px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;color:#fff;text-decoration:none;font:500 1.25rem var(--serif);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
@media (max-width:520px){.brand{font-size:.95rem;letter-spacing:.06em}}
.brand img{height:38px;width:auto}
.nav-links{display:none;margin-left:auto;gap:28px}
.nav-links a{color:#e6e0d4;text-decoration:none;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase}
.nav-links a:hover{color:var(--gold)}
.nav-cta{margin-left:auto;background:none;border:1px solid var(--gold);color:var(--gold);padding:10px 16px;font:600 .7rem var(--sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
.nav-cta:hover{background:var(--gold);color:#16130d}
@media (min-width:980px){.nav-links{display:flex}.nav-cta{margin-left:0}}

/* hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:drift 18s ease-out forwards}
@keyframes drift{to{transform:scale(1)}}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,13,12,.55) 0%,rgba(13,13,12,0) 28%,rgba(13,13,12,.25) 52%,rgba(13,13,12,.94) 100%)}
.hero-inner{position:relative;width:min(1180px,100% - 32px);margin:0 auto;padding:0 0 clamp(120px,16vh,170px)}
.eyebrow{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold2);margin-bottom:18px}
.hero h1{font-size:clamp(3rem,10vw,7.4rem);font-weight:500;max-width:12ch;color:#fff}
.hero-sub{font-size:clamp(1rem,2vw,1.2rem);color:#e9e3d7;margin:10px 0 28px}
.hero-sub strong{color:var(--gold2);font-weight:600}
.dot{color:var(--gold)}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
.hero-rera{font-size:.75rem;color:var(--mute);margin-top:16px}
.hero-stats{position:absolute;left:0;right:0;bottom:0;margin:0;padding:0 clamp(16px,4vw,48px);list-style:none;display:flex;gap:0;border-top:1px solid var(--line);background:rgba(13,13,12,.6);backdrop-filter:blur(6px)}
.hero-stats li{flex:1;padding:14px 10px;border-right:1px solid var(--line);text-align:center}
.hero-stats li:last-child{border-right:0}
.hero-stats strong{display:block;font:500 clamp(1.4rem,4vw,2.2rem)/1 var(--serif);color:var(--gold2)}
.hero-stats span{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}

/* chapters */
.chapter{padding:var(--pad) 0}
.chapter--alt{background:var(--bg2)}
.split{display:grid;gap:40px;align-items:center}
@media (min-width:900px){.split{grid-template-columns:1.05fr .95fr;gap:72px}}
.split-media{position:relative;margin:0}
.split-media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.hairlist{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--line)}
.hairlist li{padding:14px 0 14px 26px;border-bottom:1px solid var(--line);position:relative;color:#ddd6c9}
.hairlist li::before{content:"";position:absolute;left:0;top:24px;width:12px;height:1px;background:var(--gold)}

/* price list */
.pricelist{margin-top:36px;border-top:1px solid var(--gold)}
.pl-row{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center;transition:background .25s}
.pl-row:not(.pl-head):hover{background:rgba(200,169,106,.06)}
.pl-head{display:none}
.pl-type{font:500 1.9rem/1 var(--serif);color:#fff}
.pl-row > span:nth-child(2){grid-column:1;color:var(--mute);font-size:.9rem}
.pl-price{grid-column:2;grid-row:1/3;text-align:right;font:500 1.35rem var(--serif);color:var(--gold2)}
.pl-price small{display:block;font:500 .66rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.pl-row > span:last-child{grid-column:1/3}
@media (min-width:800px){
  .pl-head{display:grid;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);padding:14px 0}
  .pl-head > span{font-size:.66rem!important;color:var(--mute)!important}
  .pl-row{grid-template-columns:1.2fr 1fr 1fr auto;padding:26px 8px}
  .pl-row > span:nth-child(2),.pl-price,.pl-row > span:last-child{grid-column:auto;grid-row:auto}
  .pl-price{text-align:left}
}

/* master plan */
.statband{list-style:none;margin:34px 0 40px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.statband li{padding:22px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.statband strong{display:block;font:500 clamp(2rem,5vw,3.2rem)/1 var(--serif);color:var(--gold2)}
.statband span{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
@media (min-width:800px){.statband{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
.frame{position:relative;margin:0;padding:clamp(10px,2vw,22px);border:1px solid var(--gold)}
.frame img{width:100%}
.frame figcaption{padding-top:16px;text-align:right}

/* amenities strip */
.strip{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:40px max(16px,calc((100vw - 1180px) / 2)) 26px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
.strip-card{position:relative;flex:0 0 min(78vw,340px);margin:0;scroll-snap-align:start}
.strip-card img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:saturate(.92)}
.strip-card figcaption{font:500 1.25rem var(--serif);margin-top:12px;color:#fff}
.amen-list{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.amen-list li{border:1px solid var(--line);padding:8px 14px;font-size:.8rem;letter-spacing:.06em;color:#ddd6c9}

/* gallery mosaic */
.mosaic{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:30px}
.mosaic-item{position:relative;display:block;overflow:hidden}
.mosaic-item img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s}
.mosaic-item:hover img{transform:scale(1.04)}
.mosaic-item.big{grid-column:1/3}
.mosaic-item.big img{aspect-ratio:16/9}
@media (min-width:900px){.mosaic{grid-template-columns:repeat(4,1fr)}.mosaic-item.big{grid-column:1/3;grid-row:1/3}.mosaic-item.big img{aspect-ratio:auto}}
@media (min-width:900px){.mosaic-item:nth-child(6):last-child{grid-column:1/-1}.mosaic-item:nth-child(6):last-child img{aspect-ratio:21/9}}

/* location */
.menu{list-style:none;padding:0;margin:26px 0}
.menu li{display:flex;align-items:baseline;gap:10px;padding:10px 0;font-size:.98rem}
.menu i{flex:1;border-bottom:1px dotted rgba(200,169,106,.45);transform:translateY(-4px)}
.menu b{font:500 1.15rem var(--serif);color:var(--gold2);white-space:nowrap}
.lm{border-top:1px solid var(--line);padding:12px 0}
.lm summary{cursor:pointer;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);list-style:none}
.lm summary::-webkit-details-marker{display:none}
.lm p{margin:10px 0 0;color:#d4cdc0;font-size:.95rem}
.map{position:relative;min-height:360px;border:1px solid var(--line)}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) invert(.92) contrast(.9) brightness(.95)}

/* developer */
.quote{font:italic 500 clamp(1.3rem,2.6vw,1.8rem)/1.45 var(--serif);color:#e6dfd2}

/* closing form */
.closing{padding:var(--pad) 0;background:linear-gradient(180deg,var(--bg) 0%,#1a1710 100%);border-top:1px solid var(--line)}
.form-line{display:grid;gap:18px}
.form-line .field{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(239,233,222,.35);color:#fff;font:400 1rem var(--sans);padding:12px 0;border-radius:0;outline:none;transition:border-color .2s}
.form-line .field::placeholder{color:#8f897d}
.form-line .field:focus{border-bottom-color:var(--gold)}
.form-line select.field{appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c8a96a' fill='none'/%3E%3C/svg%3E") no-repeat right 4px center}
.form-line select.field option{background:#141412;color:#fff}
.consent{display:flex;gap:10px;font-size:.74rem;line-height:1.5;color:var(--mute)}
.consent input{accent-color:var(--gold);margin-top:3px}
.consent a{color:var(--gold)}
.hl-message{font-size:.85rem;margin-top:6px}

/* key facts (shared block) in this layout's colours */
.facts-wrap{background:var(--bg2);padding:20px 0}
#key-facts{--hl-bg:transparent!important;--hl-font:var(--sans)!important;--hl-h-font:var(--serif)!important;--hl-h-size:44px!important;--hl-h-size-m:32px!important;--hl-h-weight:500!important;--hl-h-color:#fff!important;--hl-h-transform:none!important;--hl-bar:1px solid var(--gold)!important;--hl-bar-display:block!important;--hl-label:var(--gold)!important;--hl-card-border:1px solid var(--line)!important;--hl-card-radius:0!important;--hl-card-shadow:none!important;--hl-faq-border:1px solid var(--line)!important;--hl-faq-radius:0!important;--hl-faq-shadow:none!important;--hl-icon:var(--gold)!important;color:var(--ink)!important;width:100%!important}
#key-facts .hl-grid li,#key-facts details{background:#0f0f0e!important}
#key-facts .v,#key-facts summary{color:#ece6da}
#key-facts details p,#key-facts .hl-updated{color:#bdb6a9!important}

/* footer */
.foot{padding:56px 0 110px;border-top:1px solid var(--line);font-size:.86rem;color:var(--mute)}
.foot a{color:var(--gold)}
.foot-grid{display:grid;gap:28px}
.foot-brand{font:500 1.6rem var(--serif);color:#fff;margin-bottom:10px}
.disclaimer{font-size:.76rem;line-height:1.6;color:#8d877b;border-top:1px solid var(--line);padding-top:20px}
@media (min-width:980px){.foot{padding-bottom:56px}}

/* side tab (desktop) + bottom bar (phones) */
.side-tab{display:none;position:fixed;right:0;top:50%;z-index:45;transform:translateY(-50%);writing-mode:vertical-rl;background:var(--gold);color:#16130d;border:0;padding:20px 12px;font:700 .7rem var(--sans);letter-spacing:.28em;text-transform:uppercase;cursor:pointer}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:45;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(13,13,12,.94);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .35s}
.mbar.show{transform:none}
.mbar .btn{width:100%}
@media (min-width:980px){.side-tab{display:block}.mbar{display:none}}

/* drawer */
.drawer{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.6);display:flex;justify-content:flex-end}
.drawer[hidden]{display:none}
.drawer-panel{position:relative;width:min(460px,100%);height:100%;overflow-y:auto;background:#12110f;border-left:1px solid var(--gold);padding:64px 32px 32px;animation:slidein .35s ease-out}
.drawer-panel h2{font-size:2.2rem}
@keyframes slidein{from{transform:translateX(40px);opacity:0}}
.drawer-close{position:absolute;top:14px;right:16px;background:none;border:0;color:var(--ink);font-size:2rem;line-height:1;cursor:pointer}

/* lightbox + reveal */
.lightbox{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;padding:16px;cursor:zoom-out}
.lightbox img{max-height:92vh;width:auto}
.rv{opacity:0;transform:translateY(24px);transition:opacity .9s,transform .9s}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* ===== "downtown" layout (22 Oct 2026): the flagship launch film on top of noir ===== */
.dhero{min-height:clamp(560px,62vh,760px);align-items:center}
@media (max-width:760px){.dhero{min-height:84svh;align-items:flex-end}}
.dhero .hero-inner{padding:96px 0 44px}
.dhero h1{font-size:clamp(2.4rem,5.2vw,4.6rem);max-width:20ch;margin-bottom:.15em}
.dtag{font-family:var(--serif);font-size:clamp(1.45rem,3.2vw,2.35rem);line-height:1.15;margin:0 0 12px;color:#fff}
.dtag em{color:var(--gold2);font-style:italic}
.dhero .hero-sub{max-width:58ch;margin:0 0 6px}
.hero-price{font-size:clamp(.98rem,1.8vw,1.1rem);color:#e9e3d7;margin:0 0 26px}
.hero-price strong{color:var(--gold2);font-weight:600}
.cue{position:absolute;left:50%;bottom:14px;width:1px;height:38px;background:rgba(255,255,255,.25);overflow:hidden}
.cue span{position:absolute;left:0;top:-38px;width:1px;height:38px;background:var(--gold2);animation:cue 2.4s ease-in-out infinite}
@keyframes cue{to{top:38px}}
@media (max-width:760px){.cue{display:none}}
.usp{display:grid;grid-template-columns:repeat(5,1fr);background:var(--bg2);border-block:1px solid var(--line)}
.usp a{display:flex;flex-direction:column;gap:4px;padding:22px 18px;text-decoration:none;border-right:1px solid var(--line);transition:background .3s}
.usp a:last-child{border-right:0}
.usp a:hover{background:rgba(200,169,106,.08)}
.usp strong{font:500 clamp(1.5rem,2.6vw,2.1rem)/1 var(--serif);color:var(--gold2)}
.usp span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#d9d3c7;line-height:1.45}
@media (max-width:900px){.usp{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .usp a{flex:0 0 46%;scroll-snap-align:start}}
.soft{color:#bdb6a9}
.h3{font-size:clamp(1.6rem,3vw,2.3rem)}
.h4{font-family:var(--serif);font-size:1.45rem;font-weight:500;margin:6px 0 8px}
.cities{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;width:min(1320px,100% - 32px);margin:40px auto 0}
.city{position:relative;margin:0;overflow:hidden}
.city img{aspect-ratio:3/4;object-fit:cover;width:100%;transition:transform 1.2s}
.city:hover img{transform:scale(1.05)}
.city figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 14px;background:linear-gradient(transparent,rgba(13,13,12,.85));font:500 1.3rem var(--serif);letter-spacing:.06em}
@media (max-width:760px){.cities{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;width:auto;padding:0 16px}.city{flex:0 0 62%;scroll-snap-align:start}}
.thane{margin-top:clamp(48px,7vw,96px)}
.conn{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:34px}
.conn-card{background:rgba(255,255,255,.03);border:1px solid var(--line);padding:0 0 20px}
.conn-card>*:not(.conn-pic){padding-inline:20px}
.conn-pic{margin:0 0 16px;overflow:hidden}
.conn-pic img{aspect-ratio:4/3;object-fit:cover;width:100%}
.pill{display:inline-block;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:#16130d;background:var(--gold2);padding:4px 10px;margin:0 20px 6px!important}
.mmrda{margin:30px 0 0;padding:18px 22px;border-left:2px solid var(--gold);font:italic 1.25rem/1.45 var(--serif);color:#efe9de}
.mmrda a{font:600 .7rem var(--sans);letter-spacing:.18em;text-transform:uppercase;margin-left:6px}
.mapfig{margin-top:28px}
.mapfig figcaption{padding:8px 0 0}
.statband.big strong{font-size:clamp(2.6rem,6vw,4.4rem)}
.bleed{margin:30px 0 18px;overflow:hidden}
.bleed img{width:100%;max-height:78vh;object-fit:cover}
.pillars{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;width:min(1320px,100% - 32px);margin:34px auto 0}
.pillar{margin:0}
.pillar img{aspect-ratio:3/4;object-fit:cover;width:100%}
.pillar figcaption{padding:12px 2px 0;font-size:.92rem;color:#d9d3c7}
.pillar strong{font:500 1.35rem var(--serif);color:var(--gold2);display:block}
@media (max-width:900px){.pillars{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;width:auto;padding:0 16px}.pillar{flex:0 0 70%;scroll-snap-align:start}}
.collections{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
@media (max-width:900px){.collections{grid-template-columns:1fr}}
.coll{background:rgba(255,255,255,.03);border:1px solid var(--line)}
.coll--sig{border-color:rgba(200,169,106,.45)}
.coll-pic{margin:0}
.coll-pic img{aspect-ratio:16/10;object-fit:cover;width:100%}
.coll-body{padding:24px}
.units{list-style:none;margin:14px 0 18px;padding:0}
.units li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.units b{font-weight:500;color:var(--gold2)}
.ptable{margin-top:30px;border-top:1px solid var(--gold)}
.pt-row{display:grid;grid-template-columns:1.4fr 1fr 1fr .9fr 1fr .9fr 1.2fr;gap:10px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line)}
.pt-head{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.pt-type{font:500 1.3rem var(--serif)}
.pt-type small{display:block;font:600 .62rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.pt-eoi{color:var(--gold2);font-weight:600}
.pt-row small{color:var(--mute);font-size:.72rem}
.pt-row.sig{background:rgba(200,169,106,.05)}
@media (max-width:900px){.pt-head{display:none}.pt-row{grid-template-columns:1fr 1fr;padding:18px 4px}
  .pt-type{grid-column:1/-1}.pt-row [data-l]::before{content:attr(data-l);display:block;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
  .pt-row span:last-child{grid-column:1/-1}}
.notes{margin:22px 0 0;padding:0 0 0 18px;color:var(--mute);font-size:.86rem}
.notes li{margin:4px 0}
.closing{position:relative;overflow:hidden}
.closing-bg{position:absolute;inset:0;margin:0;opacity:.22}
.closing-bg img{width:100%;height:100%;object-fit:cover}
.closing .wrap{position:relative}
.lm[open] summary{color:var(--gold)}
.ptable.plain .pt-row{grid-template-columns:1.4fr 1fr 1fr 1.2fr}
.usp.many{grid-template-columns:repeat(4,1fr)}
.usp.many a{border-bottom:1px solid var(--line)}
.usp.many a:nth-child(4n){border-right:0}
@media (max-width:900px){.usp.many{display:flex}}
.adv-k{margin-top:26px}
.adv b{color:var(--gold2);font-weight:600;white-space:nowrap}
.dvid{margin:30px 0 0;overflow:hidden;border:1px solid var(--line)}
.dvid video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}

/* ===== 22 Oct 2026 (Founder): living buttons and borders, carpet-area buttons, pictures that roll open ===== */
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes shine{from{background-position:120% 0}to{background-position:-120% 0}}
@keyframes orbit{to{--a:360deg}}
.btn-gold{background:linear-gradient(110deg,var(--gold) 35%,#f6e3b4 48%,var(--gold) 61%) var(--gold);background-size:260% 100%;animation:shine 3.4s linear infinite}
.btn-gold:hover{background-color:var(--gold2)}
.btn-line,.nav-cta,.coll--sig,.closing .form-line,.ptable,.chip{position:relative;isolation:isolate}
.side-tab{isolation:isolate}
.btn-line::after,.nav-cta::after,.side-tab::after,.coll--sig::after,.closing .form-line::after,.ptable::after,.chip::after{
  content:"";position:absolute;inset:-1px;padding:1px;pointer-events:none;
  background:conic-gradient(from var(--a),rgba(226,201,143,0) 0 62%,rgba(246,227,180,.95) 78%,rgba(226,201,143,0) 92%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:orbit 4.2s linear infinite}
.closing .form-line{padding:22px;border:1px solid var(--line)}
.ptable::after{animation-duration:7s}
.chip::after{animation-duration:5s;opacity:.7}
.v-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.chip{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 13px;border:1px solid rgba(200,169,106,.35);
  background:rgba(200,169,106,.06);color:inherit;font:inherit;cursor:pointer;text-align:left;transition:background .3s,transform .3s}
.chip b{font-size:.92rem;font-weight:600}
.chip span{font-size:.8rem;opacity:.85}
.chip:hover{background:rgba(200,169,106,.16);transform:translateY(-2px)}
@media (min-width:900px){
  .rimg img,.rimg video{clip-path:inset(0 100% 0 0);transform:scale(1.08);
    transition:clip-path 1.5s cubic-bezier(.77,0,.18,1),transform 2.2s cubic-bezier(.22,1,.36,1)}
  .rimg.in img,.rimg.in video{clip-path:inset(0 0 0 0);transform:none}
}
@media (prefers-reduced-motion:reduce){
  .btn-gold{animation:none;background:var(--gold)}
  .btn-line::after,.nav-cta::after,.side-tab::after,.coll--sig::after,.closing .form-line::after,.ptable::after,.chip::after{animation:none;opacity:.5}
  .rimg img,.rimg video{clip-path:none!important;transform:none!important}
}
.hl-grid li:has(.v-chips){grid-column:span 2}
@media (max-width:700px){.hl-grid li:has(.v-chips){grid-column:1/-1}}
.v-chips .chip{flex:1 1 auto}
@media (min-width:1000px){.hl-grid li:has(.v-chips){grid-column:span 3}}

/* 22 Oct 2026 (Founder: "breaking the mobile view"): small phones -- the top bar fits, nothing can push the page sideways */
html,body{overflow-x:clip}
img,video{max-width:100%}
.brand{min-width:0;flex:1 1 auto}
.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-cta{flex-shrink:0}
@media (max-width:400px){.nav{gap:10px;padding-inline:14px}.brand{font-size:.8rem;letter-spacing:.04em}.nav-cta{padding:9px 10px;letter-spacing:.12em;font-size:.64rem}}
/* 22 Oct 2026 (Founder): the wordmark -- the name, and THANE, MUMBAI small and widely spaced beneath */
.brand{flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.1}
.brand small,.foot-brand small{display:block;font:600 .56rem/1.6 var(--sans);letter-spacing:.62em;text-transform:uppercase;color:var(--gold);margin-top:5px}
.foot-brand small{font-size:.62rem}
@media (max-width:400px){.brand small{font-size:.5rem;letter-spacing:.5em;margin-top:3px}}
/* 22 Oct 2026 (Founder: "GODREJ DOWNTOWN AVENUE (20% Smaller) and THANE, MUMBAI after break", "letters spread out for only
   THANE, MUMBAI", "smaller than TITLE"): the top-bar name 20% smaller with plain spacing; THANE, MUMBAI below, smaller, wide */
.brand{font-size:1rem;letter-spacing:.04em}
@media (max-width:520px){.brand{font-size:.76rem}}
@media (max-width:400px){.brand{font-size:.64rem;letter-spacing:.03em}}
/* 22 Oct 2026 (Founder: phone opening screen 'repetitive, organise'): one clear stack -- name, tagline, one line, price, buttons */
@media (max-width:760px){
  .dhero .hero-inner{padding:96px 0 34px}
  .dhero .eyebrow{margin-bottom:12px;font-size:.64rem;letter-spacing:.24em}
  .dhero h1{font-size:2.35rem;margin-bottom:.2em}
  .dtag{font-size:1.3rem;margin-bottom:8px}
  .dhero .hero-sub{font-size:.95rem;margin-bottom:4px;color:#d9d3c7}
  .hero-price{margin-bottom:20px}
  .dhero .hero-ctas .btn{flex:1 1 100%}
  .dhero .hero-shade{background:linear-gradient(180deg,rgba(13,13,12,.55) 0%,rgba(13,13,12,.15) 30%,rgba(13,13,12,.55) 55%,rgba(13,13,12,.96) 100%)}
}
/* 22 Oct 2026 (Founder: /commercial/ SEO page): split blocks alternate sides, short ticked lists, fewer pillars, footer links */
@media (min-width:900px){.split.flip{grid-template-columns:.95fr 1.05fr}.split.flip .split-media{order:2}}
.biz{list-style:none;padding:0;margin:10px 0 22px;display:grid;gap:9px}
.biz li{position:relative;padding-left:24px;color:#d9d3c7}
.biz li::before{content:"";position:absolute;left:0;top:.8em;width:12px;height:1px;background:var(--gold)}
@media (min-width:901px){.pillars.few{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:min(1100px,100% - 32px)}}
.foot-links{margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px}
.foot-links a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(200,169,106,.4)}

/* ===== "luxe" paid page (23 Oct 2026, Founder: "appeals to luxury audience think on colour combination and colour contrast"):
   noir + champagne, with ivory "paper" bands for the price list, why-here and NRI so the numbers read at a glance. Text contrast
   is measured in a browser before staging (>= 4.5:1, large text >= 3:1). ===== */
:root{--paper:#f4efe6;--paper-ink:#17140f;--paper-soft:#4a433a;--bronze:#7a5a2b;--card:#fffdf8;--hair:#e2d7c3}
section[id],.anchor{scroll-margin-top:72px}
.anchor{display:block;height:0}
.lxhero{min-height:0;display:block;align-items:initial}
.lxhero .hero-img{animation:none;transform:none}
.lxhero .hero-shade{background:linear-gradient(90deg,rgba(13,13,12,.88) 0%,rgba(13,13,12,.55) 46%,rgba(13,13,12,.25) 100%),linear-gradient(180deg,rgba(13,13,12,.5) 0%,rgba(13,13,12,0) 30%,rgba(13,13,12,.85) 100%)}
.hero-grid{position:relative;width:min(1180px,100% - 32px);margin:0 auto;display:grid;gap:28px;padding:112px 0 44px}
@media (min-width:1000px){.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;min-height:min(86vh,820px);padding:120px 0 60px;gap:56px}}
.lxhero h1{font-size:clamp(2.3rem,5vw,4.3rem);max-width:16ch;margin-bottom:.15em;color:#fff}
.lxhero .hero-sub{max-width:56ch;color:#e6e0d4;margin:0 0 10px}
.hero-price{font-size:clamp(1.05rem,2vw,1.25rem);color:#fff;margin:0 0 14px}
.hero-price strong{color:var(--gold2);font:600 1.15em var(--sans)}
.lx-chips{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lx-chips li{border:1px solid rgba(226,201,143,.55);color:var(--gold2);padding:7px 12px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;background:rgba(13,13,12,.35)}
.hero-fine{font-size:.72rem;color:#b9b2a5;margin:14px 0 0}
.hero-form{background:rgba(16,15,13,.86);backdrop-filter:blur(10px);border:1px solid rgba(200,169,106,.45);padding:clamp(20px,3vw,32px)}
.hero-form h2{font-size:clamp(1.7rem,3vw,2.3rem);color:#fff;margin-bottom:6px}
.form-sub{font-size:.9rem;color:#cfc8bb;margin:0 0 14px}
.trust{font-size:.72rem;color:#b9b2a5;margin:14px 0 0;letter-spacing:.02em}
.lx .form-line{gap:14px}
.lx .btn{min-height:52px}
.lx .form-line .btn{width:100%}
.lx-usp{grid-template-columns:repeat(6,1fr)}
@media (max-width:900px){.lx-usp{display:flex}}
.cta-row{margin-top:34px}
.btn-ink{background:var(--paper-ink);color:#f3e6c8;border-color:var(--paper-ink)}
.btn-ink:hover{background:var(--bronze);border-color:var(--bronze);color:#fff}

/* ivory bands */
.paper{background:var(--paper);color:var(--paper-ink)}
.paper h2,.paper h3{color:var(--paper-ink)}
.paper .kicker{color:var(--bronze)}
.paper .lede{color:var(--paper-soft)}
.paper .notes{color:var(--paper-soft)}
.paper .biz li{color:var(--paper-soft)}
.paper .biz li::before{background:var(--bronze)}
.paper .consent{color:var(--paper-soft)}
.paper .consent a{color:var(--bronze)}
.paper .form-line .field{color:var(--paper-ink);border-bottom-color:rgba(23,20,15,.35)}
.paper .form-line .field::placeholder{color:#6f675b}
.paper .form-line select.field option{background:#fff;color:var(--paper-ink)}
.card-form{background:var(--card);border:1px solid var(--hair);padding:clamp(20px,3vw,30px)}

/* the price list: every residence, visible without a form */
.pcards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:30px}
.pcard{background:var(--card);border:1px solid var(--hair);padding:22px 20px;display:flex;flex-direction:column;gap:6px}
.pcard.sig{border-color:#c8a96a;box-shadow:inset 0 3px 0 #c8a96a}
.pc-coll{font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);margin:0;font-weight:700}
.pcard h3{font:500 2rem/1.05 var(--serif);margin:4px 0 0}
.pc-area{color:var(--paper-soft);font-size:.9rem;margin:0 0 6px}
.pc-fig{margin:0 0 14px;display:grid;gap:8px}
.pc-fig div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--hair);padding-bottom:7px}
.pc-fig dt{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#5f584d}
.pc-fig dd{margin:0;font-weight:600;color:var(--paper-ink)}
.pc-fig .pc-eoi{border-bottom:2px solid #c8a96a}
.pc-fig .pc-eoi dt{color:var(--bronze);font-weight:700}
.pc-fig .pc-eoi dd{font:600 1.45rem/1 var(--serif);color:var(--paper-ink)}
.pcard .btn{margin-top:auto;width:100%;font-size:.7rem;letter-spacing:.16em}
@media (min-width:1180px){.pcards{grid-template-columns:repeat(5,1fr)}}

/* why it stands apart */
.apart{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.apart li{background:var(--card);border:1px solid var(--hair);padding:24px}
.apart b{display:block;font:500 2.6rem/1 var(--serif);color:var(--bronze);margin-bottom:10px}
.apart h3{font:500 1.5rem/1.15 var(--serif);margin:0 0 8px}
.apart p{color:var(--paper-soft);margin:0}

/* on-request cards (master plan, site visit, payment plan) */
.reqs{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}
.req{all:unset;cursor:pointer;display:flex;flex-direction:column;background:rgba(255,255,255,.03);border:1px solid var(--line);transition:border-color .3s,transform .3s}
.req:hover,.req:focus-visible{border-color:var(--gold);transform:translateY(-3px)}
.req-pic{display:block;overflow:hidden}
.req-pic img{aspect-ratio:16/10;object-fit:cover;width:100%;filter:blur(1.5px) brightness(.72)}
.req-body{display:flex;flex-direction:column;gap:6px;padding:18px 20px 20px}
.req-body strong{font:500 1.6rem var(--serif);color:#fff}
.req-body span{color:#d9d3c7;font-size:.95rem}
.req-body em{font:700 .7rem var(--sans);font-style:normal;letter-spacing:.2em;text-transform:uppercase;color:var(--gold2);margin-top:6px}
.lx-loc{margin-top:26px}

/* phone bar: two actions */
.mbar{display:flex;gap:10px}
.mbar .btn{flex:1 1 0;width:auto;padding:0 10px;font-size:.68rem;letter-spacing:.14em}
@media (min-width:980px){.mbar{display:none}}

/* the pop-up */
.lx-dlg{position:fixed;inset:0;z-index:80;background:rgba(5,5,4,.72);display:flex;align-items:center;justify-content:center;padding:12px}
.lx-dlg[hidden]{display:none}
.lx-dlg-card{position:relative;width:min(880px,100%);max-height:calc(100svh - 24px);overflow:auto;display:grid;background:#12110f;border:1px solid var(--gold);animation:pop .35s ease-out}
@keyframes pop{from{transform:translateY(16px) scale(.98);opacity:0}}
@media (min-width:760px){.lx-dlg-card{grid-template-columns:.85fr 1.15fr}}
.lx-dlg-side{position:relative;display:none;min-height:100%;overflow:hidden}
.lx-dlg-side img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lx-dlg-side::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,13,12,.15),rgba(13,13,12,.88))}
.lx-dlg-side ul{position:absolute;left:24px;right:24px;bottom:24px;z-index:1;list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lx-dlg-side li{color:#fff;font:500 1.25rem var(--serif);padding-left:26px;position:relative}
.lx-dlg-side li::before{content:"";position:absolute;left:0;top:.6em;width:14px;height:1px;background:var(--gold2)}
@media (min-width:760px){.lx-dlg-side{display:block}}
.lx-dlg-main{padding:clamp(24px,4vw,40px)}
.lx-dlg-main h2{font-size:clamp(1.8rem,3.4vw,2.5rem);color:#fff;margin-bottom:6px}
.lx-dlg-main .form-sub{color:var(--gold2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.lx-dlg-x{position:absolute;top:8px;right:12px;z-index:2;background:none;border:0;color:#efe9de;font-size:2rem;line-height:1;cursor:pointer;padding:6px}
@media (max-width:759px){.lx-dlg{align-items:flex-end;padding:0}.lx-dlg-card{width:100%;border-width:1px 0 0;max-height:92svh}}

/* picture notices (sites/factory/notices.py wraps a labelled picture in .hl-pic): pictures that fill their block keep filling it */
.lxhero > .hl-pic,.closing-bg > .hl-pic,.lx-dlg-side > .hl-pic{position:absolute;inset:0}
.lxhero > .hl-pic .hl-pic-note {left:auto;right:12px;bottom:auto;top:78px}
@media (min-width:1000px){.lxhero > .hl-pic .hl-pic-note {top:auto;bottom:12px}}

/* the phone keyboard (Founder 23 Oct 2026: "keyboard should not overlap the form"): site.js keeps --kb (the keyboard's height)
   and --vvh (the visible height) from the browser's visual viewport -- the pop-up sits above the keyboard and scrolls inside
   itself; the phone bar steps aside while a field is in use; 16px fields so iPhones do not zoom */
.lx .form-line .field{font-size:16px}
.lx-dlg{bottom:var(--kb,0px)}
.lx-dlg-card{max-height:calc(var(--vvh,100svh) - 24px)}
@media (max-width:759px){.lx-dlg-card{max-height:calc(var(--vvh,100svh) - 8px)}}
body.typing .mbar{transform:translateY(110%)!important}

/* legal pages (privacy / terms share this stylesheet with the shared legal.css): the header bar in the page's own colours and
   every small text readable on the dark page (23 Oct 2026 contrast audit) */
.site-header{background:#0d0d0c;border-bottom-color:#c8a96a}
.site-header .logo-text{color:#fff}
.site-header .nav{position:static;inset:auto;display:flex;padding:0;background:none;border:0;gap:0;backdrop-filter:none}
.site-header .nav a{color:#e2c98f}
.small,.site-footer{color:#a7a195}
.site-footer{border-top-color:rgba(239,233,222,.14)}

/* ===== 23 Oct 2026 review round (ChatGPT review audited; Founder: "lively animation to borders or buttons ... urgency ... rolling
   reveal from left to right"): an honest live dot on "EOI window open", a short hero line on phones, living borders on the hero
   form / Signature cards / pop-up, a soft pulse on the main button, pictures that roll open (desktop) or rise in (phones), clear
   focus rings. Every motion stops for reduced-motion visitors; only transform / opacity / clip-path / shadow move. ===== */
.eyebrow .live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7bd389;margin-right:10px;vertical-align:middle;
  box-shadow:0 0 0 0 rgba(123,211,137,.6);animation:live 2s ease-out infinite}
@keyframes live{70%{box-shadow:0 0 0 9px rgba(123,211,137,0)}100%{box-shadow:0 0 0 0 rgba(123,211,137,0)}}
.hero-short{display:none}
@media (max-width:759px){.hero-long{display:none}.hero-short{display:block;font-size:1.05rem;color:#fff;margin-bottom:8px}}
.hero-ctas .btn-gold{animation:shine 3.4s linear infinite,pulse 2.8s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(226,201,143,.55)}70%{box-shadow:0 0 0 14px rgba(226,201,143,0)}100%{box-shadow:0 0 0 0 rgba(226,201,143,0)}}
.hero-form,.pcard.sig,.lx-dlg-card,.req{position:relative;isolation:isolate}
.hero-form::after,.pcard.sig::after,.lx-dlg-card::after,.req::after{content:"";position:absolute;inset:-1px;padding:1px;pointer-events:none;
  background:conic-gradient(from var(--a),rgba(226,201,143,0) 0 62%,rgba(246,227,180,.95) 78%,rgba(226,201,143,0) 92%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:orbit 4.2s linear infinite}
.lx-dlg-card::after{inset:0}
.pcard.sig::after{animation-duration:6s}
.req::after{opacity:0;transition:opacity .3s}
.req:hover::after,.req:focus-visible::after{opacity:1}
.pcard{transition:transform .35s,box-shadow .35s,border-color .35s}
.pcard:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(23,20,15,.12);border-color:#c8a96a}
:focus-visible{outline:2px solid #e2c98f;outline-offset:2px}
.paper :focus-visible{outline-color:var(--bronze)}
/* pictures: roll open left to right on desktop (as on the SEO site), rise in on phones */
@media (max-width:899px){.rimg-m img{opacity:0;transform:translateY(18px) scale(1.03);transition:opacity .9s,transform 1.1s cubic-bezier(.22,1,.36,1)}
  .rimg-m.in img{opacity:1;transform:none}}
/* a shorter phone journey: connectivity cards swipe sideways, compact why-here cards, four gallery pictures */
@media (max-width:759px){
  .conn{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px}
  .conn-card{flex:0 0 82%;scroll-snap-align:start}
  .apart li{padding:18px}
  .apart b{font-size:2rem;margin-bottom:6px}
  .mosaic-item:nth-child(n+5){display:none}
}
@media (prefers-reduced-motion:reduce){
  .eyebrow .live,.hero-ctas .btn-gold{animation:none}
  .hero-form::after,.pcard.sig::after,.lx-dlg-card::after,.req::after{animation:none;opacity:.5}
  .pcard:hover{transform:none}
  .rimg-m img{opacity:1!important;transform:none!important}
}
@media (max-width:759px){.lxhero .eyebrow{font-size:.62rem;letter-spacing:.14em}}
/* 23 Oct 2026 (Founder's ss of /v1/): the closing band's picture caption was faded with the whole picture (opacity .22) --
   the picture is now darkened by an overlay instead, so its "Artist's impression" caption stays readable */
.closing-bg{opacity:1}
.closing-bg::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(13,13,12,.8);pointer-events:none}
.closing-bg .hl-pic-note {z-index:2}
.closing .wrap{z-index:2}
/* 23 Oct 2026 (Founder: "the cluttered carpet area section needs redo"): one button per home, the whole row */
#key-facts .hl-grid li:has(.v-chips){grid-column:1/-1}
/* 23 Oct 2026 (Founder: "signature collection can have subtle differentiation hint or highlighted carpet area"): the Signature
   cards get a faint champagne tint, a small diamond before their label and the carpet area as a highlighted tag */
.pcard.sig{background:linear-gradient(180deg,#fffaf0 0%,#fbf3e2 100%)}
.pcard.sig .pc-coll::before{content:"\25C6";margin-right:6px;color:#b8924f;font-size:.7em;vertical-align:1px}
.pc-area{align-self:flex-start}
.pcard.sig .pc-area{background:#efe0bf;color:#4d3818;font-weight:600;padding:4px 10px;border-left:2px solid #b8924f}
/* 23 Oct 2026 (Founder: "3 relevant dummy images ... and button has background and border"): the request cards' pictures are
   already representative (blurred where needed), so only a light dimming; each card ends in a real button */
.req-pic img{filter:brightness(.86)}
.req-body em{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin-top:12px;padding:11px 18px;border:1px solid var(--gold);
  background:rgba(200,169,106,.14);color:var(--gold2);transition:background .3s,color .3s}
.req:hover .req-body em,.req:focus-visible .req-body em{background:var(--gold);color:#16130d}
/* 23 Oct 2026 (Founder: the partner line off the forms, "at the footer's bottom ... smaller"): the agent line and the disclaimer
   stay in the footer -- MahaRERA and Microsoft's misrepresentation rules -- small and quiet */
.foot .agent{font-size:.74rem;color:#9a9385;margin-top:2px}
.foot .disclaimer{font-size:.7rem;color:#8d877b}
/* 23 Oct 2026 (Founder: "yes zero brokerage for buyers"): the reassurance under every form's button */
.assure{margin:2px 0 0;font-size:.8rem;letter-spacing:.04em;color:var(--gold2);display:flex;align-items:center;gap:8px}
.assure span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(123,211,137,.18);color:#7bd389;font-size:.72rem}
/* 24 Oct 2026 (Founder: "Make ₹2.99 Cr++* in Header More Prominent and Reduce some Text from Mobile Header"): the hero price is a
   large gold figure under a small label; on phones the short hero line, the third chip (in the strip below) and the second hero
   button (the bottom bar keeps "Site visit") are left out */
.hero-price{display:flex;flex-direction:column;gap:6px;margin:6px 0 18px}
.hero-price span{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:#e9e3d7}
.hero-price strong{font:600 clamp(2.5rem,4.6vw,3.4rem)/1 var(--serif);font-variant-numeric:lining-nums;color:var(--gold2);
  text-shadow:0 2px 18px rgba(0,0,0,.45)}
.hero-price sup{font:600 .34em var(--sans);vertical-align:super;margin-left:4px}
@media (max-width:759px){
  .hero-short{display:none}
  .lx-chips{gap:6px;margin-bottom:18px}
  .lx-chips li{font-size:.6rem;letter-spacing:.08em;padding:6px 8px}
  .lx-chips li:nth-child(n+3){display:none}
  .hero-ctas .btn-line{display:none}
  .hero-price strong{font-size:2.6rem}
}