/* ═══════════════════════════════════════════════════════
   SCO PRIME v2 — Full Width Elementor Widgets
   Gold #D4AF37 · Silver #C0C0C0 · Dark theme
   ALL sections 100vw, zero horizontal gaps/padding
═══════════════════════════════════════════════════════ */

/* ─── CSS Variables ─── */
:root{
  --g:   #D4AF37;
  --gl:  #F0D060;
  --gd:  #A8860A;
  --gdd: #7A6000;
  --sv:  #C0C0C0;
  --svl: #E8E8E8;
  --svd: #888;
  --d:   #080808;
  --d2:  #0f0f0f;
  --d3:  #181818;
  --d4:  #222;
  --d5:  #2a2a2a;
  --w:   #fff;
  --tl:  #ccc;
  --ff-head: 'Playfair Display', Georgia, serif;
  --ff-body: 'Barlow', sans-serif;
  --ff-cap:  'Barlow Condensed', sans-serif;
  --r:  4px;
  --r2: 8px;
  --shadow: 0 8px 40px rgba(0,0,0,.5);
}

/* ─── Global full-width reset ─── */
.scop-rera-strip,
.scop-nav,
.scop-hero,
.scop-stats-bar,
.scop-section,
.scop-cta-banner,
.scop-footer,
.scop-floating-btns,
.scop-lightbox {
  width: 100%;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
  font-family: var(--ff-body);
  color: var(--w);
}

/* Ensure Elementor column has no extra padding around these */
.elementor-widget-scop_rera_navbar .elementor-widget-container,
.elementor-widget-scop_hero .elementor-widget-container,
.elementor-widget-scop_stats_bar .elementor-widget-container,
.elementor-widget-scop_connectivity .elementor-widget-container,
.elementor-widget-scop_why_us .elementor-widget-container,
.elementor-widget-scop_gallery .elementor-widget-container,
.elementor-widget-scop_construction .elementor-widget-container,
.elementor-widget-scop_leasing .elementor-widget-container,
.elementor-widget-scop_cta_banner .elementor-widget-container,
.elementor-widget-scop_about .elementor-widget-container,
.elementor-widget-scop_contact .elementor-widget-container,
.elementor-widget-scop_footer .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
}

/* ─── Override WP/theme body margins ─── */
.scop-fullwidth .site-header,
.scop-fullwidth .site-footer { display: none; }

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ═══════════════════════════════
   RERA STRIP
═══════════════════════════════ */
.scop-rera-strip{
  background: linear-gradient(90deg,var(--gd),var(--g) 50%,var(--gd));
  padding: 8px 24px;
  display: flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px 16px;
  font-family: var(--ff-cap);
  font-size: 11px; letter-spacing: 2px; font-weight: 700;
  color: #000; text-transform: uppercase;
  position: relative; z-index: 1002;
}
.scop-rera-badge{ font-size:12px; font-weight:900; }
.scop-rera-sep{ opacity:.5; }

