/* ============================================================
   MASAAR 3 BY ARADA — Soprano Properties Landing Page CSS
   Version: 1.0  |  Project: Masaar 3 by Arada, Sharjah
   ─────────────────────────────────────────────────────────────
   PALETTE:
   - Soprano burgundy (#2e1111) as primary deep colour
   - Gold (#c0852b / #f2dfaa) as character and accent
   - Forest green accent for Masaar nature theme
   - Cormorant Garamond (headings) + Jost (body)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

/* ── CSS VARIABLES ── */
:root{
  --burg:#2e1111;
  --burg-deep:#160808;
  --burg-mid:#3d1616;
  --burg-light:#5a2020;
  --gold:#c0852b;
  --gold-light:#ddb96a;
  --gold-pale:#f2dfaa;
  --forest:#1e3a24;
  --forest-mid:#2a4a30;
  --forest-light:#3d6647;
  --forest-pale:#c8d8b8;
  --cream:#f5f0e8;
  --warm:#ede6d8;
  --dark:#120808;
  --grey:#7a6a5a;
  --grey-lt:#a89a88;
  --wd:var(--burg-deep);
  --wm:var(--burg-mid);
  --wl:var(--gold);
  --wp:var(--gold-pale);
  --wcream:var(--cream);
  --wwarm:var(--warm);
  --wdark:var(--dark);
}

/* ── GLOBAL RESET ── */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:'Jost',sans-serif;
  background:var(--cream);
  color:var(--burg-deep);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--warm)}
::-webkit-scrollbar-thumb{background:var(--gold)}

/* ── ELEMENTOR RESETS ── */
.elementor-widget-html{padding:0!important;margin:0!important}
body.elementor-page{padding:0!important}
.e-con,.e-con-inner,.elementor-section,.elementor-column,.elementor-widget{
  padding:0!important;margin:0!important;max-width:100%!important;
}
#footer{display:none!important}

/* ── NAV ── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 40px;
  background:rgba(22,8,8,.92);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(192,133,43,.18);
  transition:padding .4s ease,background .4s ease;
}
nav.scrolled{padding:10px 40px;background:rgba(22,8,8,.97)}
.nav-logo{display:flex;align-items:center}
.nav-logo img{height:36px;width:auto;display:block;background:transparent}
.nav-links{display:flex;gap:24px;align-items:center;position:relative}
.nav-links a{
  font-size:9px;font-weight:400;letter-spacing:2.5px;
  text-transform:uppercase;color:rgba(242,223,170,.7);
  text-decoration:none;transition:color .3s;
}
.nav-links a:hover{color:var(--gold-pale)}

/* NAV DROPDOWN */
.nav-dropdown{position:relative}
.nav-dropdown > a{display:flex;align-items:center;gap:4px}
.nav-dropdown > a::after{content:'▾';font-size:7px;opacity:.6}
.nav-dropdown-menu{
  display:none;position:absolute;top:calc(100% + 14px);left:0;
  background:rgba(22,8,8,.97);border:1px solid rgba(192,133,43,.2);
  min-width:160px;z-index:300;padding:8px 0;
}
.nav-dropdown:hover .nav-dropdown-menu{display:block}
.nav-dropdown-menu a{
  display:block;padding:9px 18px;font-size:8.5px;letter-spacing:2px;
  text-transform:uppercase;color:rgba(242,223,170,.65);white-space:nowrap;
  text-decoration:none;transition:background .2s,color .2s;border-bottom:none;
}
.nav-dropdown-menu a:hover{background:rgba(192,133,43,.08);color:var(--gold-pale)}

.nav-btn{
  background:transparent;color:var(--gold-pale);
  padding:9px 22px;font-size:9px;font-weight:500;letter-spacing:2.5px;
  text-transform:uppercase;border:1px solid rgba(192,133,43,.5);
  cursor:pointer;font-family:'Jost',sans-serif;
  white-space:nowrap;transition:all .3s;min-height:40px;
}
.nav-btn:hover{background:var(--gold);color:var(--dark);border-color:var(--gold)}

/* Hamburger */
.nav-ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none}
.nav-ham span{display:block;width:22px;height:1.5px;background:var(--gold-pale);transition:all .3s}
.nav-mobile{
  display:none;flex-direction:column;
  position:fixed;top:61px;left:0;right:0;z-index:9990;
  background:rgba(16,4,4,.98);border-top:none;
  padding:12px 24px 20px;gap:0;
  box-shadow:0 16px 48px rgba(0,0,0,.6);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.nav-mobile.open{display:grid;grid-template-columns:1fr 1fr}
.nav-mobile a{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(242,223,170,.7);text-decoration:none;padding:12px 10px;border-bottom:1px solid rgba(192,133,43,.08);display:block;transition:color .2s,transform .2s,letter-spacing .2s}
.nav-mobile a:hover{color:var(--gold-pale);transform:translateX(4px);letter-spacing:3px}
.nav-mobile-sub{padding-left:18px!important;font-size:8.5px!important;color:rgba(242,223,170,.5)!important}

/* ── HERO ── */
.hero{min-height:100svh;display:flex;align-items:flex-end;position:relative;overflow:hidden}
.hero-slides{position:absolute;inset:0}
.hero-slide{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  opacity:0;transition:opacity 1.2s ease;
  animation:hzoom 14s ease-out forwards;
}
.hero-slide.active{opacity:1}
@keyframes hzoom{from{transform:scale(1.07)}to{transform:scale(1)}}
.hero-ov{
  position:absolute;inset:0;
  background:linear-gradient(180deg,
    rgba(22,8,8,.2) 0%,
    rgba(46,17,17,.1) 30%,
    rgba(46,17,17,.65) 65%,
    rgba(22,8,8,.93) 100%);
}
.hero-inner{position:relative;z-index:2;padding:100px 48px 68px;width:100%;max-width:1200px}

/* Hero dots */
.hero-dots{position:absolute;bottom:24px;right:48px;z-index:5;display:flex;gap:8px}
.hero-dot{width:6px;height:6px;border-radius:50%;background:rgba(242,223,170,.3);cursor:pointer;transition:background .3s,transform .3s}
.hero-dot.active{background:var(--gold);transform:scale(1.3)}

.eyebrow{
  font-size:8.5px;font-weight:400;letter-spacing:4px;text-transform:uppercase;
  color:var(--gold-pale);margin-bottom:24px;
  display:flex;align-items:center;gap:14px;
}
.eyebrow::before{content:'';width:32px;height:1px;background:var(--gold);flex-shrink:0;opacity:.7}

.h1{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(48px,10vw,88px);
  font-weight:300;line-height:.93;color:var(--cream);margin-bottom:8px;
}
.h1 .the{font-size:.42em;display:block;margin-bottom:.05em;font-style:italic;color:var(--gold-pale)}
.h1 .main{display:block;letter-spacing:-.02em}
.h1 .sub{font-size:.36em;font-style:italic;font-weight:300;color:var(--gold-light);display:block;margin-top:.1em;letter-spacing:.04em}

.hero-sub{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(13px,2.5vw,15px);font-weight:300;
  color:rgba(242,223,170,.75);
  margin-top:22px;margin-bottom:36px;
  letter-spacing:3.5px;text-transform:uppercase;
}
.stats{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;margin-bottom:36px;
  background:rgba(192,133,43,.12);
  border:1px solid rgba(192,133,43,.1);
  max-width:620px;
}
.stat{padding:16px 20px;background:rgba(46,17,17,.45);text-align:center}
.stat-v{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:400;color:var(--cream);line-height:1;text-align:center;width:100%;display:block}
.stat-l{font-size:7.5px;letter-spacing:1.8px;text-transform:uppercase;color:rgba(192,133,43,.75);margin-top:5px;text-align:center;width:100%;display:block}

/* ── GOLD STRIP ── */
.gstrip{height:3px;background:linear-gradient(90deg,var(--burg),var(--gold),var(--burg-mid),var(--gold),var(--burg))}

/* ── BUTTONS ── */
.cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.btn-gold{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--gold);color:var(--dark);
  padding:15px 36px;font-size:9px;font-weight:600;letter-spacing:2.5px;
  text-transform:uppercase;border:none;cursor:pointer;
  font-family:'Jost',sans-serif;white-space:nowrap;
  transition:background .3s,transform .2s;
  -webkit-tap-highlight-color:transparent;min-height:48px;
}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-1px)}
.btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(192,133,43,.4);color:var(--cream);
  padding:15px 36px;font-size:9px;font-weight:300;letter-spacing:2.5px;
  text-transform:uppercase;cursor:pointer;background:transparent;
  transition:border-color .3s,color .3s;white-space:nowrap;
  font-family:'Jost',sans-serif;min-height:48px;
}
.btn-ghost:hover{border-color:var(--gold-pale);color:var(--gold-pale)}

