:root{
  --ink:#0b0b0b; --ink2:#121212; --ivory:#f3efe7; --muted:#b8b0a4;
  --gold:#c7aa70; --line:rgba(243,239,231,.16); --white:#fff;
  --serif:"Cormorant Garamond",Georgia,serif; --sans:Inter,Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--sans);line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}
.topbar{position:fixed;top:0;left:0;right:0;z-index:50;padding:14px 3.5%;display:flex;align-items:center;gap:24px;background:linear-gradient(#070707f2,transparent);transition:.3s}.topbar.scrolled{background:#090909ee;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.brand{display:flex;flex-direction:column;justify-content:center;line-height:1;flex:0 0 140px;min-width:140px;text-decoration:none}.lodha-logo{display:block !important;width:128px !important;height:auto !important;max-width:128px !important;max-height:24px !important;object-fit:contain !important;object-position:left center !important;filter:none !important}.brand span{font-size:7px;letter-spacing:.16em;color:var(--gold);margin-top:4px;white-space:nowrap}.nav{display:flex;align-items:center;gap:18px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;flex:1;justify-content:center}.nav a{opacity:.82}.nav a:hover{opacity:1;color:var(--gold)}
.cta{border:1px solid var(--gold);padding:11px 18px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ivory);background:transparent;cursor:pointer}
.cta.fill{background:var(--gold);color:#0b0b0b}.hero{min-height:92vh;display:flex;align-items:flex-end;padding:160px 0 90px;position:relative;overflow:hidden;background:
linear-gradient(90deg,#080808e8 0%,#08080880 48%,#08080835 100%),
radial-gradient(circle at 75% 35%,#6f614b55,transparent 28%),
linear-gradient(135deg,#171513,#090909 55%,#24201a)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(199,170,112,.08),transparent 60%);pointer-events:none}
.hero .container{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.95;margin:0}h1{font-size:clamp(58px,9vw,132px);letter-spacing:-.03em;max-width:900px}h2{font-size:clamp(42px,6vw,78px)}h3{font-size:32px}
.lead{font-size:18px;color:#d8d0c5;max-width:700px;margin:26px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.disclaimer{font-size:10px;color:#9c958b;max-width:680px;margin-top:18px}
.stats{background:#111;display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.stat{padding:34px 28px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat b{display:block;font-family:var(--serif);font-size:38px;color:var(--ivory);font-weight:400}.stat span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
section{padding:110px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.kicker{color:var(--gold);font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}.copy{color:#c8c0b5;max-width:650px}.image{min-height:520px;background:linear-gradient(145deg,#37332d,#151412 55%,#574d3c);position:relative;overflow:hidden}.image:before{content:"";position:absolute;inset:10%;border:1px solid #c7aa7040;transform:skewY(-5deg)}.image:after{content:"ARCHITECTURE / WHITEFIELD";position:absolute;bottom:24px;left:24px;font-size:10px;letter-spacing:.18em;color:#d7c8ad}
.dark{background:#0e0e0e}.ivory{background:var(--ivory);color:#111}.ivory .copy{color:#4d4943}.ivory .kicker{color:#806b43}.ivory .card{border-color:#cfc5b6}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.card{border:1px solid var(--line);padding:30px;min-height:300px;background:linear-gradient(145deg,#151515,#0e0e0e);position:relative;overflow:hidden}.card:after{content:"";position:absolute;right:-40px;bottom:-70px;width:180px;height:180px;border:1px solid #c7aa7025;border-radius:50%}.card .num{font-size:11px;color:var(--gold);letter-spacing:.15em}.card p{color:#aaa298}.card a{position:absolute;bottom:25px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.map{min-height:460px;border:1px solid var(--line);background:radial-gradient(circle at 50% 50%,#4c4336 1px,transparent 2px),linear-gradient(120deg,#0c0c0c,#171512);background-size:34px 34px,100% 100%;position:relative}.route{position:absolute;left:10%;right:10%;top:48%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:rotate(-8deg)}.pin{position:absolute;padding:9px 12px;border:1px solid #c7aa7066;background:#111d;color:#ddd8ce;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.p1{left:12%;top:27%}.p2{left:43%;top:42%}.p3{right:12%;top:21%}.p4{right:24%;bottom:20%}
.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-family:var(--serif);font-size:25px;list-style:none}summary::-webkit-details-marker{display:none}details p{color:#aaa298;max-width:850px}
footer{padding:60px 0 30px;background:#070707;border-top:1px solid var(--line)}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.small{font-size:11px;color:#8f887e}.footerlinks{display:grid;gap:9px;font-size:12px;color:#b7afa5}.bottom{margin-top:50px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#777}
.pagehero{padding:170px 0 90px;background:linear-gradient(110deg,#0a0a0a,#211d18,#0b0b0b);border-bottom:1px solid var(--line)}.pagehero h1{font-size:clamp(50px,7vw,96px)}.table{width:100%;border-collapse:collapse;margin-top:35px}.table th,.table td{text-align:left;padding:18px;border-bottom:1px solid #b7aa9744}.table th{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}.table td{color:#3d3a35}.ivory .table td{color:#3d3a35}
.articlegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.article{padding:30px;border:1px solid var(--line);min-height:240px}.article h3{margin-top:18px}.article p{color:#aaa298}
.floating{position:fixed;right:20px;bottom:20px;z-index:40;box-shadow:0 12px 40px #0008}

.whatsapp-top{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;color:var(--ivory);text-decoration:none}
.whatsapp-top svg{width:19px;height:19px;fill:currentColor;display:block}
.top-presentation{flex:0 0 auto;white-space:nowrap}
.mobilemenu{display:none;margin-left:auto;width:34px;height:34px;padding:6px;border:1px solid #ffffff55;background:transparent;flex-direction:column;justify-content:center;gap:4px}
.mobilemenu span{display:block;width:20px;height:1px;background:#eee}

@media(max-width:800px){.topbar{padding:12px 18px;gap:12px}.brand{flex:0 0 112px;min-width:112px}.lodha-logo{width:104px !important;max-width:104px !important;max-height:22px !important}.brand span{font-size:6px;margin-top:3px}.nav{display:none}.top-presentation{display:none}.mobilemenu{display:flex}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.split,.cards,.footergrid,.articlegrid{grid-template-columns:1fr}.hero{min-height:88vh;padding-bottom:70px}section{padding:75px 0}.image{min-height:360px}.floating{left:16px;right:16px;text-align:center}.brand strong{font-size:17px}}

/* Premium private-presentation CTA */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(16px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
.modal.open{display:flex}
.modalbox{width:min(620px,100%);background:#f3efe7;color:#111;padding:42px;border:1px solid #c7aa70;box-shadow:0 30px 100px #000b;position:relative}
.modalclose{position:absolute;right:20px;top:16px;background:none;border:0;font-size:25px;cursor:pointer;color:#555}
.modalbox h2{font-size:50px;margin-bottom:8px}
.modalintro{color:#5b554d;margin-bottom:28px}
.choicegroup{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 22px}
.choice{border:1px solid #bdb4a7;padding:12px 8px;background:#fff;text-align:center;font-size:11px;cursor:pointer}
.choice.selected{background:#171512;color:#f3efe7;border-color:#c7aa70}
.formgrid{display:grid;gap:12px}
.formgrid input{width:100%;padding:15px;border:1px solid #bdb4a7;background:#fff;font:inherit}
.formlabel{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#70685e;margin-top:4px}
.modalnote{font-size:10px;color:#777;margin-top:10px}
@media(max-width:600px){.modalbox{padding:30px 22px}.modalbox h2{font-size:40px}.choicegroup{grid-template-columns:repeat(2,1fr)}}

/* Content-rich production pages */
.hero-actions .cta{display:inline-flex;align-items:center;justify-content:center}
.cards .card h3{margin-bottom:14px}
section .hero-actions{flex-wrap:wrap}
/* Mobile navigation + icon actions */
.whatsapp-top{width:38px;height:38px;flex:0 0 38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(199,170,112,.7);color:#25d366;border-radius:50%;transition:.2s;margin:0}.whatsapp-top svg{width:20px;height:20px;fill:currentColor}.whatsapp-top:hover{background:#25d366;color:#071009;border-color:#25d366}.mobilemenu{display:none;width:42px;height:38px;border:1px solid var(--line);background:#111;color:var(--ivory);padding:8px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.mobilemenu span{display:block;width:20px;height:1px;background:var(--ivory)}.mobilepanel{display:none;position:fixed;inset:0;z-index:90;background:rgba(7,7,7,.98);backdrop-filter:blur(18px);overflow:auto}.mobilepanel.open{display:block}.mobilepanel-inner{min-height:100%;padding:100px 7% 50px;display:flex;flex-direction:column}.mobilepanel-head{display:flex;justify-content:space-between;align-items:center;color:var(--gold);font-size:10px;letter-spacing:.2em;margin-bottom:18px}.mobilepanel-head button{background:none;border:0;color:var(--ivory);font-size:34px;line-height:1;cursor:pointer}.mobilepanel-inner>a{font-family:var(--serif);font-size:30px;padding:12px 0;border-bottom:1px solid var(--line)}.mobilepanel-inner .mobile-wa-icon{width:48px;height:48px;border:1px solid #25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:22px 0 4px;color:#25d366}.mobile-wa-icon svg{width:25px;height:25px;fill:currentColor}.mobilepanel-inner .mobile-private{font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:.13em;text-align:center;margin-top:18px;padding:15px;border:1px solid var(--gold);background:var(--gold);color:#0b0b0b}
@media(min-width:801px){.mobilemenu{display:none!important}.mobilepanel{display:none!important}}
@media(max-width:800px){
  .topbar{padding:12px 4%;gap:8px}
  .top-presentation{display:none}
  .brand{flex:1 1 auto;min-width:0}.lodha-logo{width:76px;height:19px;max-width:76px;max-height:19px}.brand span{font-size:7px;margin-top:4px}
  .whatsapp-top{width:38px;height:38px;flex:0 0 38px}
  .mobilemenu{display:flex;flex:0 0 42px}
  .hero{padding-top:135px}
  h1{font-size:clamp(48px,15vw,76px)}
  .lead{font-size:16px}
  .hero-actions .cta{width:100%}
  .cards{gap:12px}
  .card{min-height:260px}
}

/* FINAL HEADER FIX: constrained local Lodha wordmark and responsive navigation */
.topbar .brand{flex:0 0 140px !important;min-width:140px !important;width:140px !important}
.topbar .lodha-logo{width:128px !important;height:auto !important;max-width:128px !important;max-height:24px !important}
.topbar .nav{flex:1 1 auto !important;min-width:0 !important}
.topbar .whatsapp-top{flex:0 0 30px !important;width:30px !important;height:30px !important}
.topbar .top-presentation{flex:0 0 auto !important}
.topbar .mobilemenu{display:none !important;margin-left:auto !important}
@media(max-width:800px){
 .topbar{padding:12px 18px !important;gap:12px !important}
 .topbar .brand{flex:0 0 112px !important;min-width:112px !important;width:112px !important}
 .topbar .lodha-logo{width:104px !important;max-width:104px !important;max-height:22px !important}
 .topbar .nav,.topbar .top-presentation{display:none !important}
 .topbar .whatsapp-top{margin-left:auto !important}
 .topbar .mobilemenu{display:flex !important}
}