/* ═══════════════════════════════
   NAVBAR
═══════════════════════════════ */
.scop-nav{
  background: rgba(8,8,8,.97);
  backdrop-filter: blur(24px);
  position: sticky; top: 0; z-index: 1001;
  border-bottom: 1px solid rgba(212,175,55,.25);
  padding: 0;
  transition: background .3s, box-shadow .3s;
}
.scop-nav.scop-scrolled{
  background: #000;
  box-shadow: 0 2px 32px rgba(0,0,0,.8);
}
.scop-nav-inner{
  max-width: 1440px; margin: 0 auto; padding: 0 32px;
  display: flex; align-items: center; justify-content: space-between;
  height: 70px;
}
.scop-logo{
  display:flex; align-items:center; gap:10px;
  text-decoration:none !important;
}
.scop-logo-img{ height:40px; width:auto; }
.scop-logo-text{
  font-family: var(--ff-head);
  font-size: 22px; font-weight: 900;
  color: var(--g) !important;
  display: flex; flex-direction:column;
  line-height:1.1;
}
.scop-logo-text small{
  font-family: var(--ff-cap);
  font-size: 9px; letter-spacing:4px; color:var(--sv);
  font-weight:500; text-transform:uppercase;
}
.scop-nav-menu{
  display:flex; list-style:none; align-items:center; gap:2px;
  margin:0; padding:0;
}
.scop-nav-menu li{ list-style:none; }
.scop-nav-menu a{
  display:block; padding:8px 11px;
  font-family: var(--ff-cap);
  font-size:11px; letter-spacing:2px; font-weight:600;
  color:var(--svl) !important; text-decoration:none !important;
  text-transform:uppercase; border-radius:3px;
  transition: color .25s, background .25s;
}
.scop-nav-menu a:hover, .scop-nav-menu a.scop-active{
  color:var(--g) !important; background:rgba(212,175,55,.09);
}
.scop-nav-phone{ color:var(--g) !important; }
.scop-nav-cta-btn{
  background:linear-gradient(135deg,var(--gd),var(--g)) !important;
  color:#000 !important; border-radius:3px !important; font-weight:700 !important;
  padding:10px 20px !important;
}
.scop-hamburger{
  display:none; flex-direction:column; gap:5px;
  background:none; border:none; cursor:pointer; padding:4px;
}
.scop-hamburger span{ display:block; width:26px; height:2px; background:var(--g); transition:.3s; }
.scop-mobile-menu{
  display:none; flex-direction:column; background:var(--d2);
  border-top: 1px solid rgba(212,175,55,.15);
}
.scop-mobile-menu.open{ display:flex; }
.scop-mobile-menu a{
  padding:13px 24px;
  font-family:var(--ff-cap); font-size:13px; letter-spacing:2px;
  color:var(--svl) !important; text-decoration:none !important;
  text-transform:uppercase; border-bottom:1px solid rgba(255,255,255,.05);
  transition:.2s;
}
.scop-mobile-menu a:hover{ color:var(--g) !important; background:rgba(212,175,55,.05); }
.scop-mob-cta{ background:linear-gradient(135deg,var(--gd),var(--g)) !important; color:#000 !important; font-weight:700 !important; }

/* ═══════════════════════════════
   HERO — 100vw full screen
═══════════════════════════════ */
.scop-hero{
  position:relative; overflow:hidden;
  display:flex; align-items:stretch;
  background:var(--d);
  min-height:100vh;
}
.scop-hero-bg{
  position:absolute; inset:0;
  background-size:cover; background-position:center; background-repeat:no-repeat;
  transform:scale(1.04);
  transition: transform 8s ease;
}
.scop-hero:hover .scop-hero-bg{ transform:scale(1.0); }
.scop-hero-overlay{
  position:absolute; inset:0; z-index:1;
  background:rgba(0,0,0,.75);
}
.scop-hero-wrap{
  position:relative; z-index:2;
  width:100%; max-width:1440px; margin:0 auto; padding:80px 48px 60px;
  display:grid; grid-template-columns:1fr 480px; gap:60px; align-items:center;
}
/* LEFT */
.scop-hero-left{ display:flex; flex-direction:column; gap:0; }
.scop-top-badge{
  display:inline-block; align-self:flex-start;
  background:linear-gradient(135deg,var(--gd),var(--g));
  color:#000; font-family:var(--ff-cap); font-size:11px; letter-spacing:4px; font-weight:700;
  padding:8px 20px; border-radius:2px; text-transform:uppercase;
  margin-bottom:20px;
}
.scop-hero-h1{
  font-family:var(--ff-head);
  font-size: clamp(36px,4.5vw,68px);
  font-weight:900; line-height:1.06; color:var(--w);
  margin-bottom:18px;
}
.scop-hero-h1 em{ color:var(--g); font-style:normal; }
.scop-hero-sub{
  color:var(--sv); font-size:16px; line-height:1.75; font-weight:300;
  margin-bottom:22px; max-width:600px;
}
.scop-cc-badge{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(212,175,55,.1); border:1px solid var(--g);
  color:var(--gl); font-family:var(--ff-cap); font-size:12px; letter-spacing:2px; font-weight:600;
  padding:10px 20px; border-radius:3px; text-transform:uppercase;
  margin-bottom:24px; align-self:flex-start;
}
.scop-tags-row{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }
.scop-tag{
  border:1px solid var(--svd); color:var(--svl);
  font-family:var(--ff-cap); font-size:11px; letter-spacing:2px; font-weight:600;
  padding:6px 14px; border-radius:2px; text-transform:uppercase;
  background:rgba(255,255,255,.04);
}
.scop-tag-gold{ border-color:var(--g); color:var(--gl); background:rgba(212,175,55,.08); }
.scop-hero-btns{ display:flex; gap:14px; flex-wrap:wrap; }
/* RIGHT */
.scop-form-card{
  background:rgba(15,15,15,.94);
  border:1px solid rgba(212,175,55,.22);
  border-radius:var(--r2); overflow:hidden;
  backdrop-filter:blur(20px);
  box-shadow: var(--shadow);
}
.scop-form-card-header{
  background:linear-gradient(135deg,var(--gdd),var(--gd));
  padding:20px 28px;
}
.scop-form-card-header h3{
  font-family:var(--ff-head); font-size:20px; color:var(--w); margin-bottom:4px;
}
.scop-form-card-header p{
  font-family:var(--ff-cap); font-size:11px; letter-spacing:2px; color:rgba(255,255,255,.7);
  text-transform:uppercase;
}
.scop-form{ padding:24px 28px; display:flex; flex-direction:column; gap:0; }

/* ═══════════════════════════════
   BUTTONS — GLOBAL
═══════════════════════════════ */
.scop-btn-gold{
  display:inline-block;
  background:linear-gradient(135deg,var(--gd),var(--g));
  color:#000 !important; text-decoration:none !important;
  font-family:var(--ff-cap); font-size:12px; letter-spacing:3px; font-weight:700;
  padding:15px 34px; border-radius:3px; text-transform:uppercase;
  transition:transform .25s, box-shadow .25s; border:none; cursor:pointer;
}
.scop-btn-gold:hover{ transform:translateY(-2px); box-shadow:0 12px 40px rgba(212,175,55,.4); }
.scop-btn-outline{
  display:inline-block;
  border:1px solid var(--sv); color:var(--svl) !important; text-decoration:none !important;
  font-family:var(--ff-cap); font-size:12px; letter-spacing:3px; font-weight:600;
  padding:14px 34px; border-radius:3px; text-transform:uppercase;
  transition:all .25s; cursor:pointer; background:transparent;
}
.scop-btn-outline:hover{ border-color:var(--g); color:var(--g) !important; background:rgba(212,175,55,.05); }

/* ═══════════════════════════════
   FORMS — GLOBAL
═══════════════════════════════ */
.scop-field{ margin-bottom:14px; }
.scop-field label{
  display:block; font-family:var(--ff-cap); font-size:10px; letter-spacing:2px;
  color:var(--svd); text-transform:uppercase; margin-bottom:5px;
}
.scop-field input,
.scop-field select,
.scop-field textarea{
  width:100%; background:rgba(255,255,255,.05);
  border:1px solid rgba(212,175,55,.2); color:var(--w);
  padding:12px 16px; border-radius:var(--r);
  font-family:var(--ff-body); font-size:14px; outline:none;
  transition:border-color .25s, background .25s;
  -webkit-appearance:none;
}
.scop-field input:focus,
.scop-field select:focus,
.scop-field textarea:focus{
  border-color:var(--g); background:rgba(212,175,55,.04);
}
.scop-field input::placeholder,
.scop-field textarea::placeholder{ color:var(--svd); }
.scop-field select option{ background:var(--d3); color:var(--w); }
.scop-field-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.scop-form-submit{
  width:100%; background:linear-gradient(135deg,var(--gd),var(--g));
  color:#000 !important; border:none; cursor:pointer;
  font-family:var(--ff-cap); font-size:12px; letter-spacing:3px; font-weight:800;
  padding:16px; border-radius:3px; text-transform:uppercase;
  transition:transform .25s, box-shadow .25s; margin-top:4px;
}
.scop-form-submit:hover{ transform:translateY(-2px); box-shadow:0 10px 36px rgba(212,175,55,.4); }
.scop-form-note{
  text-align:center; font-size:11px; color:var(--svd);
  margin-top:10px; font-family:var(--ff-cap); letter-spacing:1px;
}

/* ═══════════════════════════════
   STATS BAR — full width scrolling
═══════════════════════════════ */
.scop-stats-bar{
  background:linear-gradient(90deg,var(--d3),#131313,var(--d3));
  border-top:1px solid rgba(212,175,55,.2);
  border-bottom:1px solid rgba(212,175,55,.2);
  overflow:hidden; padding:0;
}
.scop-stats-track{
  display:flex; width:100%;
}
.scop-stats-scroll{
  animation: scop-marquee 28s linear infinite;
  width:max-content;
}
.scop-stats-inner{ display:flex; align-items:stretch; }
@keyframes scop-marquee{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}
.scop-stat-item{
  display:flex; align-items:center; gap:10px;
  padding:20px 36px;
  border-right:1px solid rgba(212,175,55,.12);
  white-space:nowrap; flex-shrink:0;
}
.scop-stat-icon{ font-size:22px; }
.scop-stat-num{
  font-family:var(--ff-head); font-size:28px; font-weight:700; color:var(--g);
}
.scop-stat-lbl{
  font-family:var(--ff-cap); font-size:11px; letter-spacing:2px; color:var(--svd);
  text-transform:uppercase;
}

/* ═══════════════════════════════
   SECTION COMMONS
═══════════════════════════════ */
.scop-section{
  background:var(--d); padding:90px 0; position:relative; overflow:hidden;
  background-size:cover; background-position:center; background-attachment:fixed;
}
.scop-section-bg-overlay{
  position:absolute; inset:0; background:rgba(0,0,0,.82); z-index:0;
}
.scop-section > *:not(.scop-section-bg-overlay){ position:relative; z-index:1; }
.scop-sec-hdr{
  text-align:center; padding:0 40px; margin-bottom:60px;
}
.scop-sec-tag{
  display:inline-block; font-family:var(--ff-cap); font-size:11px; letter-spacing:5px; font-weight:700;
  color:var(--g); text-transform:uppercase; margin-bottom:14px;
}
.scop-sec-title{
  font-family:var(--ff-head); font-size:clamp(32px,4vw,54px); font-weight:700;
  color:var(--w); line-height:1.12;
}
.scop-sec-title em{ color:var(--g); font-style:normal; }
.scop-sec-line{
  width:60px; height:3px;
  background:linear-gradient(90deg,var(--gd),var(--g)); margin:18px auto 0;
}
.scop-sec-sub{
  color:var(--svd); font-size:15px; margin-top:16px; max-width:700px; margin-left:auto; margin-right:auto; line-height:1.75;
}

/* ═══════════════════════════════
   CONNECTIVITY
═══════════════════════════════ */
.scop-conn-section{ background:var(--d2); }
.scop-highways-row{
  display:grid; grid-template-columns:repeat(3,1fr); gap:0;
  margin:0;
}
.scop-highway-card{
  background:var(--d3); padding:40px 32px;
  border-right:1px solid rgba(212,175,55,.1);
  border-top:3px solid var(--g);
  position:relative; overflow:hidden;
  transition:background .3s;
}
.scop-highway-card:last-child{ border-right:none; }
.scop-highway-card:hover{ background:var(--d4); }
.scop-hw-icon{ font-size:36px; margin-bottom:12px; display:block; }
.scop-hw-badge{
  display:inline-block; font-family:var(--ff-cap); font-size:10px; letter-spacing:3px; font-weight:700;
  color:var(--g); text-transform:uppercase; background:rgba(212,175,55,.1);
  padding:4px 12px; border-radius:2px; margin-bottom:12px;
}
.scop-highway-card h3{
  font-family:var(--ff-head); font-size:22px; color:var(--w); margin-bottom:10px;
}
.scop-highway-card p{ color:var(--svd); font-size:14px; line-height:1.7; }
.scop-conn-bottom{
  display:grid; grid-template-columns:1fr 1fr; gap:0;
  margin-top:0; border-top:1px solid rgba(212,175,55,.1);
}
.scop-conn-map{
  position:relative; overflow:hidden; min-height:380px;
  background:var(--d4);
}
.scop-map-img{ width:100%; height:100%; object-fit:cover; display:block; }
.scop-map-caption{
  position:absolute; bottom:0; left:0; right:0;
  background:linear-gradient(to top,rgba(0,0,0,.85),transparent);
  padding:20px 24px;
  font-family:var(--ff-cap); font-size:12px; letter-spacing:2px; color:var(--g); text-transform:uppercase;
}
.scop-distance-grid{
  background:var(--d3); padding:40px;
  display:flex; flex-direction:column; gap:0;
}
.scop-dist-title{
  font-family:var(--ff-head); font-size:20px; color:var(--g);
  margin-bottom:20px; padding-bottom:16px;
  border-bottom:1px solid rgba(212,175,55,.15);
}
.scop-dist-item{
  display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:12px;
  padding:12px 0; border-bottom:1px solid rgba(255,255,255,.04);
}
.scop-dist-item:last-child{ border-bottom:none; }
.scop-dist-icon{ font-size:20px; text-align:center; }
.scop-dist-place{ font-size:14px; color:var(--svl); }
.scop-dist-val{
  font-family:var(--ff-cap); font-size:13px; letter-spacing:1px;
  color:var(--g); font-weight:700; white-space:nowrap;
}

/* ═══════════════════════════════
   WHY US
═══════════════════════════════ */
.scop-why-section{ background:var(--d); background-size:cover; background-position:center; }
.scop-why-grid{
  display:grid; gap:1px;
  background:rgba(212,175,55,.08);
  margin:0;
}
.scop-cols-2{ grid-template-columns:repeat(2,1fr); }
.scop-cols-3{ grid-template-columns:repeat(3,1fr); }
.scop-cols-4{ grid-template-columns:repeat(4,1fr); }
.scop-why-card{
  background:var(--d3); padding:44px 36px;
  position:relative; overflow:hidden;
  transition:background .35s, transform .35s;
}
.scop-why-card::before{
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,var(--gd),var(--g));
}
.scop-why-card:hover{ background:var(--d4); transform:translateY(-4px); }
.scop-why-icon-wrap{
  width:60px; height:60px; border-radius:50%;
  background:rgba(212,175,55,.1); border:1px solid rgba(212,175,55,.2);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:18px;
}
.scop-why-icon{ font-size:26px; }
.scop-why-card h4{
  font-family:var(--ff-head); font-size:19px; color:var(--g); margin-bottom:10px;
}
.scop-why-card p{ color:var(--svd); font-size:14px; line-height:1.75; }
.scop-why-stat{
  display:inline-block; margin-top:16px;
  background:rgba(212,175,55,.1); color:var(--gl);
  font-family:var(--ff-cap); font-size:10px; letter-spacing:3px; font-weight:700;
  padding:5px 12px; border-radius:2px; text-transform:uppercase;
}
.scop-why-card-glow{
  position:absolute; bottom:-60px; right:-60px;
  width:180px; height:180px; border-radius:50%;
  background:radial-gradient(circle,rgba(212,175,55,.06),transparent 70%);
  pointer-events:none;
}

/* ═══════════════════════════════
   GALLERY
═══════════════════════════════ */
.scop-gallery-section{ background:var(--d2); }
.scop-gal-tabs{
  display:flex; justify-content:center; gap:8px; flex-wrap:wrap;
  padding:0 40px; margin-bottom:40px;
}
.scop-gal-tab{
  background:var(--d3); border:1px solid rgba(212,175,55,.15); color:var(--svd);
  font-family:var(--ff-cap); font-size:11px; letter-spacing:3px; font-weight:600;
  padding:10px 24px; border-radius:3px; cursor:pointer; transition:.25s; text-transform:uppercase;
}
.scop-gal-tab.active,.scop-gal-tab:hover{
  background:linear-gradient(135deg,var(--gd),var(--g)); color:#000; border-color:transparent;
}
.scop-gal-masonry{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:240px;
  gap:4px; margin:0;
}
.scop-gal-featured{
  grid-column:span 2;
  grid-row:span 2;
}
.scop-gal-item{
  position:relative; overflow:hidden; cursor:pointer;
  background:var(--d3);
}
.scop-gal-item img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .5s, filter .4s;
  filter:brightness(.7) saturate(.8);
}
.scop-gal-item:hover img{ transform:scale(1.07); filter:brightness(.9) saturate(1); }
.scop-gal-overlay{
  position:absolute; inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 55%);
  display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start;
  padding:16px; opacity:0; transition:opacity .3s;
}
.scop-gal-item:hover .scop-gal-overlay{ opacity:1; }
.scop-gal-caption{
  font-family:var(--ff-cap); font-size:11px; letter-spacing:2px; color:var(--g); text-transform:uppercase;
}
.scop-gal-zoom{ font-size:20px; position:absolute; top:14px; right:14px; color:var(--g); }
.scop-gal-cat-badge{
  position:absolute; top:10px; left:10px;
  background:rgba(0,0,0,.7); color:var(--g);
  font-family:var(--ff-cap); font-size:9px; letter-spacing:2px; font-weight:700;
  padding:3px 8px; border-radius:2px; text-transform:uppercase;
}