/* ── SHARED TYPOGRAPHY ── */
.st{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(30px,6vw,52px);font-weight:400;
  line-height:1.08;color:var(--burg-deep);margin-bottom:16px;
}
.st em{font-style:italic;color:var(--gold)}
.st.li{color:var(--cream)}.st.li em{color:var(--gold-pale)}

.sl{
  font-size:8.5px;letter-spacing:4px;text-transform:uppercase;
  color:var(--gold);margin-bottom:12px;
  display:flex;align-items:center;gap:12px;
}
.sl::before{content:'';width:24px;height:1px;background:var(--gold);flex-shrink:0}
.sl.li{color:var(--gold-pale)}.sl.li::before{background:var(--gold-pale)}
.sl.gn{color:var(--gold-pale)}.sl.gn::before{background:var(--gold-pale)}

.sb{font-size:14px;font-weight:300;line-height:1.9;color:var(--grey)}
.sb.li{color:rgba(242,223,170,.65)}

/* Scroll reveal */
.fu{opacity:1;transform:none}
.fu.animate{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}
.fu.animate.on{opacity:1;transform:none}

/* ── SECTIONS ── */
.sec{padding:96px 48px}
.sec-inner{max-width:1200px;margin:0 auto}
.sec-cream{background:var(--cream)}
.sec-warm{background:var(--warm)}
.sec-burg{background:var(--burg)}
.sec-burg-mid{background:var(--burg-mid)}
.sec-deep{background:var(--burg-deep)}
.sec-wd{background:var(--burg-deep)}
.sec-wm{background:var(--burg-mid)}
.sec-forest{background:var(--forest)}
#gallery{padding-bottom:80px}

/* ── FACTS BAR ── */
.facts-bar{background:var(--burg);padding:32px 48px}
.facts-inner{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:rgba(192,133,43,.15);
}
.fact-item{padding:24px 28px;background:var(--burg);text-align:center;transition:background .3s}
.fact-item:hover{background:var(--burg-mid)}
.fact-v{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:400;color:var(--gold-pale);line-height:1}
.fact-l{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:rgba(192,133,43,.6);margin-top:6px}

/* ── ABOUT ── */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-img-wrap{position:relative}
.about-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.about-accent-frame{
  position:absolute;top:-14px;right:-14px;
  width:70%;height:85%;
  border:1px solid rgba(192,133,43,.35);
  pointer-events:none;
}
.dev-badge{
  display:flex;align-items:center;gap:14px;
  margin:28px auto 0;padding:12px 16px;
  border:1px solid rgba(192,133,43,.25);background:rgba(192,133,43,.05);
  max-width:320px;
}
.dev-badge-lbl{font-size:8px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(192,133,43,.6);margin-bottom:4px;white-space:nowrap}
.dev-badge-logo{height:32px!important;max-width:100px!important;width:auto;object-fit:contain;display:block;filter:brightness(.9)}
.dev-badge-divider{width:1px;height:36px;background:rgba(192,133,43,.25);flex-shrink:0}

/* ── COMMUNITIES MASTERPLAN (Interactive) ── */
.masterplan-section{position:relative}
.masterplan-wrap{position:relative;display:inline-block;width:100%;cursor:crosshair}
.masterplan-img{width:100%;display:block;border:1px solid rgba(192,133,43,.15)}
.mp-hotspot{
  position:absolute;transform:translate(-50%,-50%);
  width:44px;height:44px;cursor:pointer;z-index:10;
}
.mp-hotspot-dot{
  width:16px;height:16px;background:var(--gold);border-radius:50%;
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  box-shadow:0 0 0 4px rgba(192,133,43,.3),0 0 14px rgba(192,133,43,.5);
  z-index:2;transition:transform .3s;
}
.mp-hotspot:hover .mp-hotspot-dot{transform:translate(-50%,-50%) scale(1.5)}
.mp-hotspot::before,.mp-hotspot::after{
  content:'';position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:16px;height:16px;border-radius:50%;
  border:2px solid rgba(192,133,43,.9);
  animation:hotpulse 2.2s ease-out infinite;pointer-events:none;
}
.mp-hotspot::after{animation-delay:1.1s;border-color:rgba(192,133,43,.5)}
@keyframes hotpulse{
  0%{transform:translate(-50%,-50%) scale(1);opacity:1}
  100%{transform:translate(-50%,-50%) scale(5.5);opacity:0}
}
/* Bigger tap target on mobile */
@media(max-width:768px){
  .mp-hotspot{width:72px;height:72px}
}

/* Community popup */
.mp-popup{
  position:absolute;z-index:50;
  background:rgba(22,8,8,.96);border:1px solid rgba(192,133,43,.3);
  width:260px;padding:0;pointer-events:none;
  opacity:0;transform:scale(.92) translateY(-8px);
  transition:opacity .25s ease,transform .25s ease;
  box-shadow:0 12px 40px rgba(0,0,0,.5);
}
.mp-popup.show{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}
.mp-popup-img{width:100%;height:150px;object-fit:cover;display:block}
.mp-popup-body{padding:14px 16px}
.mp-popup-name{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:400;color:var(--gold-pale);margin-bottom:6px}
.mp-popup-meta{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(192,133,43,.6);margin-bottom:8px}
.mp-popup-specs{display:flex;gap:14px}
.mp-popup-spec span{display:block;font-size:12px;font-weight:300;color:rgba(242,223,170,.6)}
.mp-popup-spec strong{display:block;font-family:'Cormorant Garamond',serif;font-size:16px;color:var(--gold-pale)}

