*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;color:#171715;background:#f4f1eb;line-height:1.65;font-weight:300}.dark{background:#171715;color:#f4f1eb}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 5vw;color:#fff}.logo{font-size:15px;letter-spacing:2px;font-weight:600;color:inherit;text-decoration:none;line-height:1}.logo span{font-weight:300}.logo small{display:block;font-size:7px;letter-spacing:4px;margin-top:7px;text-align:right}.site-header nav{display:flex;align-items:center;gap:32px}.site-header nav a{color:#fff;text-decoration:none;font-size:12px;letter-spacing:.5px}.nav-cta{border:1px solid rgba(255,255,255,.55);padding:11px 17px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:100vh;position:relative;color:#fff;display:flex;align-items:flex-end;padding:0 8vw 10vh;overflow:hidden;background:#25251f}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.02) 72%),url("images/hero-city.webp");background-size:cover;background-position:center;transform:scale(1.03)}.hero-image:after{content:none;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:5px;opacity:.35}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.1) 75%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%)}.hero-content{position:relative;max-width:850px}.eyebrow,.kicker,.section-label{font-size:10px;letter-spacing:2.6px;text-transform:uppercase}.eyebrow{margin-bottom:22px}.hero h1{font:500 clamp(52px,7vw,104px)/.96 "Playfair Display",serif;letter-spacing:-2px}.hero h1 em,h1 em,h2 em{font-style:italic;font-weight:400}.hero-copy{max-width:620px;font-size:17px;margin:28px 0 35px;color:rgba(255,255,255,.86)}.hero-actions{display:flex;gap:28px;align-items:center}.btn{display:inline-block;padding:15px 25px;text-decoration:none;border:1px solid transparent;font:500 11px "DM Sans";letter-spacing:1px;text-transform:uppercase;cursor:pointer}.btn-light{background:#f4f1eb;color:#171715}.text-link{color:#fff;text-decoration:none;font-size:12px}.text-link span{font-size:18px;margin-left:7px}.hero-bottom{position:absolute;right:5vw;bottom:6vh;font-size:10px;letter-spacing:2px;text-transform:uppercase;writing-mode:vertical-rl}.hero-bottom span{margin-top:15px}.section{padding:120px 8vw}.section-label{color:#777;margin-bottom:70px}.dark .section-label{color:#aaa}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.two-col h2,.section h2{font:500 clamp(42px,5vw,74px)/1.02 "Playfair Display",serif;letter-spacing:-1px}.body-copy{max-width:570px;font-size:15px;color:#5f5e59}.body-copy p{margin-bottom:20px}.statement{display:grid;grid-template-columns:1.1fr .9fr;min-height:620px}.statement-image,.location-image{min-height:500px}.location-real-image{background:url("images/location-intelligence.webp") center center/cover no-repeat}.image-placeholder{background:linear-gradient(135deg,#c6c2b7,#716f65 55%,#30312d);position:relative}.image-placeholder:after{content:none;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;letter-spacing:4px;font-size:10px;opacity:.45}.statement-content{background:#ded9ce;padding:10vw 8vw;display:flex;justify-content:center;flex-direction:column}.statement-content h2{font:500 clamp(36px,4vw,60px)/1.08 "Playfair Display",serif;margin:20px 0}.statement-content p:last-child{max-width:480px;color:#5e5b53}.section-heading{margin-bottom:75px}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #45453f}.pillar-grid article{padding:35px 30px 45px 0;border-bottom:1px solid #45453f}.pillar-grid span,.four-facts span{font-size:10px;letter-spacing:2px;color:#a7a398}.pillar-grid h3{font:400 28px "Playfair Display";margin:35px 0 13px}.pillar-grid p{font-size:13px;color:#bcbab2;max-width:330px}.cities{background:#e7e2d8}.cities-title{max-width:850px}.cities-title h2{margin-top:20px}.city-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border-top:1px solid #bdb8ad;border-bottom:1px solid #bdb8ad}.city-grid article{padding:55px 35px 60px 0;border-right:1px solid #bdb8ad}.city-grid article:not(:first-child){padding-left:35px}.city-grid article:last-child{border:0}.city-grid span{font-size:10px;letter-spacing:2px;color:#777}.city-grid h3{font:400 28px "Playfair Display";margin:25px 0 10px}.city-grid p{font-size:14px;color:#66635b}.closing-line{text-align:center;font:400 25px "Playfair Display";margin-top:55px}.location-section{display:grid;grid-template-columns:1fr 1fr;background:#d7d2c8}.location-copy{padding:9vw 8vw}.location-copy h2{font:500 clamp(40px,5vw,68px)/1.03 "Playfair Display";margin:25px 0}.location-copy>p{font-size:14px;color:#5c5952;margin-bottom:18px;max-width:570px}.location-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:45px}.location-facts div{border-top:1px solid #aaa49a;padding-top:14px}.location-facts strong{display:block;font-size:13px;letter-spacing:2px}.location-facts span{font-size:11px;color:#777}.reality-head{max-width:850px;margin-bottom:60px}.reality-head h2{margin-top:20px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-card{padding:55px}.compare-card.old{background:#e5e0d6}.compare-card.new{background:#c9c3b7}.card-label{font-size:10px;letter-spacing:2px;margin-bottom:30px;color:#706d65}.compare-card h3{font:400 32px/1.15 "Playfair Display";max-width:560px;margin-bottom:30px}.compare-card ul{list-style:none}.compare-card li{padding:12px 0;border-top:1px solid rgba(60,60,55,.2);font-size:13px}.why-now .body-copy{color:#bbb9b1}.four-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #46463f;margin-top:80px}.four-facts div{padding:30px 25px 10px 0}.four-facts strong{display:block;font-size:11px;letter-spacing:1.8px;margin:22px 0 10px}.four-facts p{font-size:12px;color:#aaa8a0}.portfolio-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:70px}.portfolio-head h2{margin-top:20px}.portfolio-head>p{max-width:430px;color:#67645d;font-size:14px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{background:#e8e3d9}.project-img{height:400px}.project-img:after{content:none}.project-info{padding:30px}.project-info>p:first-child{font-size:9px;letter-spacing:1.5px;color:#777}.project-info h3{font:400 31px "Playfair Display";margin:12px 0}.project-info p{font-size:13px;color:#64615a}.project-info a{display:inline-block;margin-top:22px;color:#171715;text-decoration:none;font-size:11px;letter-spacing:1px;text-transform:uppercase}.portfolio-note{padding:90px 8vw;display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;background:#d8d3c9}.portfolio-note h2{font:400 clamp(34px,4vw,55px)/1.1 "Playfair Display";margin-top:18px}.portfolio-note>p{color:#5f5c55;font-size:14px}.audience{background:#ece8df}.audience-inner{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.audience h2{font-size:clamp(45px,6vw,82px)}.audience-list p{font:400 22px/1.35 "Playfair Display";padding:17px 0;border-bottom:1px solid #c8c3b9}.tags{font-size:9px;letter-spacing:1.6px;margin-top:35px;color:#777}.contact{min-height:760px;position:relative;color:#fff;display:flex;align-items:center;padding:110px 8vw;overflow:hidden}.contact-bg{position:absolute;inset:0;background:linear-gradient(135deg,#66645d,#272823)}.contact-bg:after{content:none}.contact-overlay{position:absolute;inset:0;background:rgba(12,13,11,.58)}.contact-content{position:relative;width:100%;max-width:850px}.contact-content h2{font:500 clamp(45px,6vw,82px)/1 "Playfair Display";margin:20px 0}.contact-content>p{max-width:560px;color:#d1cec6}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:760px;margin-top:35px}.lead-form input,.lead-form select{height:54px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;padding:0 16px;outline:none;font:13px "DM Sans"}.lead-form input::placeholder{color:#d1d0ca}.lead-form select{color:#d1d0ca}.lead-form select option{color:#111}.lead-form button{grid-column:1/-1;justify-self:start;margin-top:10px}.portfolio-link{display:inline-block;color:#fff;text-decoration:none;font-size:11px;letter-spacing:1px;margin-top:28px;text-transform:uppercase}footer{background:#11120f;color:#aaa;padding:55px 8vw;display:flex;align-items:end;justify-content:space-between;gap:30px}footer .logo{color:#fff}footer p{font-size:11px}.fine{max-width:370px;color:#666}.menu-toggle{display:none}@media(max-width:900px){.site-header nav{display:none}.menu-toggle{display:block}.site-header.nav-open nav{display:flex;position:absolute;top:78px;left:0;width:100%;padding:25px;background:#171715;flex-direction:column;align-items:flex-start}.two-col,.statement,.location-section,.portfolio-note,.audience-inner{grid-template-columns:1fr}.pillar-grid,.project-grid{grid-template-columns:1fr 1fr}.city-grid{grid-template-columns:1fr}.city-grid article,.city-grid article:not(:first-child){padding:35px 0;border-right:0;border-bottom:1px solid #bdb8ad}.compare-grid{grid-template-columns:1fr}.four-facts{grid-template-columns:1fr 1fr}.portfolio-head{display:block}.portfolio-head>p{margin-top:25px}.statement-image,.location-image{min-height:420px}.location-copy{padding:70px 8vw}}@media(max-width:600px){.section{padding:80px 6vw}.hero{padding:0 6vw 9vh}.hero h1{font-size:52px}.hero-copy{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.pillar-grid,.project-grid,.four-facts,.lead-form{grid-template-columns:1fr}.pillar-grid article{padding-right:0}.compare-card{padding:35px 25px}.project-img{height:330px}.contact{padding:90px 6vw}.lead-form button{width:100%}.statement-content{padding:70px 6vw}footer{display:block;padding:45px 6vw}footer p{margin-top:25px}.hero-bottom{display:none}}