/* Lightbox */
.scop-lightbox{
  position:fixed; inset:0; background:rgba(0,0,0,.94);
  z-index:99999; display:none; align-items:center; justify-content:center;
}
.scop-lightbox.scop-lb-open{ display:flex; }
.scop-lb-close{
  position:fixed; top:20px; right:28px;
  color:var(--g); font-size:32px; cursor:pointer;
  background:none; border:none; line-height:1; z-index:100000;
  transition:transform .2s;
}
.scop-lb-close:hover{ transform:scale(1.2); }
.scop-lb-content{
  width:90%; max-width:1100px; position:relative;
  display:flex; flex-direction:column; align-items:center; gap:12px;
}
.scop-lb-content img{
  max-width:100%; max-height:85vh; object-fit:contain;
  border:1px solid rgba(212,175,55,.2); border-radius:4px;
}
.scop-lb-caption{
  font-family:var(--ff-cap); font-size:12px; letter-spacing:2px;
  color:var(--g); text-transform:uppercase; text-align:center;
}

/* ═══════════════════════════════
   CONSTRUCTION
═══════════════════════════════ */
.scop-const-section{ background:var(--d); }
.scop-progress-section{
  padding:0 48px 50px;
}
.scop-progress-title{
  font-family:var(--ff-head); font-size:24px; color:var(--g);
  margin-bottom:28px; padding-bottom:16px;
  border-bottom:1px solid rgba(212,175,55,.15);
}
.scop-progress-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px 40px;
}
.scop-progress-item{}
.scop-progress-header{
  display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;
}
.scop-progress-label{ font-size:13px; color:var(--svl); font-family:var(--ff-cap); letter-spacing:1px; }
.scop-progress-pct{ font-family:var(--ff-head); font-size:16px; color:var(--g); font-weight:700; }
.scop-progress-bar{
  background:rgba(255,255,255,.08); border-radius:4px; height:6px; overflow:hidden;
}
.scop-progress-fill{
  height:100%; border-radius:4px;
  background:linear-gradient(90deg,var(--gd),var(--g));
  transition:width 1.5s cubic-bezier(.17,.67,.38,.99);
}
.scop-const-video-row{
  display:grid; grid-template-columns:repeat(3,1fr); gap:0;
  border-top:1px solid rgba(212,175,55,.1);
}
.scop-video-card{
  background:var(--d3); cursor:pointer;
  border-right:1px solid rgba(212,175,55,.08);
  transition:background .3s;
}
.scop-video-card:last-child{ border-right:none; }
.scop-video-card:hover{ background:var(--d4); }
.scop-video-thumb{
  position:relative; overflow:hidden; height:200px; background:var(--d4);
}
.scop-video-thumb img{ width:100%; height:100%; object-fit:cover; display:block; opacity:.65; transition:.3s; }
.scop-video-card:hover .scop-video-thumb img{ opacity:.85; }
.scop-play-btn{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:60px; height:60px; border-radius:50%;
  background:linear-gradient(135deg,var(--gd),var(--g));
  display:flex; align-items:center; justify-content:center;
  font-size:20px; color:#000; transition:.3s;
}
.scop-video-card:hover .scop-play-btn{ transform:translate(-50%,-50%) scale(1.1); }
.scop-video-date-badge{
  position:absolute; top:10px; right:10px;
  background:rgba(0,0,0,.75); color:var(--g);
  font-family:var(--ff-cap); font-size:10px; letter-spacing:2px; font-weight:700;
  padding:4px 10px; border-radius:2px; text-transform:uppercase;
}
.scop-video-body{ padding:20px 24px; }
.scop-video-body h4{ font-family:var(--ff-head); font-size:16px; color:var(--w); margin-bottom:6px; }
.scop-video-body p{ color:var(--svd); font-size:13px; line-height:1.65; }
.scop-site-photos-title{
  padding:40px 48px 20px;
  font-family:var(--ff-cap); font-size:12px; letter-spacing:4px; color:var(--g); text-transform:uppercase;
  border-top:1px solid rgba(212,175,55,.1);
}
.scop-site-photo-grid{
  display:grid; grid-template-columns:repeat(6,1fr); gap:4px; margin:0;
}
.scop-site-photo{
  position:relative; overflow:hidden; height:160px; cursor:pointer; background:var(--d3);
}
.scop-site-photo img{ width:100%; height:100%; object-fit:cover; display:block; transition:.4s; }
.scop-site-photo:hover img{ transform:scale(1.08); }
.scop-site-photo-overlay{
  position:absolute; inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 50%);
  display:flex; flex-direction:column; justify-content:flex-end; padding:12px;
  opacity:0; transition:.3s;
}
.scop-site-photo:hover .scop-site-photo-overlay{ opacity:1; }
.scop-site-photo-cap{ font-family:var(--ff-cap); font-size:10px; letter-spacing:2px; color:var(--g); text-transform:uppercase; }
.scop-site-photo-date{ font-size:11px; color:var(--svd); margin-top:2px; }