/* Community cards (tab sections) */
.comm-tabs{display:flex;gap:0;margin-bottom:40px;border-bottom:1px solid rgba(192,133,43,.2)}
.comm-tab{
  font-family:'Jost',sans-serif;font-size:9px;font-weight:500;
  letter-spacing:2px;text-transform:uppercase;
  padding:12px 24px;cursor:pointer;color:var(--grey);
  border-bottom:2px solid transparent;margin-bottom:-1px;
  transition:all .3s;background:none;
  border-top:none;border-left:none;border-right:none;
  -webkit-tap-highlight-color:transparent;
}
.comm-tab.active,.comm-tab:hover{color:var(--burg-deep);border-bottom-color:var(--gold)}

.comm-panel{display:none}
.comm-panel.active{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}

.comm-map-img{width:100%;border:1px solid rgba(192,133,43,.15);display:block}
.comm-info{}
.comm-house-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:20px}
.comm-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(192,133,43,.12);margin-bottom:20px}
.comm-spec{padding:16px 18px;background:var(--warm)}
.comm-spec-v{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:400;color:var(--burg-deep)}
.comm-spec-l{font-size:8px;letter-spacing:1.8px;text-transform:uppercase;color:var(--grey-lt);margin-top:4px}

/* ── UNIT CARDS ── */
.units-tabs{display:flex;gap:0;margin-bottom:40px;border-bottom:1px solid rgba(192,133,43,.2);flex-wrap:wrap}
.unit-tab{
  font-family:'Jost',sans-serif;font-size:9px;font-weight:500;
  letter-spacing:2px;text-transform:uppercase;
  padding:12px 20px;cursor:pointer;color:var(--grey);
  border-bottom:2px solid transparent;margin-bottom:-1px;
  transition:all .3s;background:none;
  border-top:none;border-left:none;border-right:none;
  -webkit-tap-highlight-color:transparent;
}
.unit-tab.active,.unit-tab:hover{color:var(--burg-deep);border-bottom-color:var(--gold)}

.units-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.unit-card{background:#fff;overflow:hidden;border:1px solid rgba(192,133,43,.12);transition:transform .3s,box-shadow .3s}
.unit-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(46,17,17,.12)}

.unit-img-wrap{
  height:240px;position:relative;overflow:hidden;
  background:#f5f0e8;
  display:flex;align-items:center;justify-content:center;
}
.unit-img{width:100%;height:100%!important;object-fit:cover;object-position:center top;padding:0;display:block;vertical-align:top;transition:transform .4s ease}
.unit-card:hover .unit-img{transform:scale(1.03)}

.unit-badge{
  position:absolute;top:10px;left:10px;z-index:3;
  background:var(--burg);color:var(--gold-pale);
  font-size:7.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  padding:4px 10px;pointer-events:none;line-height:1.4;
}
.unit-badge.townhouse{background:var(--forest)}
.unit-badge.villa{background:var(--burg)}
.unit-badge.signature{background:var(--burg-deep)}

.unit-fp-label{
  position:absolute;bottom:0;left:0;right:0;text-align:center;
  font-size:9px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--grey);background:rgba(245,240,232,.9);padding:5px 8px;pointer-events:none;
}

.unit-body{padding:22px 24px 24px}
.unit-type{font-size:8.5px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.unit-name{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:400;color:var(--burg-deep);margin-bottom:4px;line-height:1.1}
.unit-price{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:300;color:var(--gold);margin-bottom:14px}
.unit-specs{display:flex;gap:16px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(192,133,43,.1)}
.us-v{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:400;color:var(--burg-deep)}
.us-l{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--grey-lt);margin-top:2px}
.unit-cta{
  display:inline-flex;align-items:center;gap:8px;
  font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;
  color:var(--burg-deep);border:none;background:none;cursor:pointer;
  transition:gap .3s,color .3s;padding:8px 0;
  font-family:'Jost',sans-serif;
  -webkit-tap-highlight-color:transparent;min-height:44px;
}
.unit-cta:hover{gap:14px;color:var(--gold)}
.unit-cta-arrow{color:var(--gold);font-size:14px;line-height:1}

/* Floor plan thumbs */
.fp-row{display:flex;gap:8px;margin-bottom:16px}
.fp-thumb{flex:1;cursor:pointer;position:relative;overflow:hidden;background:#f0ebe0;border:1px solid rgba(192,133,43,.12)}
.fp-thumb img{width:100%;height:80px;object-fit:cover;display:block;transition:transform .4s}
.fp-thumb:hover img{transform:scale(1.06)}
.fp-thumb-label{font-size:7.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--grey);text-align:center;padding:4px 6px;background:rgba(245,240,232,.9)}
.fp-thumb-zoom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--cream);background:rgba(46,17,17,.0);opacity:0;transition:background .3s,opacity .3s}
.fp-thumb:hover .fp-thumb-zoom{background:rgba(46,17,17,.55);opacity:1}
.fp-thumb-zoom svg{filter:drop-shadow(0 1px 4px rgba(0,0,0,.4))}

/* ── GALLERY ── */
.gallery-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr;
  grid-template-rows:220px 220px 180px;
  gap:8px;
}
.g-item{overflow:hidden!important;position:relative!important;cursor:pointer!important;display:block!important;padding:0!important;margin:0!important}
.g-item.tall{grid-column:1!important;grid-row:1/4!important;height:636px!important;max-height:636px!important}
.g-item:not(.tall):not(.wide){height:220px!important;max-height:220px!important}
.g-item.wide{grid-column:2/4!important;grid-row:3!important;height:180px!important;max-height:180px!important}
.g-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .8s ease;pointer-events:none!important;margin:0!important;padding:0!important}
.g-item:hover .g-img{transform:scale(1.04)}
.g-cap{
  position:absolute!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;
  padding:10px 16px!important;font-size:8px!important;letter-spacing:2px;text-transform:uppercase;
  color:rgba(242,223,170,.95)!important;background:linear-gradient(transparent,rgba(46,17,17,.85) 40%)!important;
  opacity:0!important;transform:translateY(8px)!important;transition:opacity .3s ease,transform .3s ease!important;
  pointer-events:none!important;z-index:2!important;
}
.g-item:hover .g-cap{opacity:1!important;transform:translateY(0)!important}