/* =========================================================
   V2 — MALISSA-INSPIRED HEADER / HERO REFINEMENT
   ========================================================= */

body{padding-top:0}
.site-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  min-height:82px;
  padding:18px 9vw;
  background:rgba(22,18,14,.96);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:background .25s ease,box-shadow .25s ease,transform .25s ease;
}
.site-header.scrolled{
  background:rgba(15,13,11,.985);
  box-shadow:0 8px 30px rgba(0,0,0,.22);
}
.logo{
  font-family:"Playfair Display",serif;
  font-size:20px;
  letter-spacing:-.3px;
  font-weight:400;
  display:flex;
  align-items:baseline;
  gap:5px;
}
.logo .brand-gold{color:#d8ad5a}
.logo b{font-weight:600;color:#f5f2ea}
.logo small{
  font-family:"DM Sans",sans-serif;
  font-size:7px;
  letter-spacing:2.8px;
  margin-left:10px;
  margin-top:0;
  text-align:left;
  color:#aaa49b;
}
.site-header nav{gap:14px}
.site-header nav a{
  font-size:11px;
  letter-spacing:1.5px;
  text-transform:uppercase;
}
.brochure-link{
  border:1px solid rgba(255,255,255,.12);
  padding:13px 21px;
  display:flex;
  align-items:center;
  gap:10px;
}
.download-icon{font-size:18px;line-height:0;transform:translateY(-1px)}
.nav-cta{
  background:linear-gradient(100deg,#c9973b,#e5c27d);
  color:#16120e!important;
  border:1px solid #d3a652;
  padding:14px 28px;
  font-weight:600;
}
.hero{
  min-height:100svh;
  padding:0 9vw 12vh;
  align-items:flex-end;
}
.hero-image{
  background:
    linear-gradient(90deg,rgba(20,14,8,.60),rgba(20,14,8,.14) 65%),
    linear-gradient(135deg,#a87839 0%,#4a3825 43%,#181711 100%);
}
.hero-overlay{
  background:
    linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.06) 72%),
    linear-gradient(0deg,rgba(0,0,0,.72),transparent 60%);
}
.hero-content{max-width:940px;padding-top:120px}
.hero .eyebrow{
  letter-spacing:4px;
  font-size:10px;
  font-weight:500;
  color:#f1e8d5;
}
.hero h1{
  font-size:clamp(56px,6.4vw,94px);
  line-height:.96;
  letter-spacing:-2.8px;
  max-width:930px;
}
.hero h1 em{color:#d9ac5b}
.hero-copy{
  max-width:650px;
  font-size:17px;
  line-height:1.6;
  margin:28px 0 38px;
}
.btn-light{
  background:linear-gradient(100deg,#c99537,#e5c37f);
  color:#16120e;
  border-color:#d5aa5b;
  min-width:310px;
  text-align:center;
  padding:18px 28px;
}
.btn-arrow{font-size:20px;margin-left:12px;vertical-align:-1px}
.text-link{
  border:1px solid rgba(255,255,255,.24);
  padding:17px 25px;
  min-width:230px;
  text-align:center;
  letter-spacing:1.4px;
}
.text-link span{font-size:20px}
.hero-bottom{right:3.8vw;bottom:5vh;color:#d7d1c7}
.section{padding-left:9vw;padding-right:9vw}
.contact{
  padding-left:9vw;
  padding-right:9vw;
}
.contact-content h2 em{color:#d8ad5a}
.portfolio-link{border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px}

/* Floating WhatsApp-style enquiry button */
body:after{
  content:"◔";
  position:fixed;
  right:28px;
  bottom:28px;
  width:58px;
  height:58px;
  border-radius:50%;
  background:#20d36b;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:29px;
  z-index:30;
  box-shadow:0 7px 25px rgba(0,0,0,.22);
  pointer-events:none;
}

/* Smooth sticky-header state on mobile */
@media(max-width:900px){
  .site-header{padding:17px 6vw}
  .logo{font-size:17px}
  .logo small{display:none}
  .site-header nav{gap:0}
  .site-header.nav-open nav{
    top:82px;
    background:#17120e;
  }
  .brochure-link{padding:12px 15px}
  .nav-cta{padding:13px 18px}
}
@media(max-width:600px){
  .site-header{min-height:70px}
  .logo{font-size:16px}
  .hero{padding-left:6vw;padding-right:6vw;padding-bottom:9vh}
  .hero-content{padding-top:110px}
  .hero h1{font-size:48px;letter-spacing:-1.6px}
  .hero-copy{font-size:15px}
  .btn-light,.text-link{min-width:0;width:100%}
  body:after{right:18px;bottom:18px;width:54px;height:54px}
}

/* =========================================================
   PREMIUM SIX-PILLARS SECTION — editorial luxury treatment
   ========================================================= */
.pillars-section{background:#191816;color:#f4f0e8;padding:125px 5.9vw 115px;position:relative;overflow:hidden}
.pillars-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -20%,rgba(197,150,64,.08),transparent 35%);pointer-events:none}
.pillars-wrap{max-width:1600px;margin:auto;position:relative}
.pillars-intro{border-top:1px solid rgba(231,221,201,.20);padding-top:24px;margin-bottom:72px}
.pillars-intro .section-label{color:#a8a49b;margin:0 0 48px}
.pillars-title-row{display:grid;grid-template-columns:1.25fr .65fr;gap:8vw;align-items:end}
.pillars-kicker{font-size:10px;letter-spacing:3px;color:#b3aea4;margin-bottom:20px;text-transform:uppercase}
.pillars-title-row h2{font:400 clamp(46px,5.2vw,80px)/1.02 "Playfair Display",serif;letter-spacing:-1.5px;margin:0;max-width:850px}
.pillars-title-row h2 em{color:#d5a34f}
.pillars-lead{font-size:14px;line-height:1.8;color:#9f9b93;max-width:430px;padding-bottom:5px}
.premium-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(231,221,201,.18);border-left:1px solid rgba(231,221,201,.10)}
.premium-pillar{min-height:330px;padding:30px 32px 34px;border-right:1px solid rgba(231,221,201,.18);border-bottom:1px solid rgba(231,221,201,.18);display:flex;flex-direction:column;position:relative;background:linear-gradient(145deg,rgba(255,255,255,.015),rgba(255,255,255,0));transition:background .45s ease,transform .45s ease}
.premium-pillar:hover{background:linear-gradient(145deg,rgba(213,163,79,.08),rgba(255,255,255,.015));transform:translateY(-3px)}
.pillar-top{display:flex;justify-content:space-between;align-items:flex-start;min-height:64px}
.pillar-number{font-size:10px;letter-spacing:3px;color:#8d8981}
.pillar-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#d5a34f}
.pillar-icon svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pillar-content{margin-top:45px;max-width:430px}
.pillar-content h3{font:400 29px/1.1 "Playfair Display",serif;margin-bottom:16px;color:#f3eee5}
.pillar-content p{font-size:13px;line-height:1.75;color:#9d9991;max-width:400px}
.pillar-line{width:30px;height:1px;background:#d5a34f;margin-top:auto;opacity:.8;transition:width .4s ease}
.premium-pillar:hover .pillar-line{width:70px}
.pillars-closing{display:grid;grid-template-columns:1fr auto 1fr;gap:35px;align-items:center;margin-top:65px}
.pillars-closing span{height:1px;background:rgba(231,221,201,.18)}
.pillars-closing p{text-align:center;font:400 20px/1.45 "Playfair Display",serif;color:#e9e4da}
.pillars-closing em{color:#d5a34f}
@media(max-width:1000px){.pillars-title-row{grid-template-columns:1fr;gap:25px}.premium-pillars-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pillars-section{padding:85px 6vw}.pillars-intro{margin-bottom:45px}.pillars-intro .section-label{margin-bottom:35px}.pillars-title-row h2{font-size:47px}.premium-pillars-grid{grid-template-columns:1fr}.premium-pillar{min-height:280px;padding:27px 24px 30px}.pillar-content{margin-top:35px}.pillar-content h3{font-size:27px}.pillars-closing{grid-template-columns:1fr;gap:18px}.pillars-closing span:first-child{display:none}.pillars-closing p{font-size:18px}.pillars-closing span:last-child{width:100%}}


/* ============================================================
   V5 — CHAMPAGNE GOLD / ESPRESSO LUXURY PALETTE
   ============================================================ */
:root{
  --gold:#c99a45;--gold-light:#e1bd79;--gold-deep:#8b6425;
  --champagne:#f0d9a8;--cream:#f4ead7;
  --espresso:#211a13;--espresso2:#2a2118;--espresso3:#332719;
  --gold-line:rgba(225,189,121,.26);
}
body{background:var(--espresso);color:var(--cream)}
.site-header{background:rgba(28,21,14,.96)!important;border-bottom:1px solid var(--gold-line)!important}
.site-header .logo,.site-header .logo span,.site-header .logo small{color:var(--cream)!important}
.site-header .logo span,.site-header .logo small{color:var(--gold-light)!important}
.site-header nav a{color:var(--champagne)!important}
.nav-cta,.site-header .nav-cta{background:linear-gradient(135deg,var(--gold-deep),var(--gold-light))!important;color:#21180d!important;border-color:var(--gold-light)!important}
.hero-overlay{background:linear-gradient(90deg,rgba(30,20,10,.86),rgba(56,38,17,.54) 45%,rgba(31,22,13,.60)),linear-gradient(180deg,rgba(40,27,11,.10),rgba(25,17,9,.72))!important}
.hero h1,.hero h1 em{color:var(--cream)!important}.hero h1 em{color:var(--gold-light)!important}
.hero .eyebrow{color:var(--champagne)!important}.hero-copy{color:#eadbc1!important}
.btn-light{background:linear-gradient(135deg,var(--gold),var(--gold-light))!important;color:#21180d!important;border-color:var(--gold-light)!important}
.text-link{color:var(--champagne)!important}
.intro.section,.cities.section,.reality.section,.portfolio.section,.audience.section{background:var(--cream)!important;color:#2c2116!important}
.intro .section-label,.cities .section-label,.reality .section-label,.portfolio .section-label,.audience .section-label{color:var(--gold-deep)!important}
.intro h2,.cities h2,.reality h2,.portfolio h2,.audience h2{color:#2a1e13!important}
.intro h2 em,.cities h2 em,.reality h2 em,.portfolio h2 em,.audience h2 em{color:var(--gold-deep)!important}
.body-copy,.cities p,.portfolio-head>p,.audience-list p{color:#665544!important}
.statement{background:var(--espresso2)!important}
.statement-content{background:linear-gradient(135deg,#3a2a19,#241b12)!important;color:var(--cream)!important}
.statement-content h2{color:var(--cream)!important}.statement-content h2 em{color:var(--gold-light)!important}
.statement-content p{color:#d6c3a4!important}
#why.pillars-section{background:radial-gradient(circle at 88% 12%,rgba(201,154,69,.10),transparent 30%),var(--espresso)!important;color:var(--cream)!important}
#why.pillars-section .section-label{color:var(--gold-light)!important}
#why.pillars-section .pillars-kicker{color:#cbb895!important}
#why.pillars-section .pillars-title-row h2{color:var(--cream)!important}
#why.pillars-section .pillars-title-row h2 em{color:var(--gold-light)!important}
#why.pillars-section .pillars-lead{color:#c8b99f!important}
#why.pillars-section .premium-pillars-grid{border-color:rgba(225,189,121,.24)!important}
#why.pillars-section .premium-pillar{background:linear-gradient(145deg,#2b2117,#211911)!important;border-color:rgba(225,189,121,.24)!important}
#why.pillars-section .premium-pillar:hover{background:linear-gradient(145deg,#3a2a18,#281d12)!important;box-shadow:inset 0 0 0 1px rgba(225,189,121,.22),0 18px 45px rgba(0,0,0,.16)}
#why.pillars-section .pillar-number{color:#b9a98e!important}
#why.pillars-section .pillar-icon{color:var(--gold-light)!important}
#why.pillars-section .pillar-content h3{color:var(--cream)!important}
#why.pillars-section .pillar-content p{color:#c0b19a!important}
#why.pillars-section .pillar-line{background:linear-gradient(90deg,var(--gold-deep),var(--gold-light))!important}
#why.pillars-section .pillars-closing p{color:var(--cream)!important}
#why.pillars-section .pillars-closing em{color:var(--gold-light)!important}
.city-grid article{background:linear-gradient(145deg,#f1e5cc,#e6d4ae)!important;border-color:rgba(139,100,37,.24)!important}
.city-grid article.middle{background:linear-gradient(145deg,#d6aa59,#a9792e)!important;color:#21170c!important}
.city-grid article span{color:var(--gold-deep)!important}
.city-grid article.middle span,.city-grid article.middle h3,.city-grid article.middle p{color:#fff1d2!important}
.closing-line em{color:var(--gold-deep)!important}
.location-section{background:linear-gradient(120deg,#2b2117,#17120d)!important}
.location-copy{color:var(--cream)!important}.location-copy .section-label{color:var(--gold-light)!important}
.location-copy h2{color:var(--cream)!important}.location-copy h2 em{color:var(--gold-light)!important}
.location-copy p{color:#cdbfa9!important}
.location-facts div{border-color:var(--gold-line)!important;background:rgba(201,154,69,.055)!important}
.location-facts strong{color:var(--gold-light)!important}.location-facts span{color:#c4b49a!important}
.compare-card.old{background:#e8dcc5!important;border-color:rgba(139,100,37,.20)!important}
.compare-card.new{background:linear-gradient(145deg,#3a2a18,#271c12)!important;border-color:rgba(225,189,121,.30)!important}
.compare-card h3{color:#2c2116!important}.compare-card.new h3{color:var(--cream)!important}
.compare-card p,.compare-card li{color:#6c5b47!important}.compare-card.new p,.compare-card.new li{color:#cdbda3!important}
.why-now.dark{background:radial-gradient(circle at 10% 80%,rgba(201,154,69,.08),transparent 28%),#211911!important}
.why-now h2{color:var(--cream)!important}.why-now h2 em{color:var(--gold-light)!important}
.why-now .body-copy{color:#cdbda5!important}
.four-facts>div{border-color:var(--gold-line)!important;background:linear-gradient(145deg,#2c2117,#211911)!important}
.four-facts span,.four-facts strong{color:var(--gold-light)!important}.four-facts p{color:#bfae93!important}
.project-card{background:#f0e4cd!important;border-color:rgba(139,100,37,.20)!important}
.project-info h3{color:#2b2015!important}.project-info>p{color:#715e45!important}
.project-info a{color:var(--gold-deep)!important}
.portfolio-note{background:linear-gradient(135deg,#3a2a18,#241a11)!important;color:var(--cream)!important}
.portfolio-note h2{color:var(--cream)!important}.portfolio-note h2 em{color:var(--gold-light)!important}
.portfolio-note>p{color:#cfbea2!important}
.audience{background:linear-gradient(145deg,#eee1c8,#dfcda8)!important}
.audience .section-label{color:var(--gold-deep)!important}
.tags{color:#795b2e!important;background:rgba(201,154,69,.08)!important}
.contact-overlay{background:linear-gradient(90deg,rgba(41,28,14,.91),rgba(82,55,22,.58))!important}
.contact-content h2{color:var(--cream)!important}.contact-content h2 em{color:var(--gold-light)!important}
.contact-content>p{color:#decdb0!important}
.lead-form input,.lead-form select{background:rgba(42,30,18,.74)!important;border-color:rgba(225,189,121,.35)!important;color:var(--cream)!important}
.lead-form input::placeholder{color:#b9a78b!important}.portfolio-link{color:var(--gold-light)!important}
footer{background:#17110c!important;color:#cdbb9f!important;border-top:1px solid var(--gold-line)!important}
footer .logo{color:var(--cream)!important}footer .logo span,footer .logo small{color:var(--gold-light)!important}.fine{color:#8f806b!important}


/* ============================================================
   V6 — LOCATION INTELLIGENCE ICONS
   ============================================================ */
.location-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.location-facts .location-fact{
  display:flex;
  align-items:center;
  gap:18px;
  min-height:92px;
  padding:18px 20px;
  border:1px solid rgba(225,189,121,.24)!important;
  background:linear-gradient(145deg,rgba(201,154,69,.08),rgba(20,14,9,.28))!important;
  transition:transform .35s ease,border-color .35s ease,background .35s ease;
}
.location-facts .location-fact:hover{
  transform:translateY(-4px);
  border-color:rgba(225,189,121,.52)!important;
  background:linear-gradient(145deg,rgba(201,154,69,.14),rgba(20,14,9,.34))!important;
}
.location-facts .fact-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(225,189,121,.38);
  border-radius:50%;
  background:rgba(201,154,69,.07);
}
.location-facts .fact-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:#e1bd79;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.location-facts .fact-text{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.location-facts .fact-text strong{
  font-size:14px;
  letter-spacing:.18em;
  line-height:1.1;
  color:#e1bd79!important;
}
.location-facts .fact-text span{
  font-size:13px;
  line-height:1.35;
  color:#c4b49a!important;
}
@media(max-width:700px){
  .location-facts{grid-template-columns:1fr;gap:12px}
  .location-facts .location-fact{min-height:78px;padding:15px 16px}
  .location-facts .fact-icon{width:42px;height:42px;flex-basis:42px}
  .location-facts .fact-icon svg{width:22px;height:22px}
}


/* ============================================================
   V7 — REFINED HAND INDICATORS
   ============================================================ */
.location-facts .fact-icon.fact-hand{
  border-radius:12px;
  background:linear-gradient(145deg,rgba(201,154,69,.13),rgba(201,154,69,.035));
  box-shadow:inset 0 0 0 1px rgba(225,189,121,.05);
}
.location-facts .fact-icon.fact-hand svg{
  width:27px;
  height:27px;
  stroke:#e1bd79;
  stroke-width:1.35;
  fill:none;
}
.location-facts .location-fact:hover .fact-hand{
  transform:translateX(3px);
  background:rgba(201,154,69,.15);
}
.location-facts .fact-hand{
  transition:transform .35s ease,background .35s ease;
}


/* ============================================================
   V8 — COMPARISON LIST INDICATORS
   ============================================================ */
.compare-card .comparison-list{
  list-style:none;
  padding:0;
  margin:24px 0 0;
}
.compare-card .comparison-list li{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:58px;
  margin:0;
  padding:13px 0;
  border-top:1px solid rgba(70,55,37,.18);
}
.compare-card.new .comparison-list li{
  border-top-color:rgba(225,189,121,.12);
}
.compare-card .comparison-icon{
  width:27px;
  height:27px;
  flex:0 0 27px;
  display:grid;
  place-items:center;
  border:1px solid currentColor;
  border-radius:50%;
  opacity:.9;
}
.compare-card .comparison-icon svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.compare-card.old .comparison-icon{
  color:#8b7760;
  background:rgba(120,96,65,.055);
}
.compare-card.new .comparison-icon{
  color:#e1bd79;
  background:rgba(201,154,69,.10);
}
.compare-card .comparison-list li > span:last-child{
  line-height:1.45;
}
.compare-card .comparison-list li:hover .comparison-icon{
  transform:scale(1.08);
}
.compare-card .comparison-icon{
  transition:transform .25s ease,background .25s ease;
}


/* ============================================================
   V9 — FROM DELHI TO GURUGRAM / DEEP LUXURY CARD SYSTEM
   ============================================================ */
.cities{
  background:#1d1914 !important;
  color:#f5ead6;
  position:relative;
}
.cities .section-label{
  color:#c79b52;
}
.cities .kicker{
  color:#d2b276;
}
.cities-title h2{
  color:#f7eedf;
}
.cities-title h2 em{
  color:#d6ad68;
}
.city-grid{
  margin-top:75px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  border:0 !important;
}
.city-grid article,
.city-grid article:not(:first-child),
.city-grid article:last-child{
  min-height:430px;
  padding:46px 42px 48px !important;
  border:1px solid rgba(214,173,104,.22) !important;
  background:#292119 !important;
  color:#f4e8d4;
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
  transition:transform .35s ease,border-color .35s ease,background .35s ease;
}
.city-grid article::before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  right:-95px;
  top:-95px;
  border:1px solid rgba(214,173,104,.10);
}
.city-grid article::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,transparent,#c99b4f,transparent);
  opacity:.55;
}
.city-grid article.middle{
  background:linear-gradient(145deg,#a97b34,#765324) !important;
  color:#fff7e8 !important;
  border-color:rgba(235,204,147,.42) !important;
}
.city-grid article:hover{
  transform:translateY(-7px);
  border-color:rgba(214,173,104,.55) !important;
}
.city-grid .city-icon{
  width:62px;
  height:62px;
  border:1px solid rgba(214,173,104,.38);
  display:grid;
  place-items:center;
  margin-bottom:55px;
  color:#d7ad65;
  background:rgba(214,173,104,.055);
}
.city-grid .city-icon svg{
  width:34px;
  height:34px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.city-grid article.middle .city-icon{
  color:#fff1d0;
  border-color:rgba(255,245,220,.45);
  background:rgba(255,255,255,.07);
}
.city-grid article > span{
  font-size:10px;
  letter-spacing:2.8px;
  color:#d1a45c !important;
  margin-bottom:20px;
}
.city-grid article.middle > span{
  color:#fff0cf !important;
}
.city-grid h3{
  font:400 clamp(30px,2.5vw,42px)/1.08 "Playfair Display",serif;
  letter-spacing:-.5px;
  color:#f8eddb !important;
  margin:0 0 17px;
  max-width:390px;
}
.city-grid article.middle h3{
  color:#fff8ea !important;
}
.city-grid p{
  font-size:14px;
  line-height:1.75;
  color:#bfb3a2 !important;
  max-width:410px;
  margin-top:auto;
}
.city-grid article.middle p{
  color:#f7ead2 !important;
}
.cities .closing-line{
  color:#eee1cc;
}
.cities .closing-line em{
  color:#d5a65c;
}
@media(max-width:900px){
  .city-grid{grid-template-columns:1fr}
  .city-grid article,.city-grid article:not(:first-child),.city-grid article:last-child{
    min-height:360px;
  }
}
@media(max-width:600px){
  .city-grid article,.city-grid article:not(:first-child),.city-grid article:last-child{
    min-height:340px;
    padding:34px 28px 38px !important;
  }
  .city-grid .city-icon{
    margin-bottom:42px;
  }
}


/* ============================================================
   V10 — WHY NOW / PREMIUM FOUR-CARD FEATURE GRID
   ============================================================ */
.why-now.dark{
  background:
    radial-gradient(circle at 12% 72%,rgba(201,154,69,.08),transparent 30%),
    linear-gradient(145deg,#211811 0%,#17110c 58%,#120e0a 100%) !important;
}
.why-now .two-col{position:relative;z-index:1}
.why-now .kicker{color:#ead8b8!important}
.why-now .body-copy{color:#d0bea3!important}
.why-now .body-copy strong{color:#f2e4ca!important}
.why-now-cards{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  border:0!important;
  margin-top:78px!important;
}
.why-now-cards .why-now-card{
  position:relative;
  min-height:430px;
  padding:38px 34px 42px!important;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(225,189,121,.30)!important;
  border-radius:12px;
  background:linear-gradient(145deg,rgba(52,38,24,.88),rgba(25,18,12,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,235,190,.035),0 18px 45px rgba(0,0,0,.13);
  transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease,background .4s ease;
}
.why-now-cards .why-now-card::before{
  content:"";
  position:absolute;
  width:190px;height:190px;
  right:-105px;top:-105px;
  border:1px solid rgba(225,189,121,.10);
  border-radius:50%;
}
.why-now-cards .why-now-card::after{
  content:"";
  position:absolute;
  left:22px;right:22px;bottom:0;height:3px;
  background:linear-gradient(90deg,transparent,#c99a45 18%,#f0c878 50%,#c99a45 82%,transparent);
  opacity:.85;
}
.why-now-cards .why-now-card:hover{
  transform:translateY(-8px);
  border-color:rgba(225,189,121,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,235,190,.06),0 25px 55px rgba(0,0,0,.26);
  background:linear-gradient(145deg,rgba(62,45,27,.95),rgba(25,18,12,.98))!important;
}
.why-now-icon{
  width:112px;height:112px;
  flex:0 0 112px;
  display:grid;place-items:center;
  margin:0 auto 28px;
  border:1px solid rgba(225,189,121,.62);
  border-radius:50%;
  background:radial-gradient(circle,rgba(201,154,69,.13),rgba(201,154,69,.025) 68%,transparent 70%);
  color:#e7bd70;
  box-shadow:0 0 0 8px rgba(201,154,69,.025),inset 0 0 25px rgba(201,154,69,.045);
  transition:transform .4s ease,background .4s ease,box-shadow .4s ease;
}
.why-now-card:hover .why-now-icon{
  transform:scale(1.045);
  background:radial-gradient(circle,rgba(201,154,69,.19),rgba(201,154,69,.035) 68%,transparent 70%);
  box-shadow:0 0 0 8px rgba(201,154,69,.04),inset 0 0 30px rgba(201,154,69,.08);
}
.why-now-icon svg{
  width:54px;height:54px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.why-now-cards .why-now-number{
  display:block;
  font-size:10px;
  line-height:1;
  letter-spacing:2.5px;
  color:#d8aa5d!important;
  margin-bottom:17px;
}
.why-now-cards strong{
  display:block;
  color:#f5ead8!important;
  font:400 clamp(21px,1.55vw,27px)/1.15 "Playfair Display",serif;
  letter-spacing:.01em;
  margin:0!important;
}
.why-now-cards .why-now-card i{
  display:block;
  width:50px;height:1px;
  margin:20px 0 18px;
  background:linear-gradient(90deg,#d6a657,rgba(214,166,87,.15));
}
.why-now-cards p{
  margin:0!important;
  color:#c8b79d!important;
  font-size:13px!important;
  line-height:1.72!important;
  max-width:310px;
}
@media(max-width:1050px){
  .why-now-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .why-now-cards .why-now-card{min-height:390px}
}
@media(max-width:600px){
  .why-now-cards{grid-template-columns:1fr;gap:14px;margin-top:55px!important}
  .why-now-cards .why-now-card{min-height:0;padding:30px 27px 38px!important}
  .why-now-icon{width:88px;height:88px;flex-basis:88px;margin-bottom:25px}
  .why-now-icon svg{width:44px;height:44px}
}

/* =========================================================
   V11 — HERO CITY / EXPRESSWAY IMAGE
   ========================================================= */
.hero-image{
  background-image:
    linear-gradient(90deg, rgba(22,15,8,.70) 0%, rgba(22,15,8,.38) 42%, rgba(22,15,8,.16) 72%, rgba(22,15,8,.30) 100%),
    linear-gradient(0deg, rgba(17,11,6,.72) 0%, rgba(17,11,6,.12) 55%, rgba(17,11,6,.08) 100%),
    url('images/hero-city.webp') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.hero-overlay{
  background:
    linear-gradient(90deg,rgba(18,12,7,.34),rgba(18,12,7,.05) 68%,rgba(18,12,7,.20)),
    linear-gradient(0deg,rgba(12,8,4,.48),transparent 62%) !important;
}
@media(max-width:700px){
  .hero-image{background-position:58% center !important;}
}


/* =========================================================
   V11.1 — NEW NCR ADDRESS IMAGE / REMOVE DUMMY PLACEHOLDERS
   ========================================================= */
.image-placeholder:after,
.hero-image:after,
.project-img:after,
.contact-bg:after{
  content:none !important;
  display:none !important;
}
.statement-image.new-ncr-address-image{
  position:relative;
  min-height:500px;
  background-image:
    linear-gradient(180deg, rgba(20,15,10,.04) 0%, rgba(20,15,10,.20) 100%),
    url('images/new-ncr-address.webp');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
@media(max-width:900px){
  .statement-image.new-ncr-address-image{min-height:420px;background-position:center center;}
}
@media(max-width:600px){
  .statement-image.new-ncr-address-image{min-height:360px;}
}


/* =========================================================
   V15 — PREMIUM ENQUIRY POPUP / AJAX FORM
   ========================================================= */
html{overflow-x:hidden}
body{overflow-x:hidden}
.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}

.ajax-enquiry-form .client-invalid{border-color:#d56b5f!important;box-shadow:0 0 0 1px rgba(213,107,95,.18)!important;outline:none}
.enquiry-message{min-height:20px;margin-top:12px;font-size:12px;line-height:1.5;color:#d7c6a6}
.enquiry-message.success{color:#dcb96d}
.enquiry-message.error{color:#e9a59b}
.ajax-enquiry-form .enquiry-submit:disabled,.premium-submit:disabled{opacity:.58;cursor:wait}

/* Full-screen modal. The page itself is locked while open. */
.enquiry-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  padding:20px;
  box-sizing:border-box;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  overflow:hidden;
  overscroll-behavior:none;
  transition:opacity .35s ease,visibility .35s ease;
}
.enquiry-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}
.enquiry-modal-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  background:rgba(9,7,5,.80);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.enquiry-modal-card{
  position:relative;
  width:min(700px,100%);
  max-width:700px;
  max-height:calc(100vh - 40px);
  box-sizing:border-box;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:none;
  -ms-overflow-style:none;
  background:linear-gradient(145deg,#302316 0%,#21170f 55%,#17100b 100%);
  border:1px solid rgba(224,182,100,.42);
  box-shadow:0 35px 100px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,244,214,.06);
  transform:translateY(18px) scale(.985);
  transition:transform .4s cubic-bezier(.2,.75,.2,1);
}
.enquiry-modal-card::-webkit-scrollbar{width:0;height:0;display:none}
.enquiry-modal.is-open .enquiry-modal-card{transform:translateY(0) scale(1)}
.enquiry-modal-card:before{
  content:"";
  position:absolute;
  right:-120px;
  top:-120px;
  width:300px;
  height:300px;
  border:1px solid rgba(224,182,100,.12);
  border-radius:50%;
  box-shadow:0 0 0 40px rgba(224,182,100,.025),0 0 0 80px rgba(224,182,100,.015);
  pointer-events:none;
}
.enquiry-modal-card:after{
  content:"";
  position:absolute;
  left:34px;
  right:34px;
  top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#d7a950 20%,#f0cc84 50%,#d7a950 80%,transparent);
}
.enquiry-modal-close{
  position:absolute;
  right:17px;
  top:15px;
  z-index:3;
  width:36px;
  height:36px;
  border:1px solid rgba(235,213,174,.2);
  border-radius:50%;
  background:rgba(255,255,255,.025);
  color:#e9dcc6;
  font:300 24px/32px "DM Sans",sans-serif;
  cursor:pointer;
  transition:.25s ease;
}
.enquiry-modal-close:hover{border-color:rgba(224,182,100,.65);color:#f0c879;transform:rotate(90deg)}
.enquiry-modal-content{
  position:relative;
  z-index:2;
  padding:43px 52px 34px;
  box-sizing:border-box;
}
.enquiry-modal-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  color:#d5a456;
  font-size:9px;
  letter-spacing:2.7px;
  font-weight:500;
  text-transform:uppercase;
  margin-bottom:17px;
}
.enquiry-modal-kicker span{display:block;width:30px;height:1px;background:#d5a456}
.enquiry-modal-content h2{
  margin:0;
  color:#f5ead7;
  font:400 clamp(34px,4.6vw,55px)/1.01 "Playfair Display",serif;
  letter-spacing:-1.2px;
}
.enquiry-modal-content h2 em{color:#dfb668;font-style:italic}
.enquiry-modal-intro{
  max-width:570px;
  margin:16px 0 23px;
  color:#cdbda4;
  font-size:12.5px;
  line-height:1.65;
}
.premium-enquiry-form{position:relative;display:grid;gap:11px}
.premium-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.premium-field{display:block}
.premium-field span{
  display:block;
  color:#d5c4a9;
  font-size:9px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  margin:0 0 6px;
}
.premium-field input,.premium-field select{
  width:100%;
  height:48px;
  padding:0 14px;
  box-sizing:border-box;
  border:1px solid rgba(226,190,122,.25);
  background:rgba(11,8,5,.24);
  color:#f2e5d0;
  outline:none;
  font:13px "DM Sans",sans-serif;
  transition:border-color .25s ease,background .25s ease,box-shadow .25s ease;
}
.premium-field input::placeholder{color:#8f816e}
.premium-field select{color:#a99a84}
.premium-field select option{color:#21170f;background:#f2eadc}
.premium-field input:focus,.premium-field select:focus{
  border-color:rgba(225,183,97,.75);
  background:rgba(11,8,5,.42);
  box-shadow:0 0 0 3px rgba(216,170,91,.07);
}
.premium-submit{
  height:52px;
  margin-top:3px;
  border:1px solid #d3a44f;
  background:linear-gradient(100deg,#bd8b35,#e5c178 52%,#c89339);
  color:#19120b;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 20px 0 22px;
  font:600 10px "DM Sans",sans-serif;
  letter-spacing:1.5px;
  cursor:pointer;
  transition:transform .25s ease,filter .25s ease,box-shadow .25s ease;
}
.premium-submit b{font:400 21px "DM Sans",sans-serif;line-height:1}
.premium-submit:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.24)}
.enquiry-privacy{margin:0;color:#827665;font-size:9px;line-height:1.4;text-align:center;letter-spacing:.2px}
body.enquiry-modal-open{overflow:hidden!important}
body.enquiry-modal-open html{overflow:hidden}

/* Main contact form shares the same backend. */
.lead-form .enquiry-message{grid-column:1/-1}
.lead-form .hp-field{grid-column:1/-1}

@media(max-width:700px){
  .enquiry-modal{padding:10px}
  .enquiry-modal-card{max-height:calc(100vh - 20px);width:100%}
  .enquiry-modal-content{padding:38px 20px 25px}
  .enquiry-modal-content h2{font-size:34px;letter-spacing:-.6px}
  .enquiry-modal-kicker{margin-bottom:13px;font-size:8px}
  .enquiry-modal-intro{font-size:11.5px;margin:13px 0 18px;line-height:1.55}
  .premium-form-grid{grid-template-columns:1fr;gap:10px}
  .premium-enquiry-form{gap:10px}
  .premium-field span{margin-bottom:5px}
  .premium-field input,.premium-field select{height:45px}
  .premium-submit{height:49px}
  .enquiry-modal-close{right:10px;top:9px;width:34px;height:34px}
}
@media(max-width:700px) and (max-height:650px){
  .enquiry-modal-content{padding:32px 18px 20px}
  .enquiry-modal-content h2{font-size:29px}
  .enquiry-modal-intro{margin:9px 0 13px;font-size:11px}
  .premium-form-grid,.premium-enquiry-form{gap:7px}
  .premium-field span{font-size:8px;margin-bottom:3px}
  .premium-field input,.premium-field select{height:40px}
  .premium-submit{height:44px}
  .enquiry-privacy{font-size:8px}
}


/* =========================================================
   V17 — PROJECT-SPECIFIC ENQUIRY CONTEXT
   ========================================================= */
.enquiry-project-context{
  display:inline-flex;
  flex-direction:column;
  gap:4px;
  margin:2px 0 18px;
  padding:9px 13px 10px;
  border-left:2px solid #d5a456;
  background:rgba(213,164,86,.07);
}
.enquiry-project-context span{
  color:#a99b87;
  font-size:8px;
  line-height:1.2;
  letter-spacing:2.2px;
  text-transform:uppercase;
}
.enquiry-project-context strong{
  color:#efd49d;
  font:500 14px/1.3 "DM Sans",sans-serif;
  letter-spacing:.2px;
}
.view-project-btn{
  cursor:pointer;
}
@media(max-width:600px){
  .enquiry-project-context{
    margin-bottom:14px;
  }
  .enquiry-project-context strong{
    font-size:13px;
  }
}


/* View Project is a real button so it can never navigate/scroll to #contact. */
button.portfolio-link.view-project-btn{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:none;
  font:inherit;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
button.portfolio-link.view-project-btn:focus-visible{
  outline:1px solid rgba(224,182,100,.85);
  outline-offset:4px;
}


/* ============================================================
   V20 — Premium View Project CTA
   Matches the "Request a Private Shortlist" button language.
   ============================================================ */

button.portfolio-link.view-project-btn{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  width:100%;
  max-width:100%;
  min-height:64px;
  box-sizing:border-box;
  padding:0 24px 0 28px;
  margin-top:26px;
  border:1px solid rgba(184,139,55,.45);
  border-radius:0;
  background:linear-gradient(135deg,#e9c77b 0%,#d8a947 100%);
  color:#17120c;
  font-family:inherit;
  font-size:12px;
  font-weight:600;
  letter-spacing:2px;
  line-height:1;
  text-align:left;
  text-transform:uppercase;
  cursor:pointer;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}

button.portfolio-link.view-project-btn span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  line-height:1;
  letter-spacing:0;
  transition:transform .25s ease;
}

button.portfolio-link.view-project-btn:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#f0d28b 0%,#e0b457 100%);
  box-shadow:0 12px 30px rgba(31,20,8,.18);
}

button.portfolio-link.view-project-btn:hover span{
  transform:translateX(5px);
}

button.portfolio-link.view-project-btn:active{
  transform:translateY(0);
}

button.portfolio-link.view-project-btn:focus-visible{
  outline:2px solid rgba(184,139,55,.9);
  outline-offset:4px;
}

/* Keep the CTA comfortable on smaller screens. */
@media (max-width: 700px){
  button.portfolio-link.view-project-btn{
    min-height:58px;
    padding-left:20px;
    padding-right:18px;
    font-size:11px;
    letter-spacing:1.7px;
  }
}


/* V20 — Ensure View Project CTA content remains clearly visible */
button.portfolio-link.view-project-btn,
button.portfolio-link.view-project-btn:visited,
button.portfolio-link.view-project-btn:hover,
button.portfolio-link.view-project-btn:focus,
button.portfolio-link.view-project-btn:active{
  color:#17120c !important;
  -webkit-text-fill-color:#17120c;
}

button.portfolio-link.view-project-btn span{
  color:#17120c !important;
  -webkit-text-fill-color:#17120c;
  opacity:1 !important;
  visibility:visible !important;
}


/* =========================================================
   FEATURED PROJECT IMAGES — V23
   Each project owns its image inside:
   assets/projects/<Project Name>/images/
   ========================================================= */
.project-img{
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  overflow:hidden;
}

.project-img.img-1{
  background-image:url("projects/Independent%20Floors/images/project-image.webp") !important;
}

.project-img.img-2{
  background-image:url("projects/Sanctuary%20105/images/project-image.webp") !important;
}

.project-img.img-3{
  background-image:url("projects/The%20Kingstown%20Heights/images/project-image.webp") !important;
}

.project-img::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(18,14,9,.02),rgba(18,14,9,.18));
  pointer-events:none;
}

.project-img{
  position:relative;
}

/* ============================================================
   LOGO BACKGROUND MATCH — V23
   Header and footer use the same deep-black background as the
   supplied Dwarka Expressway Reality logo artwork.
   ============================================================ */
.site-header,
.site-header.scrolled,
.site-header.nav-open nav,
footer{
  background:#000000 !important;
}

.site-header{
  border-bottom-color:rgba(225,189,121,.22) !important;
}

footer{
  border-top-color:rgba(225,189,121,.22) !important;
}


/* =========================================================
   V23 FOOTER + WHATSAPP REFINEMENT
   ========================================================= */
footer{
  padding:30px 8vw;
  min-height:0;
}

/* Replace the decorative pseudo WhatsApp button with a real link. */
body:after{content:none !important;}
.whatsapp-float{
  position:fixed;
  right:28px;
  bottom:28px;
  width:58px;
  height:58px;
  border-radius:50%;
  background:#20d36b;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:100;
  box-shadow:0 7px 25px rgba(0,0,0,.28);
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease;
}
.whatsapp-float:hover{
  transform:translateY(-3px) scale(1.04);
  box-shadow:0 10px 30px rgba(0,0,0,.34);
}
.whatsapp-float svg{width:27px;height:27px;fill:currentColor;}

@media(max-width:600px){
  footer{padding:30px 6vw;}
  .whatsapp-float{right:18px;bottom:18px;width:54px;height:54px;}
  .whatsapp-float svg{width:25px;height:25px;}
}

/* ============================================================
   IMAGE LOGO — HEADER + FOOTER
   ============================================================ */
.site-header .logo-image-link,
footer .logo-image-link{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  line-height:0;
  letter-spacing:0;
  font-size:0;
}

.site-header .brand-logo-image{
  display:block;
  width:270px;
  height:auto;
  max-width:30vw;
  object-fit:contain;
}

footer .brand-logo-image{
  display:block;
  width:285px;
  height:auto;
  max-width:100%;
  object-fit:contain;
}

.site-header .logo-image-link:hover,
footer .logo-image-link:hover{
  opacity:.94;
}

@media(max-width:900px){
  .site-header .brand-logo-image{width:230px;max-width:55vw}
}

@media(max-width:600px){
  .site-header .brand-logo-image{width:205px;max-width:62vw}
  footer .brand-logo-image{width:240px}
}


/* ============================================================
   V24 — DESKTOP HEADER HEIGHT + PREMIUM MOBILE MENU
   ============================================================ */
/* Desktop: keep the image logo prominent without making the
   header unnecessarily tall. Mobile dimensions remain unchanged. */
@media (min-width:901px){
  .site-header{
    min-height:60px;
    height:60px;
    padding:4px 9vw;
  }
  .site-header .brand-logo-image{
    width:185px;
    max-width:22vw;
  }
  .site-header nav{gap:10px;}
  .site-header nav a:not(.nav-cta){
    display:inline-flex;
    align-items:center;
    height:38px;
    padding:0 13px;
    border:1px solid transparent;
    color:#ead8b8!important;
    transition:color .25s ease,background .25s ease,border-color .25s ease;
  }
  .site-header nav a:not(.nav-cta):hover{
    color:#f0c879!important;
    background:rgba(201,154,69,.08);
    border-color:rgba(225,189,121,.18);
  }
  .site-header .nav-cta{
    min-height:40px;
    padding:0 20px;
    display:inline-flex;
    align-items:center;
  }
}

/* Premium mobile/tablet dropdown. Header height itself is not changed. */
@media (max-width:900px){
  .site-header.nav-open nav{
    top:70px;
    padding:8px 6vw 14px;
    gap:0;
    background:rgba(12,9,6,.985)!important;
    border-top:1px solid rgba(225,189,121,.16);
    border-bottom:1px solid rgba(225,189,121,.22);
    box-shadow:0 18px 35px rgba(0,0,0,.34);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .site-header.nav-open nav a:not(.nav-cta){
    width:100%;
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 4px;
    border-bottom:1px solid rgba(225,189,121,.12);
    color:#e9d8b9!important;
    font-size:11px;
    letter-spacing:1.8px;
    transition:color .2s ease,padding-left .2s ease,background .2s ease;
  }
  .site-header.nav-open nav a:not(.nav-cta)::after{
    content:'→';
    color:#c99a45;
    font-size:16px;
    opacity:.7;
    transition:transform .2s ease,opacity .2s ease;
  }
  .site-header.nav-open nav a:not(.nav-cta):hover,
  .site-header.nav-open nav a:not(.nav-cta):focus{
    color:#f0c879!important;
    padding-left:10px;
    background:linear-gradient(90deg,rgba(201,154,69,.08),transparent);
  }
  .site-header.nav-open nav a:not(.nav-cta):hover::after,
  .site-header.nav-open nav a:not(.nav-cta):focus::after{
    transform:translateX(3px);
    opacity:1;
  }
  .site-header.nav-open nav .nav-cta{
    width:100%;
    min-height:50px;
    margin-top:12px;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:1px solid rgba(225,189,121,.55)!important;
    background:linear-gradient(135deg,#b98432,#e1bd79)!important;
    color:#17110a!important;
    font-size:10px;
    letter-spacing:1.7px;
  }
  .site-header.nav-open nav .nav-cta::after{
    content:'→';
    font-size:18px;
    color:#17110a;
  }
}

@media (max-width:600px){
  .site-header.nav-open nav{top:70px;}
}


/* ============================================================
   V23 — HERO / DESKTOP HEADER SPACING REFINEMENT
   ============================================================
   Keeps the desktop header compact and gives the hero headline
   a little more breathing room below the header.
*/
@media (min-width:901px){
  .hero{
    padding-bottom:7vh;
  }
  .hero h1{
    font-size:clamp(50px,6.25vw,92px);
    line-height:.97;
  }
  .hero-content{
    max-width:820px;
  }
}

/* ============================================================
   V23 — FOOTER LOGO SIZE FIX
   Prevent the large source WebP from expanding the footer.
   ============================================================ */
footer .footer-logo-image-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:185px !important;
  max-width:185px !important;
  height:58px !important;
  max-height:58px !important;
  overflow:hidden !important;
  flex:0 0 185px !important;
  line-height:0 !important;
}

footer .footer-logo-image-link .brand-logo-image{
  display:block !important;
  width:185px !important;
  max-width:185px !important;
  height:auto !important;
  max-height:58px !important;
  object-fit:contain !important;
  flex:none !important;
}

@media (max-width:600px){
  footer .footer-logo-image-link{
    width:205px !important;
    max-width:205px !important;
    height:58px !important;
    max-height:58px !important;
    flex:0 0 205px !important;
  }
  footer .footer-logo-image-link .brand-logo-image{
    width:205px !important;
    max-width:205px !important;
    max-height:58px !important;
  }
}