/* ═══════════════════════════════
   LEASING
═══════════════════════════════ */
.scop-lease-section{
  background:var(--d2);
  background-size:cover; background-position:center;
}
.scop-lease-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:0;
}
.scop-lease-left{
  padding:60px 48px 60px;
  background:var(--d2);
}
.scop-lease-h2{
  font-family:var(--ff-head); font-size:clamp(30px,3.5vw,46px); color:var(--w); line-height:1.1; margin-bottom:18px;
}
.scop-lease-h2 em{ color:var(--g); font-style:normal; }
.scop-lease-body{ color:var(--svd); font-size:15px; line-height:1.8; margin-bottom:28px; }
.scop-lease-features{ list-style:none; padding:0; }
.scop-lease-features li{
  display:flex; align-items:flex-start; gap:14px;
  padding:12px 0; border-bottom:1px solid rgba(255,255,255,.05);
  color:var(--tl); font-size:14px; line-height:1.5;
}
.scop-lease-features li:last-child{ border-bottom:none; }
.scop-feature-icon{ font-size:18px; flex-shrink:0; margin-top:1px; }
.scop-lease-right{
  background:var(--d3); padding:60px 48px;
  border-left:1px solid rgba(212,175,55,.12);
}
.scop-lease-form-box h3{
  font-family:var(--ff-head); font-size:26px; color:var(--g); margin-bottom:6px;
}
.scop-lease-form-box > p{ color:var(--svd); font-size:13px; margin-bottom:24px; }