/* Gallery extra row */
.gallery-extra{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
@media(max-width:768px){
  .gallery-extra{grid-template-columns:repeat(2,1fr)!important;gap:5px}
  .gallery-extra .g-item{height:150px!important;max-height:150px!important}
}

/* Gallery tabs */
.gallery-tabs{display:flex;gap:0;margin-bottom:32px;border-bottom:1px solid rgba(192,133,43,.2);flex-wrap:wrap}
.gallery-tab{
  font-size:9px;font-weight:500;letter-spacing:2px;text-transform:uppercase;
  padding:10px 20px;cursor:pointer;color:rgba(242,223,170,.5);
  border-bottom:2px solid transparent;margin-bottom:-1px;
  transition:all .3s;background:none;font-family:'Jost',sans-serif;
  border-top:none;border-left:none;border-right:none;
}
.gallery-tab.active,.gallery-tab:hover{color:var(--gold-pale);border-bottom-color:var(--gold)}
.gallery-panel{display:none}
.gallery-panel.active{display:block}

/* Masonry for amenities */
.masonry-grid{columns:3;gap:8px}
.masonry-item{break-inside:avoid;margin-bottom:8px;overflow:hidden;position:relative;cursor:pointer}
.masonry-item img{width:100%;display:block;transition:transform .5s ease}
.masonry-item:hover img{transform:scale(1.04)}

/* ── AMENITIES ── */
.am-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.am-excl{background:rgba(192,133,43,.08);border:1px solid rgba(192,133,43,.2);padding:28px;margin-bottom:24px}
.am-excl-lbl{font-size:8px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.am-excl-title{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;color:var(--gold-pale);margin-bottom:4px}
.am-excl-sub{font-size:12px;font-weight:300;color:rgba(242,223,170,.5);line-height:1.6}
.am-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0}
.am-list li{
  font-size:12.5px;font-weight:300;color:rgba(242,223,170,.7);
  padding:9px 0;border-bottom:1px solid rgba(192,133,43,.08);
  display:flex;align-items:center;gap:8px;
}
.am-list li::before{content:'—';color:var(--gold);font-size:9px;flex-shrink:0}
.am-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;margin-top:24px}

/* Amenities inline strip — full width, edge-to-edge */
#amenities{padding-bottom:0}
.am-strip{
  display:flex;gap:0;height:240px;margin-top:40px;
  width:100vw;
  margin-left:50%;
  transform:translateX(-50%);
}
.am-strip-item{position:relative;overflow:hidden;flex:1;cursor:pointer}
.am-strip-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.am-strip-item:hover img{transform:scale(1.06)}
.am-strip-cap{
  position:absolute;bottom:0;left:0;right:0;padding:10px 12px;
  font-size:8px;letter-spacing:1.5px;text-transform:uppercase;
  color:rgba(242,223,170,.9);background:linear-gradient(transparent,rgba(22,8,8,.85));
  opacity:0;transition:opacity .3s;
}
.am-strip-item:hover .am-strip-cap{opacity:1}

/* ── INVESTMENT ── */
.inv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(192,133,43,.1);margin-top:8px}
.inv-item{padding:32px 28px;background:var(--burg-deep)}
.inv-item:hover{background:var(--burg)}
.inv-num{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:300;color:rgba(192,133,43,.2);line-height:1;margin-bottom:12px}
.inv-title{font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--gold-pale);margin-bottom:10px}
.inv-body{font-size:13px;font-weight:300;color:rgba(237,229,213,.5);line-height:1.75}

/* ── PAYMENT PLAN ── */
.pp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(192,133,43,.15);margin-top:40px}
.pp-stage{padding:40px 32px;background:var(--burg-deep);text-align:center;position:relative}
.pp-pct{font-family:'Cormorant Garamond',serif;font-size:56px;font-weight:300;color:var(--gold);line-height:1;margin-bottom:8px}
.pp-pct sup{font-size:26px;vertical-align:super}
.pp-lbl{font-size:9px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:rgba(242,223,170,.5);margin-bottom:8px}
.pp-desc{font-size:12px;font-weight:300;color:rgba(242,223,170,.45);line-height:1.6}
.pp-dot{position:absolute;right:-7px;top:50%;width:12px;height:12px;background:var(--gold);border-radius:50%;transform:translateY(-50%);z-index:1}
.pp-note{margin-top:28px;padding:18px 24px;background:rgba(192,133,43,.08);border-left:2px solid var(--gold)}
.pp-note p{font-size:12px;font-weight:300;color:rgba(242,223,170,.5);line-height:1.7}
.pp-ho{display:inline-flex;align-items:center;gap:12px;margin-top:24px;padding:14px 24px;border:1px solid rgba(192,133,43,.25);background:rgba(192,133,43,.06)}
.pp-ho-lbl{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(192,133,43,.6)}
.pp-ho-val{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;color:var(--gold-pale)}

/* Payment methods */
.pay-methods{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.pay-method{
  padding:10px 18px;border:1px solid rgba(192,133,43,.2);
  font-size:9px;letter-spacing:2px;text-transform:uppercase;
  color:rgba(242,223,170,.55);background:rgba(192,133,43,.05);
  display:flex;align-items:center;gap:8px;
}
.pay-method-icon{font-size:14px}

/* Crypto note */
.pp-crypto-note{
  margin-top:16px;padding:12px 18px;
  background:rgba(192,133,43,.06);border-left:2px solid rgba(192,133,43,.35);
  font-size:12px;font-weight:300;color:rgba(242,223,170,.55);line-height:1.6;
  letter-spacing:.3px;
}

/* ── LOCATION ── */
.loc-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.dist-table{width:100%;border-collapse:collapse}
.dist-table tr{border-bottom:1px solid rgba(192,133,43,.12)}
.dist-table td{padding:13px 0;font-size:12px;font-weight:300}
.dist-table .dest{color:var(--grey)}
.dist-table .time{text-align:right;color:var(--gold);font-weight:500;font-family:'Cormorant Garamond',serif;font-size:18px}

/* ── CONTACT / FORM SECTION ── */
.contact-sec{position:relative;overflow:hidden;background:var(--burg-deep)}
.contact-sec::before{
  content:'';position:absolute;inset:0;
  background-image:url('https://d275vyrruichwi.cloudfront.net/Projects/masaar/masaar3_hero1.jpg');
  background-size:cover;background-position:center;opacity:.05;
}
.contact-ov{position:absolute;inset:0;background:rgba(22,8,8,.80)}
.contact-inner{
  position:relative;z-index:2;
  max-width:1200px;margin:0 auto;
  padding:96px 48px;
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;
}
.c-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}
.c-icon{font-size:16px;min-width:24px;margin-top:2px}
.c-text{font-size:13px;font-weight:300;color:rgba(237,229,213,.55);line-height:1.6}
.c-text a{color:rgba(237,229,213,.7);text-decoration:none;transition:color .3s}
.c-text a:hover{color:var(--gold-pale)}

