/* MPE MahaRERA project page — lounge layer (owner 2026-11-07). Loaded last on project_terminal.html. */
.ps-terminal,.lg{--ivory:#FAF8F3;--paper:#F2EEE6;--ink:#17171A;--ink2:#5E5B55;--ink3:#8F8A80;--hair:#E3DDD1;--brass:#9A7B4F}
body{background:#FAF8F3}
/* MPE pre-launch project page (owner 2026-11-07), scoped to .lg */
/* MPE lounge pages (owner 2026-11-07): ivory, charcoal, one brass. */
.lg{--ivory:#FAF8F3;--paper:#F2EEE6;--ink:#17171A;--ink2:#5E5B55;--ink3:#8F8A80;--hair:#E3DDD1;--brass:#9A7B4F}
.lg, .lg *{box-sizing:border-box}
.lg{scroll-behavior:smooth}
.lg{margin:0;background:var(--ivory);color:var(--ink);font:400 16px/1.65 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.lg h1,.lg h2,.lg h3,.lg .num{font-family:Sora,sans-serif;font-weight:300;letter-spacing:-.02em;margin:0}
.lg a{color:inherit}
.lg .wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.lg .kick{font:600 .7rem/1 Manrope;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);margin:0 0 18px}
.lg .rule{height:1px;background:var(--hair);border:0;margin:0}
/* arrival */
.lg .top{position:absolute;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:22px 24px}
.lg .top img{height:34px;background:rgba(250,248,243,.92);padding:6px 10px;border-radius:4px}
.lg .top a.adv{font:500 .82rem Manrope;letter-spacing:.04em;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.6);padding:10px 16px;border-radius:2px;backdrop-filter:blur(6px);background:rgba(0,0,0,.15)}
.lg .hero{position:relative;height:92vh;min-height:560px;max-height:900px;overflow:hidden;background:#222}
.lg .hero img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:settle 2.4s cubic-bezier(.2,.7,.2,1) forwards}
.lg .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28) 0,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 45%,rgba(0,0,0,.62) 100%)}
.lg .hero .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;color:#fff;padding:0 24px 56px;max-width:1120px;margin:0 auto;opacity:0;animation:rise 1.2s .5s ease-out forwards}
.lg .hero .kick{color:#E9DCC4}
.lg .hero h1{font-size:clamp(2.6rem,7vw,5.2rem);line-height:1;font-weight:300}
.lg .hero p{margin:14px 0 0;font-size:1.02rem;color:rgba(255,255,255,.86)}
@keyframes settle{to{transform:scale(1)}}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* welcome line */
.lg .welcome{text-align:center;padding:64px 24px 8px;color:var(--ink2);font-size:.92rem;letter-spacing:.02em}
.lg .welcome b{color:var(--ink);font-weight:600}
/* at a glance */
.lg .glance{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:40px 0 0;border-top:1px solid var(--hair)}
.lg .glance div{padding:28px 4px 28px 0;border-bottom:1px solid var(--hair)}
.lg .glance .num{font-size:clamp(1.6rem,3.4vw,2.3rem);display:block;line-height:1.1}
.lg .glance small{display:block;margin-top:8px;color:var(--ink3);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}
@media(min-width:820px){.lg .glance{grid-template-columns:repeat(4,1fr)}
.lg .glance div{padding-left:24px;border-left:1px solid var(--hair)}
.lg .glance div:first-child{border-left:0;padding-left:0}
}
.lg section{padding:96px 0 0}
.lg section h2{font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.15;max-width:22ch}
.lg .lede{color:var(--ink2);max-width:60ch;font-size:1.04rem;margin:22px 0 0}
/* our note */
.lg .note{display:grid;gap:40px}
@media(min-width:880px){.lg .note{grid-template-columns:1.1fr 1fr;gap:72px;align-items:start}
}
.lg .facts{list-style:none;margin:0;padding:0}
.lg .facts li{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--hair)}
.lg .facts li:first-child{border-top:1px solid var(--hair)}
.lg .facts .k{flex:0 0 120px;color:var(--ink3);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding-top:3px}
.lg .facts .v{flex:1}
.lg .bar{height:2px;background:var(--hair);margin-top:10px;position:relative}
.lg .bar i{position:absolute;inset:0 auto 0 0;background:var(--ink)}
/* gallery */
.lg .gal{display:grid;gap:12px;margin-top:40px}
@media(min-width:760px){.lg .gal{grid-template-columns:2fr 1fr}
.lg .gal img:first-child{grid-row:span 2}
}
.lg .gal img{width:100%;height:100%;min-height:240px;object-fit:cover;display:block;border-radius:2px}
/* residences */
.lg .res{width:100%;border-collapse:collapse;margin-top:40px}
.lg .res th{font:600 .7rem Manrope;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);text-align:left;padding:0 0 14px;border-bottom:1px solid var(--ink)}
.lg .res td{padding:22px 0;border-bottom:1px solid var(--hair);font-size:1.02rem}
.lg .res td.num{font-size:1.25rem}
.lg .res th:last-child,.lg .res td:last-child{text-align:right}
.lg .fine{color:var(--ink3);font-size:.8rem;margin:16px 0 0}
/* neighbourhood */
.lg .near{display:grid;grid-template-columns:1fr;gap:0 48px;margin-top:40px}
@media(min-width:760px){.lg .near{grid-template-columns:1fr 1fr}
}
.lg .near div{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--hair)}
.lg .near span{color:var(--ink3);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin-right:12px}
.lg .near em{font-style:normal;color:var(--ink2);white-space:nowrap}
/* concierge */
.lg .conc{margin:120px 0 0;background:var(--ink);color:#EDE9E1}
.lg .conc .wrap{padding-top:88px;padding-bottom:88px;display:grid;gap:40px}
@media(min-width:880px){.lg .conc .wrap{grid-template-columns:1.2fr 1fr;align-items:center}
}
.lg .conc .kick{color:#C9AE82}
.lg .conc h2{color:#fff}
.lg .conc p{color:#B9B4AA;max-width:46ch}
.lg .who{display:flex;gap:18px;align-items:center;margin-top:30px}
.lg .mono{width:64px;height:64px;border-radius:50%;border:1px solid #C9AE82;display:grid;place-items:center;font:300 1.3rem Sora;color:#E9DCC4}
.lg .who b{display:block;color:#fff;font-weight:500}
.lg .who small{color:#9C978D}
.lg .acts{display:grid;gap:12px}
.lg .btn{display:block;text-align:center;text-decoration:none;padding:18px 20px;font:500 .95rem Manrope;letter-spacing:.03em;border-radius:2px}
.lg .btn.l{background:#EDE9E1;color:var(--ink)}
.lg .btn.o{border:1px solid #5E5B55;color:#EDE9E1}
.lg .btn:hover{opacity:.88}
/* questions */
.lg details{border-bottom:1px solid var(--hair);padding:22px 0}
.lg details:first-of-type{border-top:1px solid var(--hair)}
.lg summary{cursor:pointer;list-style:none;font:400 1.08rem Sora;display:flex;justify-content:space-between;gap:16px}
.lg summary::-webkit-details-marker{display:none}
.lg summary:after{content:"+";color:var(--brass);font-weight:300}
.lg details[open] summary:after{content:"–"}
.lg details p{color:var(--ink2);margin:12px 0 0;max-width:70ch}
.lg footer{padding:80px 24px 120px;text-align:center;color:var(--ink3);font-size:.8rem;line-height:1.9}
.lg footer a{color:var(--ink2)}
.lg .reveal{opacity:0;transform:translateY(18px);transition:opacity 1s ease,transform 1s ease}
.lg .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.lg .hero img,.lg .hero .cap{animation:none;opacity:1;transform:none}
.lg .reveal{opacity:1;transform:none;transition:none}
}
.lg .mock{position:fixed;left:12px;bottom:12px;z-index:50;background:#fff;border:1px solid var(--hair);padding:6px 10px;font-size:.7rem;color:var(--ink2);border-radius:2px}
.lg .mock a{color:var(--ink)}
.lg .topbar{border-bottom:1px solid var(--hair);background:var(--ivory)}
.lg .topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}
.lg .topbar img{height:34px}
.lg .adv2{font:500 .82rem Manrope;text-decoration:none;border:1px solid var(--ink);padding:9px 14px;border-radius:2px}
.lg .crumb{font-size:.8rem;color:var(--ink3);padding:18px 0 14px}
.lg .crumb a{color:var(--ink2);text-decoration:none}
.lg .head{display:grid;gap:28px}
@media(min-width:900px){.lg .head{grid-template-columns:1.35fr 1fr;gap:44px;align-items:start}
}
.lg .ph{margin:0}
.lg .ph img{width:100%;aspect-ratio:4/3;max-height:440px;object-fit:cover;display:block;border-radius:2px}
.lg .ph figcaption{font-size:.74rem;color:var(--ink3);margin-top:8px}
.lg .card2 h1{font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1.08}
.lg .card2 .kick{margin-bottom:12px}
.lg .where{color:var(--ink2);margin:8px 0 20px}
.lg .card2 dl{margin:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.lg .card2 dl div{padding:13px 0;border-bottom:1px solid var(--hair)}
.lg .card2 dl div:nth-child(odd){padding-right:12px}
.lg .card2 dt{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}
.lg .card2 dd{margin:4px 0 0;font:400 1.05rem Sora}
.lg .card2 dd small{font-size:.75rem;color:var(--ink3)}
.lg .btn2{display:block;text-align:center;background:var(--ink);color:#fff;text-decoration:none;padding:15px;margin-top:22px;font-weight:500;border-radius:2px}
.lg .btn2:hover{background:var(--brass)}
.lg .upd{font-size:.74rem;color:var(--ink3);margin:10px 0 0;text-align:center}
/* explorer */
.lg .ex{margin-top:40px;display:grid;gap:40px}
@media(min-width:880px){.lg .ex{grid-template-columns:1fr 1.1fr;gap:64px;align-items:start}
}
.lg .pick{display:flex;flex-wrap:wrap;gap:8px}
.lg .pick button{font:500 .9rem Manrope;border:1px solid var(--hair);background:#fff;color:var(--ink);padding:12px 16px;border-radius:2px;cursor:pointer;text-align:left;line-height:1.2;transition:all .2s}
.lg .pick button small{display:block;color:var(--ink3);font-size:.74rem;margin-top:3px}
.lg .pick button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.lg .pick button.on small{color:#B9B4AA}
.lg .plot{position:relative;aspect-ratio:1;max-width:420px;margin:28px 0 0;border:1px dashed var(--hair);background:
  linear-gradient(var(--hair) 1px,transparent 1px) 0 0/10% 10%,linear-gradient(90deg,var(--hair) 1px,transparent 1px) 0 0/10% 10%}
.lg .plot i{position:absolute;left:0;bottom:0;background:rgba(140,109,69,.16);border:1.5px solid var(--brass);transition:width .6s cubic-bezier(.3,1.2,.5,1),height .6s cubic-bezier(.3,1.2,.5,1)}
.lg .plot b{position:absolute;left:12px;bottom:10px;font:300 1.6rem Sora;color:var(--ink)}
.lg .plot b small{font:500 .72rem Manrope;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-left:6px}
.lg .plot em{position:absolute;right:8px;top:6px;font:500 .68rem Manrope;color:var(--ink3);font-style:normal}
.lg .sheet .row{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--hair)}
.lg .sheet .row:first-child{border-top:1px solid var(--ink)}
.lg .sheet .row span{color:var(--ink2)}
.lg .sheet .row b{font:400 1.15rem Sora}
.lg .sheet .row.tot b{font-size:1.6rem}
.lg .sheet .row.tot{border-bottom:1px solid var(--ink)}
.lg .slide{padding:22px 0 6px}
.lg .slide label{display:flex;justify-content:space-between;color:var(--ink2);font-size:.9rem}
.lg .slide input{width:100%;accent-color:var(--ink);margin:10px 0 0}
.lg .emi{display:flex;justify-content:space-between;align-items:baseline;background:var(--paper);padding:20px;margin-top:16px}
.lg .emi b{font:300 2rem Sora}
.lg .emi span{color:var(--ink2);font-size:.86rem;max-width:22ch}
.lg .or{margin:14px 0 0;color:var(--ink2);font-size:.92rem}
/* price ladder */
.lg .lad{position:relative;margin:56px 0 0;height:178px}
.lg .lad .ax{position:absolute;left:0;right:0;top:74px;height:2px;background:var(--hair)}
.lg .lad .band{position:absolute;top:66px;height:18px;background:rgba(23,23,26,.08);border-left:1px solid var(--ink3);border-right:1px solid var(--ink3)}
.lg .lad .band.prem{background:rgba(140,109,69,.18);border-color:var(--brass)}
.lg .lad .pin{position:absolute;top:0;transform:translateX(-50%);text-align:center;width:120px}
.lg .lad .pin:after{content:"";display:block;width:1px;height:38px;background:currentColor;margin:6px auto 0}
.lg .lad .pin b{display:block;font:400 1rem Sora}
.lg .lad .pin small{display:block;font-size:.7rem;color:var(--ink3);letter-spacing:.06em;text-transform:uppercase}
.lg .lad .pin.me{color:var(--brass)}
.lg .lad .pin.me b{font-size:1.3rem;color:var(--ink)}
.lg .lad .low{position:absolute;top:96px;transform:translateX(-50%);text-align:center;width:150px;font-size:.72rem;color:var(--ink3)}
.lg .lad .low.l2{top:132px}
.lg .lad .low b{display:block;font:400 .92rem Sora;color:var(--ink2)}
.lg .lad .pin,.lg .lad .low{opacity:0;transition:opacity .6s ease,transform .6s ease}
.lg .in .lad .pin,.lg .in .lad .low{opacity:1}
@media(max-width:640px){.lg .lad .pin{width:90px}
.lg .lad .low{width:110px}
}
/* supply */
.lg .sup{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:end;height:200px;margin-top:44px;border-bottom:1px solid var(--ink)}
.lg .sup div{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}
.lg .sup i{width:100%;max-width:72px;background:var(--ink);height:0;transition:height 1s cubic-bezier(.2,.8,.2,1)}
.lg .sup div.pk i{background:var(--brass)}
.lg .in .sup i{height:var(--h)}
.lg .sup b{font:400 1.05rem Sora;margin-bottom:8px}
.lg .yrs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;text-align:center;color:var(--ink3);font-size:.8rem;padding-top:8px}
/* pulse */
.lg .pulse{display:grid;grid-template-columns:1fr;gap:0;margin-top:40px;border-top:1px solid var(--hair)}
@media(min-width:760px){.lg .pulse{grid-template-columns:repeat(3,1fr)}
.lg .pulse div+div{border-left:1px solid var(--hair);padding-left:28px}
}
.lg .pulse div{padding:28px 0;border-bottom:1px solid var(--hair)}
.lg .pulse .num{font-size:2.6rem;display:block}
.lg .pulse p{margin:6px 0 0;color:var(--ink2);font-size:.92rem;max-width:30ch}
.lg .split{display:flex;height:10px;margin:14px 0 6px;max-width:260px}
.lg .split i{background:var(--ink)}
.lg .split i+i{background:var(--brass)}
.lg .legend{font-size:.76rem;color:var(--ink3)}

.lg h1,.lg h2,.lg h3{color:var(--ink)}

/* head card extras */
.lg-term{padding-bottom:8px}
.lg .ph-btn{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;position:relative}
.lg .ph-n{position:absolute;right:10px;bottom:10px;background:rgba(250,248,243,.94);font:500 .75rem Manrope;padding:5px 10px;border-radius:2px;color:var(--ink)}
.lg .ph-none,.lg .noph img{display:grid;place-items:center;aspect-ratio:4/3;background:var(--paper);color:var(--ink3);font-size:.85rem}
.lg .sold{color:#b91c1c}.lg .dly{color:#a4262c}.lg .bad{color:#a4262c}
.lg .card2 dl div.w2{grid-column:1/-1}
.lg .mono{font-family:ui-monospace,Menlo,monospace;font-size:.9rem}
.lg .maplink{display:inline-block;margin:16px 0 0;color:var(--ink);font-weight:500;font-size:.9rem}
.lg .legal-name{font-size:.8rem;color:var(--ink3);margin:-10px 0 14px}
.lg .plc{margin-top:18px;border:1px solid var(--hair);border-radius:2px;box-shadow:none;background:#fff;padding:18px}
.lg .plc-k{color:var(--brass);letter-spacing:.16em}.lg .plc-h{font:400 1.1rem Sora;color:var(--ink)}
/* rest of the page: same calm look */
.ps-terminal .ps-full{display:block!important;grid-template-columns:none!important}
.ps-terminal .ps-full .ps-content{max-width:1120px;margin:0 auto}
.ps-terminal .sec{background:transparent!important;border:0!important;box-shadow:none!important;border-top:1px solid var(--hair)!important;border-radius:0!important;padding-top:44px!important;margin-top:28px!important}
.ps-terminal .sec .sh .t,.ps-terminal .bstk h2,.ps-terminal .sec h2{font-family:Sora,sans-serif!important;font-weight:300!important;letter-spacing:-.02em;color:var(--ink)!important;font-size:clamp(1.5rem,2.8vw,2rem)!important}
.ps-terminal .sec .sh .c{color:var(--ink3)!important}
.ps-terminal .kpi,.ps-terminal .ti,.ps-terminal .ms-t,.ps-terminal .tmm-t,.ps-terminal .bstk a.c,.ps-terminal .msnap .ms-inf,.ps-terminal .fpg a{border-radius:2px!important;box-shadow:none!important;border-color:var(--hair)!important;background:#fff!important}
.ps-terminal .availcta{display:inline-block;background:var(--ink)!important;color:#fff!important;border-radius:2px!important;padding:13px 18px!important;font-weight:500!important;text-decoration:none!important;margin-top:14px}
.ps-terminal .msnap .ms-bf i{background:var(--ink)!important}
.ps-terminal .msnap .ms-sub,.ps-terminal .bstk .lbl{color:var(--brass)!important;letter-spacing:.16em!important}
.ps-terminal .msnap .ms-lock,.ps-terminal .msnap .ms-igr{border-radius:2px!important;background:var(--paper)!important;border-color:var(--hair)!important}
.ps-terminal .ring{--c:var(--ink)}
.ps-terminal .pricing-note{color:var(--ink3);font-size:.8rem}
.ps-terminal .lg-x .ex{margin-top:28px}
.ps-terminal .lad{margin:28px 0 36px}
.ps-terminal .life.slim{border-radius:2px!important}
.ps-terminal .lg.lg-x{background:transparent}
.ps-terminal .lg.lg-lad{background:transparent;margin:0}
.ps-terminal .lg .lad .low.l2{top:132px}
.ps-terminal .lg .lad{height:178px}
.ps-terminal .lg .lad .pin,.ps-terminal .lg .lad .low{opacity:1}
#sec-market:has(.lad) .mk-part:has(.value){display:none}