/* ═══════════════════════════════
   CTA BANNER — full-bleed
═══════════════════════════════ */
.scop-cta-banner{
  position:relative; overflow:hidden;
  background-size:cover; background-position:center;
  background-color:var(--d3);
  padding:100px 0;
}
.scop-cta-overlay{
  position:absolute; inset:0; background:rgba(0,0,0,.82); z-index:0;
}
.scop-cta-inner{
  position:relative; z-index:1;
  max-width:1100px; margin:0 auto; padding:0 48px; text-align:center;
}
.scop-cta-tag{
  display:inline-block; font-family:var(--ff-cap); font-size:11px; letter-spacing:5px; font-weight:700;
  color:var(--g); text-transform:uppercase; margin-bottom:16px;
}
.scop-cta-h2{
  font-family:var(--ff-head); font-size:clamp(32px,4vw,58px); color:var(--w); line-height:1.1; margin-bottom:14px;
}
.scop-cta-h2 em{ color:var(--g); font-style:normal; }
.scop-cta-body{ color:var(--svd); font-size:16px; margin-bottom:44px; max-width:600px; margin-left:auto; margin-right:auto; }
.scop-cta-boxes{
  display:grid; grid-template-columns:repeat(3,1fr); gap:16px; text-align:left;
}
.scop-cta-box{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(212,175,55,.18); border-radius:var(--r2);
  padding:24px 22px; text-decoration:none !important;
  display:flex; align-items:flex-start; gap:14px;
  transition:background .3s, border-color .3s, transform .3s;
}
.scop-cta-box:hover{ background:rgba(212,175,55,.08); border-color:var(--g); transform:translateY(-4px); }
.scop-cta-box-icon{ font-size:26px; flex-shrink:0; }
.scop-cta-box-num{
  font-family:var(--ff-head); font-size:36px; color:var(--g); line-height:1; flex-shrink:0;
}
.scop-cta-box-text{ flex:1; }
.scop-cta-box-text strong{
  display:block; font-family:var(--ff-cap); font-size:13px; letter-spacing:1px;
  color:var(--w); text-transform:uppercase; margin-bottom:4px;
}
.scop-cta-box-text span{ font-size:12px; color:var(--svd); }
.scop-cta-arrow{ font-size:24px; color:var(--g); align-self:center; margin-left:auto; }