/* ── FORM ── */
.form-title{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:400;color:var(--cream);margin-bottom:6px}
.form-sub{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(192,133,43,.6);margin-bottom:28px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fg{display:flex;flex-direction:column;gap:6px}
.fg.full{grid-column:1/-1}
.fg label{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(192,133,43,.6);font-weight:400}
.fg input,.fg select,.fg textarea{
  background:rgba(255,255,255,.05);border:1px solid rgba(192,133,43,.2);
  color:var(--cream);padding:13px 14px;
  font-family:'Jost',sans-serif;
  font-size:13px;font-weight:300;outline:none;transition:border-color .3s;
  -webkit-appearance:none;appearance:none;border-radius:0;width:100%;
}
.fg input::placeholder,.fg textarea::placeholder{color:rgba(242,223,170,.2)}
.fg input:focus,.fg select:focus{border-color:rgba(192,133,43,.55)}
.fg select{
  cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(192,133,43,.55)'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
}
.fg select option{background:var(--burg-deep);color:var(--cream)}

/* Validation states */
.fg input.valid,.fg select.valid{border-color:rgba(37,211,102,.4)}
.fg input.invalid,.fg select.invalid{border-color:rgba(255,100,100,.4)}
.field-hint{font-size:10px;color:rgba(255,138,138,.7);margin-top:3px;display:none}
.field-hint.show{display:block}
.field-hint.ok{color:rgba(37,211,102,.7)}

.f-btn{
  grid-column:1/-1;width:100%;
  background:var(--gold);color:var(--dark);
  padding:16px;font-size:9.5px;font-weight:600;letter-spacing:2.5px;
  text-transform:uppercase;border:none;cursor:pointer;
  font-family:'Jost',sans-serif;
  transition:background .3s;min-height:52px;
}
.f-btn:hover:not(:disabled){background:var(--gold-light)}
.f-btn:disabled{opacity:.55;cursor:wait}
.f-err{color:#ff8a8a;font-size:11px;margin-top:4px;display:none;grid-column:1/-1;padding:10px 12px;background:rgba(255,100,100,.08);border:1px solid rgba(255,100,100,.2)}
.f-priv{font-size:10px;color:rgba(242,223,170,.28);margin-top:4px;grid-column:1/-1;line-height:1.6}
.f-priv a{color:rgba(192,133,43,.45);text-decoration:none}
.f-ok{display:none;text-align:center;padding:40px 10px}
.f-ok-i{font-size:36px;margin-bottom:12px;color:var(--gold)}
.f-ok-t{font-family:'Cormorant Garamond',serif;font-size:28px;color:var(--cream);margin-bottom:8px}
.f-ok-m{font-size:13px;font-weight:300;color:rgba(242,223,170,.5);line-height:1.7}

/* Retry counter */
.f-retry{font-size:10px;color:rgba(192,133,43,.4);text-align:center;grid-column:1/-1;margin-top:-4px;display:none}

/* ── DISCLAIMER ── */
.disc{background:var(--burg);padding:20px 48px}
.disc p{font-size:10px;font-weight:300;color:rgba(237,229,213,.35);line-height:1.75;max-width:1200px;margin:0 auto}

/* ── FOOTER ── */
footer{background:var(--burg-deep);padding:56px 48px 32px;border-top:1px solid rgba(192,133,43,.08)}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;margin-bottom:40px;align-items:start}
.footer-col-mid{display:flex;flex-direction:column;align-items:center;text-align:center}
.footer-col-mid .f-col-title{text-align:center}
.footer-col-mid .fci{justify-content:flex-start;width:180px}
.f-logo img{height:44px;width:auto;display:block;background:transparent;margin-bottom:12px}
.f-tag{font-size:12px;font-weight:300;color:rgba(237,229,213,.4);max-width:280px;line-height:1.8}
.f-col-title{font-size:8.5px;letter-spacing:3px;text-transform:uppercase;color:rgba(192,133,43,.5);margin-bottom:16px}
.fci{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.fci-i{font-size:13px;min-width:20px;color:var(--gold);opacity:.7;margin-top:2px}
.fci-t{font-size:12px;font-weight:300;color:rgba(237,229,213,.55);text-decoration:none;line-height:1.5}
.fci-t:hover{color:var(--gold-pale)}
.dld-block{margin-top:20px;padding:16px;background:rgba(255,255,255,.03);border:1px solid rgba(192,133,43,.12)}
.dld-lbl{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:rgba(192,133,43,.5);margin-bottom:8px}
.perm-r{font-size:11px;font-weight:300;color:rgba(237,229,216,.5);margin-bottom:4px}
.perm-r strong{color:rgba(237,229,213,.7);font-weight:500}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid rgba(192,133,43,.1);flex-wrap:wrap;gap:10px}
.f-leg{font-size:10px;font-weight:300;color:rgba(237,229,213,.3)}
.f-lnks{display:flex;gap:18px}
.f-lnks a{font-size:10px;font-weight:300;color:rgba(192,133,43,.45);text-decoration:none}
.f-lnks a:hover{color:var(--gold-pale)}

/* Developer + project logos in footer */
.footer-dev-logos{display:flex;align-items:center;gap:14px;margin-top:24px;flex-wrap:wrap}
.footer-dev-logos img{height:32px;width:auto;object-fit:contain;display:block;filter:brightness(1.5);opacity:.8}
.footer-dev-sep{width:1px;height:32px;background:rgba(192,133,43,.2);flex-shrink:0}

/* ── WHATSAPP FLOAT ── */
.wa-wrap{position:fixed;bottom:28px;right:28px;z-index:300;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.wa-chat{background:var(--burg-deep);border:1px solid rgba(192,133,43,.22);width:300px;padding:20px;display:none;box-shadow:0 8px 32px rgba(0,0,0,.4);border-radius:2px}
.wa-chat.open{display:block}
.wa-chat-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.wa-chat-title{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:400;color:var(--cream)}
.wa-chat-close{background:none;border:none;color:rgba(237,229,213,.4);cursor:pointer;font-size:18px;line-height:1;transition:color .3s;padding:0}
.wa-chat-close:hover{color:var(--gold-pale)}
.wa-chat-msg{background:rgba(255,255,255,.04);border:1px solid rgba(192,133,43,.15);padding:12px 14px;font-size:12px;font-weight:300;color:rgba(242,223,170,.65);line-height:1.6;margin-bottom:12px}
.wa-chat-sub{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(192,133,43,.5);margin-bottom:8px}
.wa-chat-input{background:rgba(255,255,255,.05);border:1px solid rgba(192,133,43,.2);color:var(--cream);padding:10px 12px;font-family:'Jost',sans-serif;font-size:12px;font-weight:300;outline:none;width:100%;transition:border-color .3s;margin-bottom:10px;resize:vertical;-webkit-appearance:none;border-radius:0}
.wa-chat-input::placeholder{color:rgba(242,223,170,.2)}
.wa-chat-input:focus{border-color:rgba(192,133,43,.5)}
.wa-chat-btn{width:100%;background:#25D366;color:#fff;padding:11px;font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;border:none;cursor:pointer;font-family:'Jost',sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background .3s}
.wa-chat-btn:hover{background:#1aab54}
.wa-chat-btn svg{width:16px;height:16px;fill:#fff;flex-shrink:0}
.wa-btn{position:relative;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.3);cursor:pointer;border:none;transition:transform .3s,box-shadow .3s}
.wa-btn:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(37,211,102,.4)}
.wa-btn svg{width:28px;height:28px;fill:#fff;position:relative;z-index:1}
.wa-btn::before,.wa-btn::after{content:'';position:absolute;width:56px;height:56px;border-radius:50%;border:2px solid rgba(37,211,102,.5);animation:wapulse 3s ease-out infinite;pointer-events:none}
.wa-btn::after{animation-delay:1.5s;border-color:rgba(37,211,102,.3)}
@keyframes wapulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.9);opacity:0}100%{transform:scale(1.9);opacity:0}}

/* ── MODAL ── */
.modal-overlay{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:20px}
.modal-overlay.open{display:flex}
.modal-box{
  background:var(--burg-deep);border:1px solid rgba(192,133,43,.25);
  max-width:520px;width:100%;max-height:92vh;overflow-y:auto;
  padding:44px 40px;position:relative;
  scrollbar-width:thin;scrollbar-color:var(--gold) transparent;
}
.modal-box::-webkit-scrollbar{width:3px}
.modal-box::-webkit-scrollbar-thumb{background:var(--gold)}
.modal-close{position:absolute;top:18px;right:22px;background:none;border:none;color:rgba(237,229,213,.4);font-size:22px;cursor:pointer;transition:color .3s;line-height:1}
.modal-close:hover{color:var(--gold-pale)}
.modal-brand{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:rgba(192,133,43,.5);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.modal-brand::before{content:'';width:20px;height:1px;background:rgba(192,133,43,.4);flex-shrink:0}
.modal-title{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:400;color:var(--cream);margin-bottom:4px}
.modal-sub{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(192,133,43,.5);margin-bottom:28px}
.mfg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0}
.mfg-row .mfg{margin-bottom:0}
.mfg{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.mfg label{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(192,133,43,.55)}
.mfg input,.mfg select{background:rgba(255,255,255,.05);border:1px solid rgba(192,133,43,.2);color:var(--cream);padding:13px 14px;font-family:'Jost',sans-serif;font-size:13px;font-weight:300;outline:none;transition:border-color .3s;-webkit-appearance:none;appearance:none;border-radius:0;width:100%}
.mfg input::placeholder{color:rgba(242,223,170,.2)}
.mfg input:focus,.mfg select:focus{border-color:rgba(192,133,43,.55)}
.mfg select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(192,133,43,.55)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.mfg select option{background:var(--burg-deep);color:var(--cream)}
.mfg input.valid,.mfg select.valid{border-color:rgba(37,211,102,.4)}
.mfg input.invalid,.mfg select.invalid{border-color:rgba(255,100,100,.4)}
.mfg-hint{font-size:10px;color:rgba(255,138,138,.7);margin-top:3px;display:none}
.mfg-hint.show{display:block}
.mfg-hint.ok{color:rgba(37,211,102,.7)}
.m-btn{width:100%;background:var(--gold);color:var(--dark);padding:16px;font-size:9.5px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;border:none;cursor:pointer;font-family:'Jost',sans-serif;margin-top:6px;transition:background .3s;min-height:52px}
.m-btn:hover:not(:disabled){background:var(--gold-light)}
.m-btn:disabled{opacity:.55;cursor:wait}
.m-err{color:#ff8a8a;font-size:11px;margin-top:8px;display:none;padding:10px 12px;background:rgba(255,100,100,.08);border:1px solid rgba(255,100,100,.2)}
.m-priv{font-size:10px;color:rgba(242,223,170,.25);margin-top:12px;line-height:1.6}
.m-priv a{color:rgba(192,133,43,.45);text-decoration:none}
.m-ok{display:none;text-align:center;padding:40px 10px}
.m-ok-i{font-size:36px;margin-bottom:12px;color:var(--gold)}
.m-ok-t{font-family:'Cormorant Garamond',serif;font-size:24px;color:var(--cream);margin-bottom:8px}
.m-ok-m{font-size:12px;font-weight:300;color:rgba(242,223,170,.5);line-height:1.7}
.m-retry{font-size:10px;color:rgba(192,133,43,.4);text-align:center;margin-top:8px;display:none}

/* ── LIGHTBOX ── */
.lb-overlay{display:none;position:fixed;inset:0;z-index:600;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out}
.lb-overlay.open{display:flex}
.lb-inner{position:relative;max-width:92vw;max-height:88vh;display:flex;align-items:center;justify-content:center}
.lb-img{max-width:92vw;max-height:88vh;object-fit:contain;display:block;box-shadow:0 20px 80px rgba(0,0,0,.6);cursor:default}
.lb-cap{position:absolute;bottom:-36px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(192,133,43,.7)}
.lb-close{position:fixed;top:20px;right:24px;z-index:10;background:none;border:none;color:rgba(242,223,170,.6);font-size:28px;cursor:pointer;line-height:1;transition:color .3s;padding:4px 8px}
.lb-close:hover{color:var(--gold-pale)}
.lb-prev,.lb-next{position:fixed;top:50%;transform:translateY(-50%);background:rgba(46,17,17,.55);border:1px solid rgba(192,133,43,.25);color:var(--gold-pale);font-size:20px;cursor:pointer;padding:14px 18px;z-index:10;transition:background .3s;line-height:1}
.lb-prev{left:16px}
.lb-next{right:16px}
.lb-prev:hover,.lb-next:hover{background:rgba(46,17,17,.85)}

/* ── VIDEO EMBED ── */
.video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-top:32px}
.video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

/* ══════════════════════════════════════
   RESPONSIVE — TABLET (max 900px)
══════════════════════════════════════ */
@media(max-width:900px){
  nav{padding:12px 20px}
  .nav-links{display:none}
  .nav-ham{display:flex}
  .hero-inner{padding:80px 24px 56px}
  .stats{grid-template-columns:1fr 1fr;max-width:100%}
  .sec{padding:64px 24px}
  .about-grid,.loc-grid,.am-layout,.contact-inner{grid-template-columns:1fr;gap:40px}
  .about-img-wrap{order:-1}
  .gallery-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:none!important;gap:6px!important}
  .gallery-grid .g-item{grid-column:auto!important;grid-row:auto!important;height:160px!important;max-height:160px!important}
  .gallery-grid .g-item.tall{grid-column:1/3!important;grid-row:auto!important;height:220px!important;max-height:220px!important}
  .facts-bar{padding:24px}
  .facts-inner{grid-template-columns:1fr 1fr}
  .inv-grid{grid-template-columns:1fr 1fr}
  .pp-grid{grid-template-columns:1fr}
  .units-grid{grid-template-columns:1fr 1fr}
  .contact-inner{padding:64px 24px}
  .form-grid{grid-template-columns:1fr}
  .fg.full,.f-btn,.f-err,.f-priv,.f-retry{grid-column:1}
  .disc{padding:16px 24px}
  footer{padding:40px 24px 24px}
  .footer-top{grid-template-columns:1fr;gap:36px}
  .footer-top>div{display:flex;flex-direction:column;align-items:center;text-align:center}
  .footer-top>div .fci{justify-content:flex-start}
  .footer-top>div .f-tag{text-align:center;max-width:100%}
  .footer-top>div .dld-block{width:100%;max-width:320px;text-align:left}
  .footer-bottom{justify-content:center;text-align:center}
  .wa-chat{width:260px}
  .masonry-grid{columns:2}
  .comm-panel.active{grid-template-columns:1fr;gap:28px}
  .comm-info{text-align:center}
  .comm-spec{text-align:center}
  .comm-spec-v{text-align:center;display:block;width:100%}
  .comm-spec-l{text-align:center;display:block;width:100%}
  .comm-specs-grid{width:100%}
  .comm-panel.active .btn-gold{margin:0 auto;display:block}
  .am-strip{height:200px}
}

/* ══════════════════════════════════════
   RESPONSIVE — MOBILE (max 480px)
══════════════════════════════════════ */
@media(max-width:480px){
  nav{padding:10px 16px}
  .nav-logo img{height:30px}
  .nav-btn{padding:8px 16px;font-size:8px;letter-spacing:2px}
  .hero-inner{padding:90px 20px 52px;text-align:center}
  .eyebrow{justify-content:center;font-size:8px}
  .eyebrow::before{display:none}
  .stats{grid-template-columns:1fr 1fr;max-width:100%;margin-left:auto;margin-right:auto;margin-bottom:32px}
  .cta-row{flex-direction:column;align-items:stretch;gap:10px}
  .btn-gold,.btn-ghost{width:100%;padding:16px 20px;font-size:9px}
  .sec{padding:52px 20px}
  .st{font-size:clamp(26px,8vw,38px)}
  .sl{justify-content:center;text-align:center}
  .sl::before{display:none}
  .about-grid{gap:32px}
  .units-grid{grid-template-columns:1fr}
  .am-list{grid-template-columns:1fr 1fr}
  .masonry-grid{columns:2}
  .gallery-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:none!important;gap:5px!important}
  .gallery-grid .g-item{grid-column:auto!important;grid-row:auto!important;height:150px!important;max-height:150px!important}
  .gallery-grid .g-item.tall{grid-column:1/3!important;grid-row:auto!important;height:200px!important;max-height:200px!important}
  .inv-grid{grid-template-columns:1fr}
  .pp-grid{grid-template-columns:1fr}
  .pp-dot{display:none}
  .modal-box{padding:32px 20px}
  .modal-title{font-size:24px}
  .facts-inner{grid-template-columns:1fr 1fr}
  .fact-item{padding:18px 14px}
  .fact-v{font-size:24px}
  footer{padding:36px 20px 24px}
  .footer-bottom{flex-direction:column;align-items:center;gap:12px;text-align:center}
  .disc{padding:16px 20px}
  .wa-wrap{bottom:20px;right:16px}
  .wa-chat{width:calc(100vw - 32px)}
  .lb-prev{left:4px;padding:10px 12px}
  .lb-next{right:4px;padding:10px 12px}
  .masonry-grid{columns:2}
  .am-strip{height:160px}
  .mfg-row{grid-template-columns:1fr}
  .hero-dots{right:20px;bottom:16px}
}

/* ── MULTI-STEP FORM ── */
.ms-progress{height:3px;background:rgba(192,133,43,.15);border-radius:2px;margin-bottom:10px;overflow:hidden}
.ms-bar{height:100%;background:var(--gold);border-radius:2px;transition:width .4s ease}
.ms-step-lbl{font-size:9px;letter-spacing:2px;color:rgba(192,133,43,.5);text-transform:uppercase;margin-bottom:24px}
.ms-step{display:none}
.ms-step.active{display:block;animation:msIn .32s ease both}
.ms-step.active.ms-back{animation:msInBack .32s ease both}
.ms-q{font-family:'Cormorant Garamond',serif;font-size:clamp(20px,3vw,24px);color:var(--ivory);font-weight:600;line-height:1.3;margin-bottom:6px}
.ms-hint{font-size:11px;color:rgba(192,133,43,.55);letter-spacing:.8px;margin-bottom:20px}
.ms-nxt{width:100%;padding:15px 24px;background:var(--gold);color:#1a0a0a;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;border:none;cursor:pointer;margin-top:14px;transition:opacity .2s}
.ms-nxt:hover{opacity:.85}
.ms-nxt:disabled{opacity:.5;cursor:not-allowed}
.ms-row{display:flex;gap:10px;align-items:center;margin-top:14px}
.ms-row .ms-nxt{flex:1;margin-top:0}
.ms-bck{padding:15px 14px;background:transparent;border:1px solid rgba(192,133,43,.3);color:rgba(192,133,43,.65);font-size:9px;letter-spacing:1.5px;cursor:pointer;transition:border-color .2s;white-space:nowrap;text-transform:uppercase}
.ms-bck:hover{border-color:var(--gold);color:var(--gold)}
.ms-err{font-size:11px;color:#e07070;margin-top:8px;min-height:14px}
@keyframes msIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@keyframes msInBack{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}

/* ── BRAND VIDEO ── */
.vid-sec{background:#0a0202;line-height:0;padding:52px 0;border-top:4px solid rgba(192,133,43,.18)}
.vid-wrap{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden}
.vid-wrap iframe,.vid-wrap #yt-player{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.vid-overlay{
  position:absolute;inset:0;z-index:10;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  background:rgba(10,2,2,.35);
  transition:background .3s;
}
.vid-overlay.playing{background:transparent}
.vid-overlay.playing:hover{background:rgba(0,0,0,.15)}
.vid-btn{
  width:72px;height:72px;border-radius:50%;
  background:rgba(192,133,43,.9);border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  transition:transform .25s,opacity .25s;pointer-events:none;
  flex-shrink:0;
}
.vid-overlay.playing .vid-btn{opacity:0}
.vid-overlay.playing:hover .vid-btn{opacity:1}
.vid-icon-play,.vid-icon-pause{width:22px;height:22px;fill:#1a0a0a;position:absolute}
.vid-icon-pause{display:none}
.vid-overlay.playing .vid-icon-play{display:none}
.vid-overlay.playing:hover .vid-icon-pause{display:block}
@media(max-width:768px){.vid-sec{padding:40px 0!important}}
@media(max-width:480px){.vid-btn{width:56px;height:56px}.vid-icon-play,.vid-icon-pause{width:18px;height:18px}}

/* ── ARADA LOGO — BLACK in about section ── */
.dev-badge-logo{filter:brightness(0)}

/* ── LOAD MORE BUTTON ── */
.load-more-wrap{display:flex;justify-content:center;margin-top:40px}
.load-more-btn{
  padding:14px 40px;background:transparent;
  border:1px solid rgba(192,133,43,.45);color:var(--gold-pale);
  font-size:9px;letter-spacing:2.5px;text-transform:uppercase;
  cursor:pointer;font-family:'Jost',sans-serif;transition:all .3s;
}
.load-more-btn:hover{background:var(--gold);color:#1a0a0a;border-color:var(--gold)}

/* ── PRICE TBA ── */
.price-tba{font-size:10px;letter-spacing:1.5px;color:rgba(192,133,43,.55);text-transform:uppercase}

/* ── MASTERPLAN POPUP — mobile fix ── */
@media(max-width:768px){
  .mp-popup{
    position:fixed!important;
    left:16px!important;right:16px!important;
    bottom:80px!important;top:auto!important;
    width:auto!important;max-width:none!important;
    transform:translateY(8px)!important;
    z-index:500;
  }
  .mp-popup.show{
    transform:translateY(0)!important;
    opacity:1!important;
  }
}

/* ── MOBILE NAV — logo left, register center, burger right ── */
@media(max-width:768px){
  nav{padding:12px 16px!important;position:fixed!important;justify-content:space-between}
  nav.scrolled{padding:9px 16px!important}
  .nav-links{display:none!important}
  .nav-logo{order:1;position:static!important;transform:none!important;flex:0 0 auto}
  .nav-btn{
    order:2;
    position:absolute;left:50%;transform:translateX(-50%);
    font-size:8px;padding:7px 14px;letter-spacing:1.5px;
    white-space:nowrap;
  }
  .nav-ham{display:flex!important;order:3}
}

/* ── MOBILE — center headings & body text ── */
@media(max-width:768px){
  .st{text-align:center}
  .sb{text-align:center}
  .sl{justify-content:center!important;text-align:center!important}
  .sl::before{display:none}
  .fu .sl,.fu .st,.fu .sb{text-align:center}
}

/* ── UNITS FILTER — mobile scrollable tabs ── */
@media(max-width:768px){
  .units-tabs{
    display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;
    gap:8px;padding-bottom:8px;flex-wrap:nowrap;justify-content:flex-start;
  }
  .units-tabs::-webkit-scrollbar{height:2px}
  .units-tabs::-webkit-scrollbar-thumb{background:rgba(192,133,43,.3)}
  .unit-tab{white-space:nowrap;flex-shrink:0;font-size:8px;padding:8px 14px}
}

/* ── PAYMENT SECTION — mobile centering ── */
@media(max-width:768px){
  .pp-ho{display:flex;width:100%;justify-content:center;box-sizing:border-box}
  .pay-methods{justify-content:center}
  .pay-method{flex:1 1 calc(50% - 6px);justify-content:center;text-align:center}
  .pp-note{text-align:center}
  .pp-note p{text-align:center}
  .pp-crypto-note{text-align:center}
}

#footer{display:none!important}

/* ============================================================
   FAQ SECTION — accordion using <details>/<summary>
   Matches Soprano cream/burgundy/gold language, mobile-first
   ============================================================ */
.faq-list{
  display:flex;flex-direction:column;
  border-top:1px solid rgba(192,133,43,.22);
  background:transparent;
}
.faq-item{
  border-bottom:1px solid rgba(192,133,43,.22);
  background:transparent;
  transition:background .25s ease;
}
.faq-item[open]{background:rgba(192,133,43,.04)}
.faq-q{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(17px,3.2vw,24px);
  font-weight:400;line-height:1.35;
  color:var(--burg-deep);
  padding:22px 56px 22px 0;
  cursor:pointer;
  list-style:none;
  position:relative;
  transition:color .25s ease;
  outline:none;
}
.faq-q::-webkit-details-marker{display:none}
.faq-q::marker{content:""}
.faq-q::after{
  content:'';
  position:absolute;right:6px;top:50%;
  width:14px;height:14px;
  transform:translateY(-50%);
  background-image:
    linear-gradient(var(--gold),var(--gold)),
    linear-gradient(var(--gold),var(--gold));
  background-size:14px 1.5px, 1.5px 14px;
  background-position:center center, center center;
  background-repeat:no-repeat;
  transition:transform .35s ease, background-size .25s ease;
}
.faq-item[open] .faq-q::after{
  background-size:14px 1.5px, 0 0;
  transform:translateY(-50%) rotate(180deg);
}
.faq-q:hover,
.faq-q:focus-visible{color:var(--gold)}
.faq-q:focus-visible{outline:1px dashed rgba(192,133,43,.5);outline-offset:4px}

.faq-a{
  padding:0 56px 26px 0;
  animation:faqFade .3s ease;
}
.faq-a p{
  font-family:'Jost',sans-serif;
  font-size:14px;font-weight:300;line-height:1.85;
  color:var(--grey);
  max-width:780px;
  margin-bottom:12px;
}
.faq-a p:last-child{margin-bottom:0}
.faq-a strong{color:var(--burg-deep);font-weight:500}
.faq-a em{font-style:italic;color:var(--gold)}
.faq-bullets{
  list-style:none;padding:0;margin:6px 0 12px;
  display:flex;flex-direction:column;gap:8px;
  max-width:780px;
}
.faq-bullets li{
  position:relative;padding-left:20px;
  font-family:'Jost',sans-serif;
  font-size:14px;font-weight:300;line-height:1.7;
  color:var(--grey);
}
.faq-bullets li::before{
  content:'';position:absolute;left:0;top:.85em;
  width:10px;height:1px;background:var(--gold);
}
.faq-bullets li strong{color:var(--burg-deep);font-weight:500}

@keyframes faqFade{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:none}
}

.faq-cta{
  margin-top:48px;padding:32px 28px;
  background:rgba(192,133,43,.06);
  border:1px solid rgba(192,133,43,.18);
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:18px;
}
.faq-cta-txt{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(16px,2.5vw,20px);
  font-weight:400;font-style:italic;
  color:var(--burg-deep);margin:0;
}

@media(max-width:768px){
  .faq-q{padding:18px 44px 18px 0;font-size:16px}
  .faq-a{padding:0 0 22px 0}
  .faq-a p,.faq-bullets li{font-size:13.5px}
  .faq-bullets{padding-left:0}
  .faq-cta{flex-direction:column;text-align:center;padding:26px 20px}
  .faq-cta .btn-gold{width:100%}
}

@media(max-width:480px){
  .faq-q{padding:16px 38px 16px 0}
  .faq-q::after{right:2px;width:12px;height:12px;background-size:12px 1.5px, 1.5px 12px}
  .faq-item[open] .faq-q::after{background-size:12px 1.5px, 0 0}
}

/* ============================================================
   LOCATION — NEARBY PLACES GRID
   ============================================================ */
.loc-nearby{
  border-top:1px solid rgba(192,133,43,.18);
  padding-top:48px;
}
.nearby-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:rgba(192,133,43,.15);
  border:1px solid rgba(192,133,43,.15);
}
.nearby-col{
  background:var(--cream);
  padding:24px 22px;
  transition:background .3s ease;
}
.nearby-col:hover{background:rgba(192,133,43,.04)}
.nearby-h{
  font-family:'Cormorant Garamond',serif;
  font-size:18px;font-weight:500;font-style:italic;
  color:var(--gold);
  letter-spacing:.4px;
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(192,133,43,.18);
}
.nearby-list{
  list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:8px;
}
.nearby-list li{
  font-family:'Jost',sans-serif;
  font-size:12.5px;font-weight:300;line-height:1.55;
  color:var(--grey);
}
.nearby-list li span{color:var(--gold);font-weight:400}
.nearby-note{
  font-size:10.5px;font-weight:300;letter-spacing:.5px;
  color:var(--grey-lt);margin-top:14px;text-align:left;
}

@media(max-width:900px){
  .nearby-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .nearby-grid{grid-template-columns:1fr}
  .nearby-col{padding:20px 18px}
  .loc-nearby{padding-top:36px}
  .nearby-note{text-align:center}
}