/* ═══════════════════════════════
   ABOUT
═══════════════════════════════ */
.scop-about-section{ background:var(--d2); }
.scop-about-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:0;
}
.scop-about-images{
  position:relative; background:var(--d3); overflow:hidden;
}
.scop-about-main-img{
  position:relative; height:520px; overflow:hidden;
}
.scop-about-main-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.scop-about-certs{
  position:absolute; bottom:0; left:0; right:0;
  background:linear-gradient(to top,rgba(0,0,0,.9),transparent);
  padding:20px 24px; display:flex; flex-wrap:wrap; gap:8px;
}
.scop-cert-badge{
  background:rgba(0,0,0,.7); border:1px solid rgba(212,175,55,.3);
  color:var(--g); font-family:var(--ff-cap); font-size:10px; letter-spacing:2px; font-weight:700;
  padding:5px 12px; border-radius:2px; text-transform:uppercase;
}
.scop-about-inset-img{
  position:absolute; bottom:160px; right:20px;
  width:160px; height:120px; border:3px solid var(--g); border-radius:4px; overflow:hidden;
  box-shadow: var(--shadow);
}
.scop-about-inset-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.scop-about-stats-row{
  display:grid; grid-template-columns:repeat(4,1fr); gap:0;
  border-top:1px solid rgba(212,175,55,.12);
}
.scop-about-stat{
  display:flex; flex-direction:column; align-items:center;
  padding:20px 16px; border-right:1px solid rgba(212,175,55,.1);
  text-align:center;
}
.scop-about-stat:last-child{ border-right:none; }
.scop-about-stat-icon{ font-size:22px; margin-bottom:4px; }
.scop-about-stat-num{ font-family:var(--ff-head); font-size:26px; color:var(--g); font-weight:700; }
.scop-about-stat-lbl{ font-family:var(--ff-cap); font-size:9px; letter-spacing:2px; color:var(--svd); text-transform:uppercase; }
.scop-about-text{
  padding:70px 56px;
  display:flex; flex-direction:column; justify-content:center;
}
.scop-about-text .scop-sec-tag{ margin-bottom:16px; }
.scop-about-text h2{
  font-family:var(--ff-head); font-size:clamp(30px,3vw,44px); color:var(--w); line-height:1.15; margin-bottom:22px;
}
.scop-about-text h2 em{ color:var(--g); font-style:normal; }
.scop-about-text p{ color:var(--svd); font-size:15px; line-height:1.85; margin-bottom:16px; }
.scop-about-btns{ display:flex; gap:14px; flex-wrap:wrap; margin-top:16px; }

/* ═══════════════════════════════
   CONTACT
═══════════════════════════════ */
.scop-contact-section{
  background:var(--d); background-size:cover; background-position:center;
}
.scop-contact-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:0;
}
.scop-contact-left{
  padding:60px 48px; background:var(--d2);
}
.scop-contact-h2{
  font-family:var(--ff-head); font-size:clamp(28px,3vw,40px); color:var(--w); line-height:1.2; margin-bottom:32px;
}
.scop-contact-h2 em{ color:var(--g); font-style:normal; }
.scop-contact-cards{ display:flex; flex-direction:column; gap:12px; }
.scop-contact-card{
  display:flex; align-items:flex-start; gap:14px;
  background:var(--d3); border:1px solid rgba(212,175,55,.1);
  border-radius:var(--r2); padding:16px 18px;
  text-decoration:none !important; transition:.25s;
}
.scop-contact-card:hover{ border-color:var(--g); background:var(--d4); }
.scop-wa-card:hover{ border-color:#25D366; }
.scop-rera-card{ border-color:rgba(212,175,55,.25); }
.scop-cc-icon{ font-size:22px; flex-shrink:0; margin-top:2px; }
.scop-contact-card > div{ display:flex; flex-direction:column; gap:2px; }
.scop-contact-card strong{
  font-family:var(--ff-cap); font-size:10px; letter-spacing:2px; color:var(--svd); text-transform:uppercase;
}
.scop-contact-card span{ font-size:15px; color:var(--w); font-weight:500; }
.scop-rera-gold{ color:var(--g) !important; font-weight:700 !important; }
.scop-contact-right{
  padding:60px 48px; background:var(--d3);
  border-left:1px solid rgba(212,175,55,.1);
}
.scop-contact-form-box h3{
  font-family:var(--ff-head); font-size:26px; color:var(--g); margin-bottom:6px;
}
.scop-contact-form-box > p{ color:var(--svd); font-size:13px; margin-bottom:24px; }

/* ═══════════════════════════════
   FOOTER
═══════════════════════════════ */
.scop-footer{
  background:var(--d2); border-top:1px solid rgba(212,175,55,.15);
}
.scop-footer-top{
  display:grid; grid-template-columns:2fr 1fr 1fr 1fr;
  gap:0; border-bottom:1px solid rgba(212,175,55,.1);
}
.scop-footer-brand,.scop-footer-col{
  padding:52px 40px;
  border-right:1px solid rgba(212,175,55,.08);
}
.scop-footer-col:last-child{ border-right:none; }
.scop-footer-logo{ height:40px; width:auto; margin-bottom:12px; display:block; }
.scop-footer-brand-name{
  font-family:var(--ff-head); font-size:24px; font-weight:900; color:var(--g); margin-bottom:2px;
}
.scop-footer-brand-sub{
  font-family:var(--ff-cap); font-size:10px; letter-spacing:4px; color:var(--sv);
  text-transform:uppercase; margin-bottom:16px;
}
.scop-footer-desc{ color:var(--svd); font-size:13px; line-height:1.8; margin-bottom:20px; }
.scop-footer-rera-badge{
  background:rgba(212,175,55,.08); border:1px solid rgba(212,175,55,.2);
  color:var(--g); font-family:var(--ff-cap); font-size:10px; letter-spacing:2px; font-weight:700;
  padding:8px 14px; border-radius:3px; text-transform:uppercase; display:inline-block;
}
.scop-footer-col h4{
  font-family:var(--ff-cap); font-size:11px; letter-spacing:3px; color:var(--g); text-transform:uppercase;
  margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid rgba(212,175,55,.12);
}
.scop-footer-col ul{ list-style:none; padding:0; margin:0; }
.scop-footer-col li{ margin-bottom:10px; }
.scop-footer-col a{
  color:var(--svd) !important; text-decoration:none !important; font-size:13px; transition:.2s;
  display:flex; align-items:center; gap:6px;
}
.scop-footer-col a:hover{ color:var(--g) !important; padding-left:4px; }
.scop-footer-col span{ color:var(--svd); font-size:13px; display:flex; align-items:flex-start; gap:6px; }
.scop-footer-bottom{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;
  padding:20px 40px; background:var(--d);
}
.scop-footer-bottom p{ color:var(--svd); font-size:12px; }
.scop-footer-rera-small{
  font-family:var(--ff-cap); font-size:11px; letter-spacing:2px; color:var(--g); text-transform:uppercase;
}
.scop-footer-disclaimer{
  padding:14px 40px; background:var(--d);
  border-top:1px solid rgba(255,255,255,.04);
  color:var(--svd); font-size:11px; line-height:1.6; opacity:.7;
  text-align:center;
}

/* ═══════════════════════════════
   FLOATING BUTTONS
═══════════════════════════════ */
.scop-floating-btns{
  position:fixed; z-index:99999;
  display:flex; flex-direction:column; gap:12px;
}
.scop-float-wrap{ position:relative; display:flex; align-items:center; justify-content:flex-end; }
.scop-float-btn{
  width:54px; height:54px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  text-decoration:none !important;
  box-shadow:0 4px 20px rgba(0,0,0,.5); transition:transform .25s, box-shadow .25s;
  position:relative;
}
.scop-float-btn:hover{ transform:scale(1.12) translateY(-2px); box-shadow:0 8px 32px rgba(0,0,0,.6); }
.scop-float-wa{ background:#25D366; color:#fff !important; }
.scop-float-call{ background:linear-gradient(135deg,var(--gd),var(--g)); color:#000 !important; }
.scop-float-btn svg{ flex-shrink:0; }
.scop-float-label{
  position:absolute; right:64px;
  background:var(--d3); color:var(--w);
  font-family:var(--ff-cap); font-size:11px; letter-spacing:2px; font-weight:600;
  padding:6px 14px; border-radius:3px; white-space:nowrap;
  opacity:0; transition:opacity .25s; pointer-events:none;
  border:1px solid rgba(212,175,55,.2); text-transform:uppercase;
}
.scop-float-btn:hover .scop-float-label{ opacity:1; }
@keyframes scop-pulse{
  0%,100%{ box-shadow:0 0 0 0 rgba(37,211,102,.4); }
  70%{ box-shadow:0 0 0 12px rgba(37,211,102,0); }
}
.scop-pulse{ animation: scop-pulse 2s infinite; }

/* ═══════════════════════════════
   RESPONSIVE
═══════════════════════════════ */
@media(max-width:1200px){
  .scop-hero-wrap{ grid-template-columns:1fr; }
  .scop-hero-right{ display:none; }
  .scop-highways-row{ grid-template-columns:repeat(3,1fr); }
  .scop-gal-masonry{ grid-template-columns:repeat(3,1fr); }
  .scop-cta-boxes{ grid-template-columns:1fr 1fr; }
  .scop-footer-top{ grid-template-columns:1fr 1fr; }
  .scop-site-photo-grid{ grid-template-columns:repeat(4,1fr); }
}
@media(max-width:960px){
  .scop-nav-menu{ display:none; }
  .scop-hamburger{ display:flex; }
  .scop-conn-bottom{ grid-template-columns:1fr; }
  .scop-highways-row{ grid-template-columns:1fr 1fr; }
  .scop-const-video-row{ grid-template-columns:1fr 1fr; }
  .scop-about-grid{ grid-template-columns:1fr; }
  .scop-contact-grid{ grid-template-columns:1fr; }
  .scop-lease-grid{ grid-template-columns:1fr; }
  .scop-gal-masonry{ grid-template-columns:1fr 1fr; }
  .scop-gal-featured{ grid-column:span 2; }
  .scop-progress-grid{ grid-template-columns:1fr 1fr; }
  .scop-cols-3{ grid-template-columns:1fr 1fr; }
  .scop-cols-4{ grid-template-columns:1fr 1fr; }
}
@media(max-width:680px){
  .scop-rera-strip{ flex-direction:column; gap:4px; text-align:center; }
  .scop-rera-sep{ display:none; }
  .scop-section{ padding:60px 0; }
  .scop-sec-hdr{ padding:0 20px; margin-bottom:40px; }
  .scop-highways-row{ grid-template-columns:1fr; }
  .scop-progress-grid{ grid-template-columns:1fr; }
  .scop-const-video-row{ grid-template-columns:1fr; }
  .scop-site-photo-grid{ grid-template-columns:repeat(2,1fr); }
  .scop-gal-masonry{ grid-template-columns:1fr; grid-auto-rows:220px; }
  .scop-gal-featured{ grid-column:auto; grid-row:auto; }
  .scop-cta-boxes{ grid-template-columns:1fr; }
  .scop-footer-top{ grid-template-columns:1fr; }
  .scop-footer-brand,.scop-footer-col{ padding:36px 20px; }
  .scop-footer-bottom{ padding:16px 20px; flex-direction:column; text-align:center; }
  .scop-lease-left,.scop-lease-right,.scop-contact-left,.scop-contact-right{ padding:40px 20px; }
  .scop-about-text{ padding:40px 20px; }
  .scop-progress-section{ padding:0 20px 40px; }
  .scop-site-photos-title{ padding:30px 20px 16px; }
  .scop-cols-2,.scop-cols-3,.scop-cols-4{ grid-template-columns:1fr; }
  .scop-stats-bar{ overflow:hidden; }
  .scop-field-row{ grid-template-columns:1fr; }
  .scop-hero-wrap{ padding:50px 20px 40px; }
  .scop-nav-inner{ padding:0 16px; }
  .scop-about-stats-row{ grid-template-columns:1fr 1fr; }
}