*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#0C1F3F;--navy-light:#152847;--navy-mid:#1E3A5F;
  --gold:#C4962A;--gold-light:#DDB85A;
  --white:#FFFFFF;--cream:#FAF8F5;--cream-dark:#EDE8E0;
  --text:#1C1C2E;--muted:#64748B;--border:#E2E8F0;
  --shadow:0 8px 32px rgba(0,0,0,.10);--shadow-lg:0 20px 60px rgba(0,0,0,.15);
  --r:12px;--tr:all .3s ease;
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;font-size:16px;line-height:1.7;color:var(--text);background:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;line-height:1.2;font-weight:400}
a{text-decoration:none;color:inherit}

/* CONTAINER */
.container{max-width:1280px;margin:0 auto;padding:0 24px}

/* BUTTONS — unified style matching portfolio */
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#fff;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:12px 28px;border-radius:6px;transition:var(--tr);border:1.5px solid var(--gold)}
.btn-primary:hover{background:var(--gold-light);border-color:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(196,150,42,.3)}
.btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:12px 28px;border-radius:6px;border:1.5px solid rgba(255,255,255,.45);transition:var(--tr)}
.btn-outline:hover{background:rgba(255,255,255,.12);border-color:#fff}
.btn-navy{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn-navy:hover{background:var(--navy-mid);border-color:var(--navy-mid);box-shadow:0 8px 24px rgba(12,31,63,.3)}

/* BADGE */
.badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px}
.badge-gold{color:var(--gold)}
.badge-navy{color:var(--navy)}
.badge-white{color:rgba(255,255,255,.7)}

/* SECTION */
.section{padding:100px 0}
.section-dark{background:var(--navy)}
.section-cream{background:var(--cream)}
.section-title{font-size:clamp(36px,4vw,56px);margin-bottom:20px}
.section-title em{font-style:italic;color:var(--gold)}
.section-sub{font-size:17px;color:var(--muted);max-width:580px;font-weight:300;line-height:1.8}
.section-sub-white{color:rgba(255,255,255,.65)}
.text-center{text-align:center}
.text-center .section-sub{margin:0 auto}

/* NAVBAR */
#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between;transition:var(--tr);background:rgba(12,31,63,.92);backdrop-filter:blur(12px)}
#navbar.scrolled{background:rgba(12,31,63,.97);box-shadow:0 4px 24px rgba(0,0,0,.2)}
.nav-links a.nav-active{color:var(--gold)}
.mobile-link.nav-active{color:var(--gold)!important}
.nav-logo{display:inline-flex;align-items:center;text-decoration:none;line-height:1;gap:0}
.logo-gem{width:9px;height:9px;background:linear-gradient(135deg,var(--gold),var(--gold-light));transform:rotate(45deg);flex-shrink:0;margin-right:12px;box-shadow:0 0 8px rgba(196,150,42,.55);border-radius:1px}
.logo-vn{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:700;color:var(--gold);letter-spacing:3px;text-transform:uppercase;line-height:1}
.logo-sep{display:inline-block;width:1.5px;height:17px;background:linear-gradient(to bottom,transparent,rgba(196,150,42,.6),transparent);margin:0 11px;flex-shrink:0;align-self:center}
.logo-name{font-family:'Cormorant Garamond',serif;font-size:23px;font-weight:600;color:#fff;letter-spacing:.5px;font-style:italic;line-height:1}
.nav-links{display:flex;align-items:center;gap:8px}
.nav-links a{font-size:13px;font-weight:500;color:rgba(255,255,255,.8);padding:8px 14px;border-radius:4px;transition:var(--tr);letter-spacing:.5px}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.08)}
.nav-cta{font-family:'Inter',sans-serif;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;background:var(--gold);color:#fff;padding:10px 22px;border-radius:6px;border:1.5px solid var(--gold);transition:var(--tr);white-space:nowrap}
.nav-cta:hover{background:var(--gold-light);border-color:var(--gold-light);transform:translateY(-1px)}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.hamburger span{display:block;width:24px;height:2px;background:#fff;transition:var(--tr);border-radius:2px}
.mobile-menu{display:none;position:fixed;inset:0;top:72px;background:var(--navy);z-index:999;flex-direction:column;padding:32px 24px;gap:4px}
.mobile-menu.open{display:flex}
.mobile-menu a{font-size:16px;font-weight:500;color:rgba(255,255,255,.85);padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);transition:var(--tr)}
.mobile-menu a:hover{color:var(--gold)}
.mobile-menu .btn-primary{margin-top:16px;justify-content:center}

/* HERO SLIDER */
#home{position:relative;min-height:100vh;display:flex;flex-direction:column;background:var(--navy);overflow:hidden}
/* Background image slides */
.hero-slides{position:absolute;inset:0;z-index:1}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease}
.hero-slide.active{opacity:1}
/* Overlay */
.hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,rgba(12,31,63,.35) 0%,rgba(12,31,63,.5) 55%,rgba(12,31,63,.75) 100%)}
/* Content */
.hero-inner{position:relative;z-index:4;flex:1;display:flex;align-items:center;justify-content:center;padding:140px 0 56px;text-align:center}
.hero-slides-content{display:grid;width:100%;max-width:840px;margin:0 auto}
.hero-content{grid-area:1/1;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s ease;pointer-events:none}
.hero-content.active{opacity:1;transform:none;pointer-events:auto}
.hero-label{display:inline-block;font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.72);margin-bottom:20px}
.hero-h1{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,6vw,76px);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:20px}
.hero-h1 em{color:var(--gold);font-style:italic}
.hero-sub{font-size:clamp(15px,1.4vw,18px);color:rgba(255,255,255,.72);font-weight:300;line-height:1.8;margin:0 auto 40px;max-width:600px}
.hero-ctas{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.hero-ctas .btn-primary{padding:13px 32px;box-shadow:0 8px 28px rgba(196,150,42,.35)}
.hero-ctas .btn-outline{padding:13px 32px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border-color:rgba(255,255,255,.4)}
/* Slide nav — bottom right */
.hero-nav{position:absolute;right:40px;bottom:112px;z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.hero-nav-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;flex-direction:column;align-items:flex-end;gap:7px;opacity:.4;transition:opacity .3s}
.hero-nav-btn:hover{opacity:.72}
.hero-nav-btn.active{opacity:1}
.hero-nav-label{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#fff;line-height:1}
.hero-nav-track{display:block;width:52px;height:2px;background:rgba(255,255,255,.22);border-radius:2px;overflow:hidden}
.hero-nav-fill{display:block;height:100%;width:0;background:var(--gold);border-radius:2px}
@keyframes heroFill{from{width:0}to{width:100%}}
.hero-nav-btn.active .hero-nav-fill{animation:heroFill 5s linear forwards}
/* Stats bar */
.hero-stats{position:relative;z-index:5;padding:0 0 44px}
.hero-stats-row{display:flex;justify-content:center}
.hero-stats-inner{display:inline-flex;align-items:center;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:60px;padding:18px 40px}
.hero-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 32px}
.hero-stat-num{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:600;color:var(--white);line-height:1}
.hero-stat-label{font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.6)}
.hero-stat-divider{width:1px;height:36px;background:rgba(255,255,255,.2);flex-shrink:0}

/* LEAD CAPTURE MODAL */
.lead-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .4s ease}
.lead-overlay.active{opacity:1;pointer-events:auto}
.lead-modal{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:880px;max-height:92vh;border-radius:20px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.4);transform:translateY(24px) scale(.97);transition:transform .4s ease;background:var(--white)}
.lead-overlay.active .lead-modal{transform:none}
/* Close button */
.lead-close{position:absolute;top:14px;right:14px;z-index:10;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.35);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--tr)}
.lead-close:hover{background:rgba(0,0,0,.6)}
.lead-close svg{width:16px;height:16px;color:#fff}
/* Form side */
.lead-form-side{padding:36px 32px;overflow-y:auto;display:flex;flex-direction:column;justify-content:center}
.lead-title{font-family:'Cormorant Garamond',serif;font-size:clamp(22px,2.5vw,30px);font-weight:600;color:var(--navy);line-height:1.2;margin:10px 0 8px}
.lead-title em{color:var(--gold);font-style:italic}
.lead-sub{font-size:13px;color:var(--muted);font-weight:300;line-height:1.7;margin-bottom:20px}
.lead-field{margin-bottom:12px}
.lead-field input,.lead-field select,.lead-field textarea{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:13px;font-family:'Inter',sans-serif;color:var(--text);background:var(--white);transition:border-color .2s;outline:none}
.lead-field input:focus,.lead-field select:focus,.lead-field textarea:focus{border-color:var(--gold)}
.lead-field select{color:var(--muted);cursor:pointer}
.lead-field textarea{resize:none;line-height:1.6}
.lead-submit{width:100%;justify-content:center;margin-top:4px;padding:13px}
/* Image side */
.lead-image-side{position:relative;overflow:hidden}
.lead-image-side img{width:100%;height:100%;object-fit:cover;display:block}
.lead-image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,31,63,.92) 0%,rgba(12,31,63,.3) 60%,transparent 100%);display:flex;align-items:flex-end;padding:32px}
.lead-image-stats{display:flex;flex-direction:column;gap:16px;width:100%}
.lead-image-stat{display:flex;flex-direction:column;gap:2px}
.lead-stat-num{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;color:var(--white);line-height:1}
.lead-stat-label{font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.65)}

/* STICKY CTA — desktop: floating pills on right */
.sticky-cta-bar{position:fixed;right:24px;bottom:24px;display:flex;flex-direction:column;gap:12px;z-index:999}
.sticky-cta-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:30px;color:var(--white);font-size:13px;font-weight:600;box-shadow:var(--shadow);transition:var(--tr);white-space:nowrap}
.sticky-cta-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:var(--shadow-lg)}
.sticky-cta-btn.call{display:none}
.sticky-cta-btn.enquiry{display:none}
.sticky-cta-btn.whatsapp{background:#25D366}
.sticky-cta-btn.whatsapp:hover{background:#1fba59}
.sticky-cta-btn svg{width:16px;height:16px}
.sticky-cta-label{font-size:inherit}

/* ABOUT */
#about{padding:100px 0;background:var(--white)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.about-text h2{font-size:clamp(36px,4vw,52px);margin-bottom:24px}
.about-text p{font-size:16px;color:var(--muted);line-height:1.9;margin-bottom:16px;font-weight:300}
.about-highlights{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:32px 0}
.highlight-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--cream);border-radius:var(--r);border-left:3px solid var(--gold)}
.highlight-icon{width:20px;height:20px;color:var(--gold);flex-shrink:0;margin-top:2px}
.highlight-text strong{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}
.highlight-text span{font-size:13px;color:var(--muted)}
.about-img-wrap{position:relative}
.about-img-wrap img{width:100%;height:520px;object-fit:cover;border-radius:var(--r);box-shadow:var(--shadow-lg)}
.about-badge{position:absolute;bottom:24px;left:-24px;background:var(--gold);color:#fff;padding:20px 24px;border-radius:var(--r);box-shadow:var(--shadow)}
.about-badge-num{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:600;display:block;line-height:1}
.about-badge-text{font-size:11px;letter-spacing:2px;text-transform:uppercase;opacity:.9}

/* PROCESS */
#process{
  padding:88px 0 80px;
  background:linear-gradient(160deg,#060f20 0%,#0c1f3f 50%,#091629 100%);
  position:relative;overflow:hidden
}
.process-header{margin-bottom:60px}
/* Steps row */
.process-steps-wrap{position:relative}
.process-line{
  position:absolute;left:0;right:0;
  top:26px; /* half of 52px circle — line passes exactly through circle centres */
  height:1px;
  background:linear-gradient(to right,transparent 5%,rgba(196,150,42,.2) 10%,rgba(196,150,42,.5) 30%,rgba(196,150,42,.5) 70%,rgba(196,150,42,.2) 90%,transparent 95%);
  z-index:0;pointer-events:none;
  filter:drop-shadow(0 0 4px rgba(196,150,42,.25))
}
.process-steps{
  display:grid;grid-template-columns:repeat(5,1fr);
  gap:20px;position:relative;z-index:1
}
/* Each step */
.process-step{display:flex;flex-direction:column;align-items:center;text-align:center}
/* Image thumbnail */
.process-img-wrap{
  width:100%;height:148px;border-radius:12px;overflow:hidden;
  position:relative;margin-top:20px;margin-bottom:0;flex-shrink:0;
  box-shadow:0 8px 28px rgba(0,0,0,.45)
}
.process-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 6s ease}
.process-step:hover .process-img-wrap img{transform:scale(1.06)}
.process-week{
  position:absolute;bottom:8px;left:8px;
  font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:#fff;background:rgba(12,31,63,.85);
  padding:3px 8px;border-radius:20px;backdrop-filter:blur(4px)
}
/* Gold circle number */
.process-circle-num{
  width:52px;height:52px;border-radius:50%;
  border:2px solid rgba(196,150,42,.55);
  display:flex;align-items:center;justify-content:center;
  font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:var(--gold);
  background:#0c1f3f;position:relative;z-index:2;
  transition:all .4s ease;flex-shrink:0;
  box-shadow:0 0 0 5px rgba(12,31,63,1) /* punches out the line behind each circle */
}
.process-step:hover .process-circle-num,
.process-step.visible .process-circle-num{
  background:var(--gold);color:#fff;border-color:var(--gold);
  box-shadow:0 0 0 5px rgba(12,31,63,1),0 0 16px rgba(196,150,42,.4)
}
/* Text */
.process-step-title{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:600;color:#fff;margin-bottom:6px;margin-top:16px;line-height:1.3}
.process-step-desc{font-size:12px;color:rgba(255,255,255,.48);font-weight:300;line-height:1.6}

/* SERVICES */
#services{padding:100px 0;background:var(--cream)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.service-card{background:var(--white);border-radius:var(--r);padding:36px 28px;border:1px solid var(--border);transition:var(--tr);position:relative;overflow:hidden}
.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:var(--tr)}
.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.service-card:hover::before{transform:scaleX(1)}
.service-icon{width:52px;height:52px;background:rgba(196,150,42,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.service-icon svg{width:26px;height:26px;color:var(--gold)}
.service-card h3{font-family:'Cormorant Garamond',serif;font-size:22px;margin-bottom:10px;color:var(--navy)}
.service-card p{font-size:14px;color:var(--muted);line-height:1.8;font-weight:300}

/* PROJECTS */
#projects{padding:100px 0;background:var(--cream)}
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:52px}
/* Card */
.project-card{
  border-radius:16px;overflow:hidden;
  background:var(--white);
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  transition:transform .35s ease,box-shadow .35s ease;
  display:flex;flex-direction:column;
}
.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
/* Image area with two-image hover swap */
.project-img{position:relative;height:240px;overflow:hidden;flex-shrink:0}
.project-img .img-cover,
.project-img .img-hover{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;
  transition:opacity .7s ease;
}
.project-img .img-cover{opacity:1;z-index:2}
.project-img .img-hover{opacity:0;z-index:1;transform:scale(1.04)}
.project-card:hover .img-cover{opacity:0}
.project-card:hover .img-hover{opacity:1}
/* Badges overlay on image */
.project-badges{position:absolute;inset:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;padding:14px 14px 0}
.project-status{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:20px;display:flex;align-items:center;gap:5px;backdrop-filter:blur(8px)}
.status-ongoing{background:rgba(196,150,42,.9);color:#fff}
.status-completed{background:rgba(12,31,63,.9);color:#fff}
.project-type{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:5px 12px;border-radius:20px;background:rgba(255,255,255,.9);color:var(--navy);backdrop-filter:blur(8px)}
/* Card body */
.project-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.project-location{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--muted);text-transform:uppercase;margin-bottom:8px}
.project-location svg{color:var(--gold);flex-shrink:0}
.project-name{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:8px}
.project-desc{font-size:13px;color:var(--muted);font-weight:300;line-height:1.75;margin-bottom:16px;flex:1}
/* Stats strip */
.project-stats{display:flex;align-items:center;background:var(--cream);border-radius:8px;padding:12px 0;margin-bottom:16px}
.pstat{flex:1;text-align:center}
.pstat-val{display:block;font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:var(--navy);line-height:1}
.pstat-val.sold-out{font-size:13px;color:#16a34a;font-family:'Inter',sans-serif;font-weight:700}
.pstat-label{display:block;font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-top:3px}
.pstat-divider{width:1px;height:32px;background:var(--border);flex-shrink:0}
/* Action buttons */
.project-actions{display:flex;gap:10px}
.proj-btn-outline{
  flex:1;text-align:center;padding:10px 8px;
  border:1.5px solid var(--navy);border-radius:6px;
  font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;
  color:var(--navy);transition:var(--tr);
}
.proj-btn-outline:hover{background:var(--navy);color:#fff}
.proj-btn-gold{
  flex:1;display:flex;align-items:center;justify-content:center;gap:5px;
  padding:10px 8px;border-radius:6px;
  background:var(--gold);border:1.5px solid var(--gold);
  font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;
  color:#fff;transition:var(--tr);
}
.proj-btn-gold:hover{background:var(--gold-light);border-color:var(--gold-light)}

/* WHY US */
#why-us{background:var(--white)}
.why-header{padding:72px 0 44px}
/* Alternating strips — height driven by content, not fixed */
.why-strip{display:grid;grid-template-columns:1fr 1fr}
.why-strip-alt{background:var(--cream)}
/* Image pane — matches content height naturally via grid row stretch */
.why-strip-img{position:relative;overflow:hidden;min-height:320px}
.why-strip-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 8s ease}
.why-strip:hover .why-strip-img img{transform:scale(1.04)}
/* Floating badge */
.why-strip-badge{position:absolute;bottom:20px;left:20px;background:var(--navy);border-radius:10px;padding:10px 16px;display:flex;flex-direction:column;gap:2px;box-shadow:0 6px 24px rgba(0,0,0,.3)}
.wsb-val{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:700;color:var(--gold);line-height:1}
.wsb-label{font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.6)}
/* Content pane — tighter padding, content-hugging */
.why-strip-body{display:flex;flex-direction:column;justify-content:center;padding:44px 52px}
.why-strip-tag{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.why-strip-title{font-family:'Cormorant Garamond',serif;font-size:clamp(26px,2.8vw,38px);font-weight:600;color:var(--navy);line-height:1.15;margin-bottom:12px}
.why-strip-title em{font-style:italic;color:var(--gold)}
.why-strip-desc{font-size:14px;color:var(--muted);font-weight:300;line-height:1.8;margin-bottom:16px}
.why-strip-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.why-strip-list li{font-size:13px;color:var(--text);font-weight:400;display:flex;align-items:center;gap:10px;line-height:1.5}
.why-strip-list li::before{content:'';width:18px;height:18px;background:rgba(196,150,42,.12);border-radius:50%;border:1.5px solid var(--gold);flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C4962A' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7'/%3E%3C/svg%3E");background-size:10px;background-repeat:no-repeat;background-position:center}
.why-strip-cta{display:inline-flex;align-items:center;font-size:12px;font-weight:700;letter-spacing:1px;color:var(--navy);text-transform:uppercase;gap:4px;transition:var(--tr);border-bottom:2px solid var(--gold);padding-bottom:2px;width:fit-content}
.why-strip-cta:hover{color:var(--gold);gap:8px}
/* Stats bar */
.why-stats-bar{background:var(--navy);padding:40px 0}
.why-stats-row{display:flex;align-items:center}
.why-stats-item{flex:1;text-align:center}
.why-stats-divider{width:1px;height:48px;background:rgba(255,255,255,.12);flex-shrink:0}
.why-stat-num{font-family:'Cormorant Garamond',serif;font-size:40px;font-weight:600;color:var(--gold);display:block;line-height:1}
.why-stat-label{font-size:10px;color:rgba(255,255,255,.45);letter-spacing:2px;text-transform:uppercase;margin-top:5px;display:block}
.benefit-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--r);transition:var(--tr)}
.benefit-item:hover{background:rgba(255,255,255,.07);border-color:rgba(196,150,42,.3)}
.benefit-check{width:28px;height:28px;background:rgba(196,150,42,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.benefit-check svg{width:14px;height:14px;color:var(--gold)}
.benefit-text strong{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}
.benefit-text p{font-size:13px;color:rgba(255,255,255,.5);line-height:1.6;font-weight:300}

/* ─── TRUSTED BY DEVELOPERS — Marquee ─── */
#trusted-developers{padding:72px 0 0;background:var(--white)}
.td-header{margin-bottom:48px}
.marquee-wrap{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--cream);padding:22px 0}
.marquee-track{display:flex;align-items:center;width:max-content;animation:marqueeScroll 32s linear infinite}
.marquee-wrap:hover .marquee-track{animation-play-state:paused}
@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.marquee-item{display:inline-flex;align-items:center;gap:14px;padding:0 48px;border-right:1px solid var(--border);white-space:nowrap}
.marquee-item::before{content:'◆';color:var(--gold);font-size:8px;flex-shrink:0}
.marquee-item span{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:var(--navy);letter-spacing:.5px}

/* ─── TRUSTED BY CHANNEL PARTNERS — Card grid ─── */
#trusted-partners{background:linear-gradient(160deg,#060f20 0%,#0c1f3f 50%,#091629 100%);padding:80px 0}
.cp-header{margin-bottom:48px}
.cp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cp-mobile-nav{display:none}
/* Each card */
.cp-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s ease,border-color .35s ease}
.cp-card:hover{border-color:rgba(196,150,42,.35);transform:translateY(-6px)}
/* Video thumbnail */
.cp-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;flex-shrink:0}
.cp-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 6s ease}
.cp-card:hover .cp-thumb img{transform:scale(1.04)}
.cp-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);border:none;cursor:pointer;transition:.3s}
.cp-play-btn:hover{background:rgba(0,0,0,.55)}
.cp-play-btn svg{width:52px;height:52px;color:#fff;filter:drop-shadow(0 4px 16px rgba(0,0,0,.6));transition:transform .3s}
.cp-play-btn:hover svg{transform:scale(1.1)}
/* Card body */
.cp-body{padding:20px;display:flex;flex-direction:column;flex:1}
.cp-identity{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.cp-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(196,150,42,.35)}
.cp-name{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:#fff;line-height:1.2;margin-bottom:2px}
.cp-company{font-size:11px;font-weight:600;color:var(--gold);letter-spacing:.5px}
.cp-location{display:flex;align-items:center;gap:5px;font-size:11px;color:rgba(255,255,255,.45);margin-bottom:14px;letter-spacing:.3px}
.cp-location svg{color:rgba(196,150,42,.7);flex-shrink:0}
.cp-quote{font-size:13px;color:rgba(255,255,255,.65);font-style:italic;line-height:1.75;border-left:2px solid var(--gold);padding-left:12px;margin-bottom:16px;flex:1}
/* Stats row */
.cp-stats{display:flex;border-top:1px solid rgba(255,255,255,.08);padding-top:14px;margin-top:auto}
.cp-stat{flex:1;display:flex;flex-direction:column;gap:3px}
.cp-stat+.cp-stat{border-left:1px solid rgba(255,255,255,.08);padding-left:16px}
.cps-val{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:var(--gold);line-height:1}
.cps-label{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.4)}
/* Video modal */
.video-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:3000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s}
.video-modal-overlay.open{opacity:1;pointer-events:auto}
.video-modal-box{background:var(--navy);border-radius:16px;padding:40px;max-width:480px;width:90%;position:relative;text-align:center;border:1px solid rgba(196,150,42,.2)}
.video-modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}
.video-modal-close:hover{background:rgba(255,255,255,.2)}
.video-placeholder svg{width:64px;height:64px;color:rgba(255,255,255,.2);margin:0 auto 16px}
.video-placeholder p{font-family:'Cormorant Garamond',serif;font-size:22px;color:#fff;font-weight:600;margin-bottom:8px}
.video-placeholder span{font-size:13px;color:rgba(255,255,255,.45)}

/* ─── TRUSTED BY CLIENTS — Testimonial marquee ─── */
#trusted-clients{padding:80px 0 72px;background:var(--cream)}
.tc-header{margin-bottom:48px}
.tc-marquee-wrap{
  overflow:hidden;position:relative;
}
/* Fade left/right edges */
.tc-marquee-wrap::before,.tc-marquee-wrap::after{
  content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none;
}
.tc-marquee-wrap::before{left:0;background:linear-gradient(to right,var(--cream),transparent)}
.tc-marquee-wrap::after{right:0;background:linear-gradient(to left,var(--cream),transparent)}
/* Scrolling track */
.tc-marquee-track{
  display:flex;gap:16px;
  width:max-content;
  padding:8px 0 24px;
  animation:tcScroll 48s linear infinite;
}
.tc-marquee-wrap:hover .tc-marquee-track{animation-play-state:paused}
@keyframes tcScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* Each testimonial card */
.tc-card{
  display:flex;align-items:flex-start;gap:16px;
  background:var(--white);border:1px solid var(--border);
  border-radius:14px;padding:20px;
  width:360px;flex-shrink:0;
  box-shadow:0 4px 20px rgba(0,0,0,.06);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.tc-card:hover{transform:translateY(-4px);border-color:rgba(196,150,42,.3);box-shadow:0 12px 36px rgba(0,0,0,.1)}
/* Square image */
.tc-card-img{
  width:80px;height:80px;
  border-radius:10px;
  object-fit:cover;
  flex-shrink:0;
  border:2px solid var(--border);
}
/* Card right content */
.tc-card-body{flex:1;min-width:0}
.tc-card-stars{color:var(--gold);font-size:13px;letter-spacing:1px;margin-bottom:8px;line-height:1}
.tc-card-quote{font-size:13px;color:var(--text);font-weight:300;line-height:1.75;margin-bottom:12px;font-style:italic}
.tc-card-name{display:block;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:2px}
.tc-card-meta{display:block;font-size:11px;color:var(--muted);letter-spacing:.3px}
/* Shared carousel nav */
.carousel-nav{display:flex;align-items:center;justify-content:center;gap:20px}
.carousel-dots{display:flex;gap:8px;align-items:center}
.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;transition:all .3s ease;padding:0}

/* FAQ */
#faq{padding:100px 0;background:var(--white)}
.faq-wrap{max-width:780px;margin:56px auto 0}
.faq-item{border-bottom:1px solid var(--border)}
.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:22px 0;background:none;border:none;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;font-size:16px;font-weight:500;color:var(--text);transition:var(--tr)}
.faq-question:hover{color:var(--gold)}
.faq-icon{width:28px;height:28px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--tr)}
.faq-icon svg{width:14px;height:14px;color:var(--muted);transition:var(--tr)}
.faq-item.open .faq-icon{background:var(--gold);border-color:var(--gold)}
.faq-item.open .faq-icon svg{color:#fff;transform:rotate(45deg)}
.faq-answer{display:none;padding:0 0 20px;font-size:15px;color:var(--muted);line-height:1.9;font-weight:300}
.faq-item.open .faq-answer{display:block}

/* PROJECT MAP */
#project-map{padding:80px 0 0;background:linear-gradient(160deg,#060f20 0%,#0c1f3f 55%,#091629 100%)}
.pmap-hdr{margin-bottom:48px}
.pmap-wrap{position:relative;width:100%}
#projectMap{width:100%;height:520px}
/* Floating legend */
.pmap-legend{position:absolute;top:20px;right:20px;background:rgba(6,15,32,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(196,150,42,.25);border-radius:16px;padding:20px 22px;min-width:230px;z-index:1000}
.pml-title{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.pml-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07)}
.pml-item:first-of-type{border-top:none;padding-top:0}
.pml-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pml-info{flex:1;min-width:0}
.pml-info strong{display:block;font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pml-info span{font-size:11px;color:rgba(255,255,255,.45)}
.pml-badge{font-size:10px;font-weight:700;letter-spacing:.4px;padding:3px 9px;border-radius:20px;flex-shrink:0}
.pml-active{background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.3)}
.pml-upcoming{background:rgba(196,150,42,.15);color:var(--gold);border:1px solid rgba(196,150,42,.3)}
/* Custom map pin */
.pmap-pin{width:36px;height:44px;display:flex;flex-direction:column;align-items:center}
.pmap-pin::before{content:'';width:36px;height:36px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(135deg,var(--gold),var(--gold-light));border:2px solid #fff;box-shadow:0 4px 18px rgba(0,0,0,.35);flex-shrink:0}
.pmap-pin span{position:absolute;top:7px;left:50%;transform:translateX(-50%);color:#fff;font-size:13px;font-weight:700;font-family:'Inter',sans-serif;line-height:1}
/* Leaflet popup styling */
.leaflet-popup-content-wrapper{border-radius:14px!important;box-shadow:0 8px 32px rgba(0,0,0,.18)!important;padding:0!important;overflow:hidden}
.leaflet-popup-content{margin:0!important}
.pmap-popup{padding:16px 18px}
.pmap-popup strong{display:block;font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:700;color:var(--navy);margin-bottom:4px}
.pmap-popup span{display:block;font-size:12px;color:var(--muted);margin-bottom:2px}
.pmp-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 10px;border-radius:20px;margin-top:8px}
.pmp-active{background:rgba(34,197,94,.12);color:#16a34a;border:1px solid rgba(34,197,94,.25)}
.pmp-upcoming{background:rgba(196,150,42,.12);color:var(--gold);border:1px solid rgba(196,150,42,.25)}

/* CONTACT */
#contact{padding:100px 0;background:var(--cream)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:stretch}
/* Left info panel — card matching form */
.contact-info{display:flex;flex-direction:column;background:#fff;border-radius:20px;padding:40px;border:1px solid rgba(0,0,0,.07);border-top:4px solid var(--gold)}
.contact-info-title{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,3.2vw,44px);font-weight:700;color:var(--navy);line-height:1.2;margin:14px 0 12px}
.contact-info-title em{font-style:italic;color:var(--gold)}
.contact-info-sub{font-size:15px;color:var(--muted);line-height:1.85;margin-bottom:32px;font-weight:300}
.contact-items{display:flex;flex-direction:column;gap:18px;margin-bottom:24px}
.contact-item{display:flex;align-items:flex-start;gap:14px}
.contact-item-icon{width:46px;height:46px;background:linear-gradient(135deg,rgba(196,150,42,.15),rgba(196,150,42,.05));border:1px solid rgba(196,150,42,.28);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-item-icon svg{width:20px;height:20px;color:var(--gold)}
.contact-item-text strong{display:block;font-size:13px;font-weight:700;letter-spacing:.4px;color:var(--text);margin-bottom:3px}
.contact-item-text a,.contact-item-text p{font-size:14px;color:var(--muted);line-height:1.6;font-weight:300}
.contact-item-text a:hover{color:var(--gold)}
/* Business hours */
.contact-hours{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin-bottom:24px}
.ch-label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.ch-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:5px 0}
.ch-row+.ch-row{border-top:1px solid var(--border);margin-top:4px;padding-top:9px}
.ch-row span:first-child{color:var(--text);font-weight:500}
.ch-row span:last-child{color:var(--gold);font-weight:600;font-size:12px}
/* WhatsApp */
.whatsapp-btn{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;font-size:13px;font-weight:700;letter-spacing:.3px;padding:13px 24px;border-radius:10px;transition:var(--tr);margin-bottom:24px;width:fit-content}
.whatsapp-btn:hover{background:#1fba59;transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,211,102,.3)}
/* Bottom stats — pushes to fill height */
.contact-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);margin-top:auto;padding-top:20px}
.cs-stat{text-align:center;padding:16px 8px}
.cs-stat+.cs-stat{border-left:1px solid var(--border)}
.cs-stat strong{display:block;font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:700;color:var(--navy)}
.cs-stat span{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
/* Right form card */
.contact-form-wrap{display:flex;align-items:stretch}
.contact-form-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 8px 40px rgba(0,0,0,.09);width:100%;border-top:4px solid var(--gold);border:1px solid rgba(0,0,0,.07);border-top:4px solid var(--gold);display:flex;flex-direction:column}
.contact-form-hdr{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.contact-form-hdr h3{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:700;color:var(--navy);margin-bottom:6px}
.contact-form-hdr h3 em{font-style:italic;color:var(--gold)}
.contact-form-hdr p{font-size:13px;color:var(--muted)}
/* Form inputs */
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{margin-bottom:18px}
.form-group label{display:block;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text);margin-bottom:7px}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:9px;font-family:'Inter',sans-serif;font-size:14px;color:var(--text);background:#fafaf8;transition:var(--tr);outline:none}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px rgba(196,150,42,.1)}
.form-group textarea{resize:vertical;min-height:110px}
.form-submit{width:100%;padding:14px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;border:none;border-radius:9px;font-family:'Inter',sans-serif;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:var(--tr);margin-top:4px}
.form-submit:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(196,150,42,.38)}
.form-trust{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;color:var(--muted);justify-content:center}
.form-trust svg{color:var(--gold);flex-shrink:0}

/* FOOTER */
footer{background:var(--navy);padding:72px 0 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:60px}
.footer-brand .logo-name{font-size:25px}
.footer-brand p{font-size:14px;color:rgba(255,255,255,.45);line-height:1.8;margin-top:16px;font-weight:300;max-width:260px}
.footer-col h4{font-family:'Inter',sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:20px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col ul li a{font-size:14px;color:rgba(255,255,255,.6);transition:var(--tr);font-weight:300}
.footer-col ul li a:hover{color:var(--gold)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:24px 0;display:flex;justify-content:space-between;align-items:center}
.footer-bottom p{font-size:13px;color:rgba(255,255,255,.35);font-weight:300}
.footer-social{display:flex;gap:12px}
.social-link{width:36px;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--tr)}
.social-link:hover{border-color:var(--gold);background:rgba(196,150,42,.1)}
.social-link svg{width:16px;height:16px;color:rgba(255,255,255,.5)}

/* SCROLL ANIMATIONS */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}
.reveal-delay-4{transition-delay:.4s}

/* KEYFRAMES */
@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes circleGlow{0%{box-shadow:0 4px 16px rgba(0,0,0,.5),0 0 0 0 rgba(196,150,42,.6)}60%{box-shadow:0 4px 16px rgba(0,0,0,.5),0 0 0 10px rgba(196,150,42,.12)}100%{box-shadow:0 4px 16px rgba(0,0,0,.5),0 0 0 6px rgba(196,150,42,0)}}

/* RESPONSIVE */
@media(max-width:1024px){
  .about-grid{grid-template-columns:1fr;gap:40px}
  .contact-grid{grid-template-columns:1fr;gap:36px}
  .why-strip-body{padding:36px 36px}
  .why-strip-title{font-size:clamp(24px,2.5vw,32px)}
  .about-img-wrap img{height:380px}
  .about-badge{left:16px}
  .process-steps{grid-template-columns:repeat(3,1fr)}
  .process-line{display:none}
  .services-grid{grid-template-columns:1fr 1fr}
  .projects-grid{grid-template-columns:1fr 1fr}
  /* Trusted sections — tablet */
  .cp-grid{grid-template-columns:1fr 1fr;gap:20px}
  .tc-card{width:320px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .hero-inner{padding:130px 0 48px}
  .hero-stats-inner{padding:16px 24px}
  .hero-stat{padding:0 20px}
  .hero-stat-num{font-size:28px}
}
@media(max-width:768px){
  .section{padding:72px 0}
  .section-sub{max-width:100%;text-align:center;margin:0 auto}
  .nav-links,.nav-cta{display:none}
  .hamburger{display:flex}
  .about-highlights{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  /* ── Project map mobile ── */
  #project-map{padding:56px 0 0}
  .pmap-hdr{margin-bottom:32px}
  #projectMap{height:380px}
  .pmap-legend{position:static;margin:0 16px 0;border-radius:0 0 16px 16px;border-top:none}
  /* ── Contact mobile ── */
  #contact{padding:64px 0}
  .contact-info{padding:28px 20px;border-radius:16px}
  .contact-form-card{padding:28px 20px;border-radius:16px}
  .contact-form-hdr h3{font-size:22px}
  .contact-info-title{font-size:28px}
  .cs-stat strong{font-size:22px}
  /* Services — sticky stacking cards on mobile */
  #services{overflow:visible}
  .services-grid{display:flex;flex-direction:column;gap:12px;margin-top:36px;padding-bottom:16px}
  .service-card{position:sticky;border-radius:16px;margin-bottom:0;box-shadow:0 -4px 24px rgba(0,0,0,.10)}
  .service-card:nth-child(1){top:80px;z-index:1}
  .service-card:nth-child(2){top:86px;z-index:2}
  .service-card:nth-child(3){top:92px;z-index:3}
  .service-card:nth-child(4){top:98px;z-index:4}
  .service-card:nth-child(5){top:104px;z-index:5}
  .service-card:nth-child(6){top:110px;z-index:6}
  .projects-grid{grid-template-columns:1fr}
  /* ── Marquee mobile ── */
  .marquee-item span{font-size:16px}
  .marquee-item{padding:0 24px}

  /* ── CP section mobile ── */
  #trusted-partners{padding:52px 0}
  .cp-header{margin-bottom:28px}
  .cp-grid{display:grid;grid-template-columns:1fr;gap:16px}
  .cp-card:nth-child(n+4){display:none}
  .cp-play-btn svg{width:44px;height:44px}
  .cp-name{font-size:18px}
  .cps-val{font-size:20px}

  /* ── TC marquee mobile ── */
  #trusted-clients{padding:52px 0}
  .tc-header{margin-bottom:28px}
  .tc-card{width:280px;padding:16px;gap:12px}
  .tc-card-img{width:64px;height:64px;border-radius:8px}
  .tc-card-quote{font-size:12px}
  .tc-marquee-wrap::before,.tc-marquee-wrap::after{display:none}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:16px;text-align:center}
  /* Why Us — mobile */
  .why-header{padding:52px 0 32px}
  .why-strip{grid-template-columns:1fr}
  .why-strip-alt .why-strip-img{order:-1}
  .why-strip-img{min-height:220px}
  .why-strip-body{padding:28px 20px}
  .why-strip-title{font-size:24px}
  .why-strip-desc{font-size:14px;margin-bottom:12px}
  .why-strip-list{margin-bottom:16px}
  /* Stats bar — 2×2 on mobile */
  .why-stats-bar{padding:28px 0}
  .why-stats-row{flex-wrap:wrap}
  .why-stats-item{flex:0 0 50%;padding:16px 12px}
  .why-stats-divider{display:none}
  .why-stat-num{font-size:30px}
  .why-stat-label{font-size:9px;letter-spacing:1px}
  /* Process — mobile premium */
  #process{padding:60px 0}
  .process-header{margin-bottom:40px}
  .process-line{display:none}
  .process-steps{
    grid-template-columns:1fr;gap:0;
    position:relative;padding-left:22px;
  }
  /* Animated gold vertical connector line */
  .process-steps::before{
    content:'';position:absolute;
    left:6px;top:24px;bottom:24px;width:2px;
    background:linear-gradient(to bottom,var(--gold),rgba(196,150,42,.1));
    transform:scaleY(0);transform-origin:top;
    transition:transform 1.6s cubic-bezier(.4,0,.2,1);
  }
  .process-steps.line-visible::before{transform:scaleY(1)}
  /* Gold dot per step on the line */
  .process-step::before{
    content:'';position:absolute;
    left:-19px;top:22px;
    width:10px;height:10px;border-radius:50%;
    background:var(--gold);z-index:2;
    box-shadow:0 0 0 3px rgba(196,150,42,.2);
    transition:box-shadow .5s ease;
  }
  .process-step.visible::before{
    box-shadow:0 0 0 7px rgba(196,150,42,.12),0 0 16px rgba(196,150,42,.35);
  }
  /* Card */
  .process-step{
    flex-direction:column;text-align:left;
    align-items:flex-start;position:relative;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.09);
    border-left:none;border-radius:0 14px 14px 0;
    overflow:hidden;padding:0;gap:0;
    margin-bottom:14px;
    opacity:0;transform:translateX(-20px);
    transition:opacity .65s ease,transform .65s cubic-bezier(.25,.46,.45,.94);
  }
  .process-step.visible{opacity:1;transform:none}
  .process-step:nth-child(2){transition-delay:.1s}
  .process-step:nth-child(3){transition-delay:.18s}
  .process-step:nth-child(4){transition-delay:.26s}
  .process-step:nth-child(5){transition-delay:.34s}
  /* Image: full width */
  .process-img-wrap{width:100%;height:170px;border-radius:0;margin-bottom:0;flex-shrink:0}
  /* Week badge: bottom right */
  .process-week{bottom:10px;right:10px;left:auto;font-size:9px}
  /* Gold circle overlaid top-left on image */
  .process-circle-num{
    position:absolute;top:12px;left:12px;
    width:42px;height:42px;font-size:17px;margin-bottom:0;
    background:var(--gold);color:#fff;
    border:2px solid rgba(255,255,255,.3);
    box-shadow:0 4px 16px rgba(0,0,0,.5);z-index:3;
  }
  /* Card body text */
  .process-step-title{padding:16px 16px 4px;font-size:18px;margin-bottom:0;line-height:1.3}
  .process-step-desc{padding:0 16px 16px;font-size:13px;margin:0;color:rgba(255,255,255,.5)}
  /* Circle glow pulse on entry */
  .process-step.visible .process-circle-num{animation:circleGlow .9s ease-out .15s both}
  /* Lead modal — mobile: single column, no image */
  .lead-modal{grid-template-columns:1fr;max-height:95vh}
  .lead-image-side{display:none}
  .lead-form-side{padding:32px 24px}
  /* ── Hero mobile ── */
  #home{min-height:100svh}
  .hero-inner{padding:84px 20px 24px;align-items:center;justify-content:flex-start}
  .hero-slides-content{max-width:100%}
  .hero-content{text-align:center;align-items:center}
  .hero-label{font-size:10px;letter-spacing:2.5px;margin-bottom:14px}
  .hero-h1{font-size:36px;font-weight:400;line-height:43px;margin-bottom:14px}
  .hero-sub{font-size:16px;font-weight:300;line-height:24px;margin:0 auto 24px;max-width:100%}
  .hero-ctas{gap:10px}
  .hero-ctas .btn-primary,.hero-ctas .btn-outline{padding:11px 20px}
  .hero-nav{display:none}
  /* Stats — 1 row, padded above bottom navbar */
  .hero-stats{padding:0 12px 92px}
  .hero-stats-inner{flex-wrap:nowrap;border-radius:40px;padding:10px 8px;width:100%;justify-content:space-around}
  .hero-stat{flex:1;padding:0 4px}
  .hero-stat-divider{display:block;height:20px}
  .hero-stat-num{font-size:22px}
  .hero-stat-label{font-size:7px;letter-spacing:.5px}
  /* Mobile bottom navbar */
  .sticky-cta-bar{right:0;left:0;bottom:0;flex-direction:row;gap:0;background:var(--white);border-top:1px solid var(--border);box-shadow:0 -4px 20px rgba(0,0,0,.08);padding:6px 0 calc(6px + env(safe-area-inset-bottom));border-radius:0}
  .sticky-cta-btn{flex:1;flex-direction:column;gap:5px;padding:6px 4px;border-radius:0;background:transparent;box-shadow:none;font-size:10px;font-weight:600;letter-spacing:.3px;color:var(--muted);white-space:nowrap}
  .sticky-cta-btn:hover{transform:none;box-shadow:none}
  .sticky-cta-btn.call{display:flex;background:transparent;color:#0ea5e9}
  .sticky-cta-btn.call:hover{background:transparent}
  .sticky-cta-btn.enquiry{display:flex;background:transparent;color:var(--gold)}
  .sticky-cta-btn.enquiry:hover{background:transparent}
  .sticky-cta-btn.whatsapp{background:transparent;color:#25D366}
  .sticky-cta-btn.whatsapp:hover{background:transparent}
  .sticky-cta-btn svg{width:22px;height:22px}
  .sticky-cta-label{font-size:10px;font-weight:600;line-height:1}
}
@media(max-width:480px){
  .process-img-wrap{height:150px}
  .process-step-title{padding:14px 14px 4px;font-size:16px}
  .process-step-desc{padding:0 14px 14px;font-size:12px}
  .hero-h1{font-size:36px;font-weight:400;line-height:43px}
  .hero-ctas{flex-direction:column;align-items:center;gap:8px;width:100%}
  .hero-ctas .btn-primary,.hero-ctas .btn-outline{width:100%;max-width:260px;justify-content:center}
  .hero-stat-num{font-size:20px}
  .hero-stat-label{font-size:6.5px}
  .hero-stats-inner{padding:8px 6px}
}

/* ═══════════════════════════════════════
   ABOUT PAGE
═══════════════════════════════════════ */

/* Hero */
#about-hero{position:relative;min-height:580px;display:flex;align-items:center;padding-top:72px;overflow:hidden}
.about-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04)}
.about-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(6,15,32,.92) 0%,rgba(12,31,63,.78) 60%,rgba(9,22,41,.85) 100%)}
.about-hero-inner{position:relative;z-index:1;padding:80px 0 60px;width:100%}
.about-hero-h1{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,5vw,66px);font-weight:700;color:#fff;line-height:1.1;margin:12px 0 20px;max-width:700px}
.about-hero-h1 em{font-style:italic;color:var(--gold)}
.about-hero-sub{font-size:18px;color:rgba(255,255,255,.65);font-weight:300;line-height:1.85;max-width:540px;margin-bottom:36px}
.about-hero-ctas{display:flex;gap:16px;flex-wrap:wrap}
.about-hero-scroll{display:flex;align-items:center;gap:10px;margin-top:52px;color:rgba(255,255,255,.4);font-size:11px;letter-spacing:2px;text-transform:uppercase}
.about-hero-scroll span{width:40px;height:1px;background:rgba(255,255,255,.25)}

/* Who We Are */
.about-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.about-intro-text .section-title{margin-bottom:16px}
.about-intro-text p{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:16px}
.about-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.about-chip{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:6px 14px;border-radius:20px;background:rgba(196,150,42,.09);color:var(--gold);border:1px solid rgba(196,150,42,.22)}
.about-intro-img{position:relative}
.about-intro-img img{width:100%;height:480px;object-fit:cover;border-radius:20px;display:block}
.aib-badge{position:absolute;bottom:24px;left:-20px;background:var(--navy);border:1px solid rgba(196,150,42,.3);border-radius:14px;padding:16px 22px;display:flex;flex-direction:column;align-items:center;box-shadow:0 12px 40px rgba(0,0,0,.3)}
.aib-num{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:700;color:var(--gold);line-height:1}
.aib-label{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:4px}

/* Mission & Vision */
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:52px}
.mv-card{border-radius:20px;padding:44px;background:#fff;border:1px solid var(--border);border-top:4px solid var(--gold);transition:var(--tr)}
.mv-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.mv-card-dark{background:var(--navy);border-color:rgba(255,255,255,.08)}
.mv-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,rgba(196,150,42,.18),rgba(196,150,42,.05));border:1px solid rgba(196,150,42,.25);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.mv-icon svg{width:26px;height:26px;color:var(--gold)}
.mv-card h3{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:700;color:var(--navy);margin-bottom:14px}
.mv-card p{font-size:15px;color:var(--muted);line-height:1.85}
.mv-card-dark h3{color:#fff}
.mv-card-dark p{color:rgba(255,255,255,.58)}

/* Stats bar */
#about-stats{background:linear-gradient(135deg,#060f20 0%,#0c1f3f 100%);padding:64px 0}
.ast-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.ast-item{text-align:center;padding:32px 20px;border-right:1px solid rgba(255,255,255,.08)}
.ast-item:last-child{border-right:none}
.ast-num{display:block;font-family:'Cormorant Garamond',serif;font-size:54px;font-weight:700;color:var(--gold);line-height:1}
.ast-label{display:block;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-top:8px}

/* Our Regions */
.regions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px}
.region-card{border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);transition:var(--tr)}
.region-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgba(196,150,42,.25)}
.region-img-wrap{position:relative;aspect-ratio:16/10;overflow:hidden}
.region-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 5s ease}
.region-card:hover .region-img-wrap img{transform:scale(1.06)}
.region-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,15,32,.6) 0%,transparent 60%)}
.region-num{position:absolute;top:16px;left:16px;width:34px;height:34px;background:linear-gradient(135deg,var(--gold),var(--gold-light));border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;color:#fff;z-index:1}
.region-body{padding:28px}
.region-body h3{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:700;color:var(--navy);margin-bottom:10px}
.region-body p{font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:18px}
.region-tags{display:flex;flex-wrap:wrap;gap:6px}
.region-tag{font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 12px;border-radius:12px;background:rgba(196,150,42,.08);color:var(--gold);border:1px solid rgba(196,150,42,.2)}

/* Our Expertise */
#expertise{background:linear-gradient(160deg,#060f20 0%,#0c1f3f 55%,#091629 100%);padding:100px 0}
.exp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.exp-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:34px;transition:var(--tr)}
.exp-card:hover{border-color:rgba(196,150,42,.3);background:rgba(196,150,42,.04);transform:translateY(-4px)}
.exp-icon{width:52px;height:52px;border-radius:13px;background:linear-gradient(135deg,rgba(196,150,42,.2),rgba(196,150,42,.06));border:1px solid rgba(196,150,42,.25);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.exp-icon svg{width:24px;height:24px;color:var(--gold)}
.exp-card h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:#fff;margin-bottom:10px}
.exp-card p{font-size:14px;color:rgba(255,255,255,.52);line-height:1.75}

/* Our Values */
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px}
.value-item{text-align:center;padding:36px 24px;background:#fff;border-radius:16px;border:1px solid var(--border);transition:var(--tr)}
.value-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:rgba(196,150,42,.25)}
.value-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,rgba(196,150,42,.14),rgba(196,150,42,.04));border:1px solid rgba(196,150,42,.22);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.value-icon svg{width:26px;height:26px;color:var(--gold)}
.value-item h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:var(--navy);margin-bottom:10px}
.value-item p{font-size:14px;color:var(--muted);line-height:1.75}

/* CTA Banner */
#about-cta{background:linear-gradient(135deg,#060f20 0%,var(--navy) 100%);padding:100px 0;position:relative;overflow:hidden}
#about-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(196,150,42,.08) 0%,transparent 70%)}
.about-cta-inner{position:relative;z-index:1}
#about-cta h2{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,4vw,54px);font-weight:700;color:#fff;margin-bottom:16px}
#about-cta h2 em{font-style:italic;color:var(--gold)}
#about-cta p{font-size:17px;color:rgba(255,255,255,.58);max-width:520px;margin:0 auto 40px;font-weight:300;line-height:1.8}
.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* About page responsive */
@media(max-width:1024px){
  .about-intro-grid{grid-template-columns:1fr;gap:40px}
  .about-intro-img img{height:360px}
  .aib-badge{left:0}
  .mv-grid{grid-template-columns:1fr}
  .ast-grid{grid-template-columns:repeat(2,1fr)}
  .ast-item:nth-child(2){border-right:none}
  .ast-item:nth-child(3){border-top:1px solid rgba(255,255,255,.08)}
  .ast-item:nth-child(4){border-top:1px solid rgba(255,255,255,.08);border-right:none}
  .regions-grid{grid-template-columns:1fr 1fr}
  .exp-grid{grid-template-columns:1fr 1fr}
  .values-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  #about-hero{min-height:480px}
  .about-hero-h1{font-size:32px}
  .about-hero-sub{font-size:15px}
  .about-hero-ctas{flex-direction:column;align-items:flex-start}
  .about-intro-img img{height:280px}
  .aib-badge{position:static;margin-top:16px;flex-direction:row;gap:12px;justify-content:flex-start}
  .mv-card{padding:28px 20px}
  .ast-grid{grid-template-columns:1fr 1fr}
  .ast-num{font-size:36px}
  .regions-grid{grid-template-columns:1fr}
  .exp-grid{grid-template-columns:1fr}
  .values-grid{grid-template-columns:1fr 1fr}
  .value-item{padding:24px 16px}
  #about-cta{padding:64px 0}
  .cta-btns{flex-direction:column;align-items:center}
  .cta-btns a{width:100%;max-width:260px;justify-content:center}
}

/* ═══════════════════════════════════════
   SERVICES PAGE
═══════════════════════════════════════ */

/* Service cards */
.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px}
.srv-card{background:#fff;border-radius:20px;padding:36px;border:1px solid var(--border);border-top:3px solid transparent;transition:var(--tr);position:relative;overflow:hidden}
.srv-card:hover{border-top-color:var(--gold);box-shadow:var(--shadow-lg);transform:translateY(-6px)}
.srv-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,rgba(196,150,42,.12),rgba(196,150,42,.04));border:1px solid rgba(196,150,42,.2);display:flex;align-items:center;justify-content:center;margin-bottom:22px;transition:.3s}
.srv-card:hover .srv-icon{background:linear-gradient(135deg,rgba(196,150,42,.22),rgba(196,150,42,.09))}
.srv-icon svg{width:26px;height:26px;color:var(--gold)}
.srv-card h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:var(--navy);margin-bottom:12px}
.srv-card p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:18px;flex:1}
.srv-card-inner{display:flex;flex-direction:column;height:100%}
.srv-learn{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:6px;margin-top:auto}
.srv-learn svg{width:14px;height:14px;transition:transform .25s}
.srv-card:hover .srv-learn svg{transform:translateX(4px)}

/* Delivery steps */
#srv-deliver{background:linear-gradient(160deg,#060f20 0%,#0c1f3f 55%,#091629 100%);padding:100px 0}
.deliver-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:56px;position:relative}
.deliver-grid::before{content:'';position:absolute;top:27px;left:12%;right:12%;height:1.5px;background:linear-gradient(to right,transparent,rgba(196,150,42,.5),rgba(196,150,42,.5),transparent);pointer-events:none}
.deliver-step{text-align:center;padding:0 16px}
.deliver-circle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;box-shadow:0 4px 20px rgba(196,150,42,.4);position:relative;z-index:1}
.deliver-step h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:10px}
.deliver-step p{font-size:13px;color:rgba(255,255,255,.52);line-height:1.75}

/* Market expertise */
#srv-market{padding:100px 0}
.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}
.market-card{border-radius:20px;overflow:hidden;position:relative;cursor:default}
.market-img-wrap{aspect-ratio:5/4;overflow:hidden}
.market-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 5s ease}
.market-card:hover .market-img-wrap img{transform:scale(1.06)}
.market-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,15,32,.92) 0%,rgba(6,15,32,.4) 55%,transparent 100%)}
.market-body{position:absolute;bottom:0;left:0;right:0;padding:28px}
.market-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.market-body h3{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}
.market-body p{font-size:13px;color:rgba(255,255,255,.6);line-height:1.65;margin-bottom:16px}
.market-stats{display:flex;gap:20px}
.mstat{display:flex;flex-direction:column;gap:2px}
.mstat-val{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:var(--gold);line-height:1}
.mstat-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.4)}

/* Client-centric strip */
#srv-client{background:var(--cream);padding:100px 0}
.srv-client-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.srv-client-text .section-title{margin-bottom:16px}
.srv-client-text p{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:16px}
.srv-client-list{display:flex;flex-direction:column;gap:14px;margin-top:28px}
.srv-client-item{display:flex;align-items:flex-start;gap:14px}
.srv-ci-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,rgba(196,150,42,.14),rgba(196,150,42,.04));border:1px solid rgba(196,150,42,.22);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.srv-ci-icon svg{width:18px;height:18px;color:var(--gold)}
.srv-ci-text strong{display:block;font-size:14px;font-weight:700;color:var(--navy);margin-bottom:3px}
.srv-ci-text span{font-size:13px;color:var(--muted)}
.srv-client-img{position:relative}
.srv-client-img img{width:100%;height:480px;object-fit:cover;border-radius:20px;display:block}
.srv-client-badge{position:absolute;top:24px;right:-16px;background:var(--navy);border:1px solid rgba(196,150,42,.3);border-radius:14px;padding:16px 22px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.scb-num{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:700;color:var(--gold);line-height:1}
.scb-label{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.5)}

/* Trust pillars */
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:52px}
.trust-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:30px 24px;text-align:center;transition:var(--tr)}
.trust-item:hover{border-color:rgba(196,150,42,.3);background:rgba(196,150,42,.04);transform:translateY(-4px)}
.trust-icon{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,rgba(196,150,42,.2),rgba(196,150,42,.06));border:1px solid rgba(196,150,42,.25);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.trust-icon svg{width:24px;height:24px;color:var(--gold)}
.trust-item h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:8px}
.trust-item p{font-size:13px;color:rgba(255,255,255,.5);line-height:1.7}

/* Services page responsive */
@media(max-width:1024px){
  .srv-grid{grid-template-columns:1fr 1fr}
  .deliver-grid{grid-template-columns:1fr 1fr;gap:40px}
  .deliver-grid::before{display:none}
  .market-grid{grid-template-columns:1fr}
  .market-img-wrap{aspect-ratio:16/9}
  .srv-client-grid{grid-template-columns:1fr;gap:40px}
  .srv-client-img img{height:360px}
  .srv-client-badge{right:0;top:auto;bottom:-16px}
  .trust-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .srv-grid{grid-template-columns:1fr;gap:16px}
  .srv-card{padding:24px 20px}
  .deliver-grid{grid-template-columns:1fr;gap:32px}
  .trust-grid{grid-template-columns:1fr 1fr;gap:14px}
  .trust-item{padding:22px 16px}
  .srv-client-img img{height:280px}
  .scb-num{font-size:28px}
}

/* ═══════════════════════════════════════
   CONTACT PAGE
═══════════════════════════════════════ */

/* Body layout */
#cntct-body{padding:100px 0;background:var(--cream)}
.cntct-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:start}

/* Quick contact strip */
.cntct-quick-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.cntct-quick-item{display:flex;align-items:center;gap:18px;padding:28px 32px;border-right:1px solid var(--border);transition:background .25s;text-decoration:none}
.cntct-quick-item:last-child{border-right:none}
.cntct-quick-item:hover{background:var(--cream)}
.cq-icon{width:50px;height:50px;border-radius:13px;background:linear-gradient(135deg,rgba(196,150,42,.14),rgba(196,150,42,.04));border:1px solid rgba(196,150,42,.22);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cq-icon svg{width:22px;height:22px;color:var(--gold)}
.cq-label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:4px;display:block}
.cq-value{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:700;color:var(--navy);line-height:1.2}

/* Why connect */
#cntct-why{background:linear-gradient(160deg,#060f20 0%,#0c1f3f 55%,#091629 100%);padding:100px 0}
.cntct-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}
.cntct-why-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:40px 32px;transition:var(--tr);text-align:center;display:flex;flex-direction:column;align-items:center}
.cntct-why-card:hover{border-color:rgba(196,150,42,.3);transform:translateY(-5px);background:rgba(196,150,42,.04)}
.cntct-why-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,rgba(196,150,42,.2),rgba(196,150,42,.06));border:1px solid rgba(196,150,42,.25);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.cntct-why-icon svg{width:28px;height:28px;color:var(--gold)}
.cntct-why-card h3{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:700;color:#fff;margin-bottom:12px}
.cntct-why-card p{font-size:14px;color:rgba(255,255,255,.52);line-height:1.8;margin-bottom:24px;flex:1}
.cntct-why-link{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:6px;transition:.2s}
.cntct-why-link svg{width:14px;height:14px;transition:transform .25s}
.cntct-why-card:hover .cntct-why-link svg{transform:translateX(4px)}

/* Map */
#cntct-map{background:linear-gradient(160deg,#060f20 0%,#0c1f3f 55%,#091629 100%);padding:80px 0 0}

/* Contact page responsive */
@media(max-width:1024px){
  .cntct-grid{grid-template-columns:1fr;gap:36px}
  .cntct-quick-strip{grid-template-columns:1fr}
  .cntct-quick-item{border-right:none;border-bottom:1px solid var(--border)}
  .cntct-quick-item:last-child{border-bottom:none}
  .cntct-why-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  #cntct-body{padding:60px 0}
  .contact-form-card{padding:24px 20px}
  .contact-info{padding:24px 20px}
  .cntct-quick-item{padding:20px 20px}
  .cq-value{font-size:16px}
  #cntct-why{padding:64px 0}
}

/* ═══════════════════════════════════════
   VIDEO — About hero card & Homepage inline
═══════════════════════════════════════ */

/* About hero — two-column grid */
.about-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.about-hero-text{display:flex;flex-direction:column}

/* Video thumbnail card (about hero right) */
.ahv-card{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9;cursor:pointer;box-shadow:0 24px 60px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);transition:transform .35s ease,box-shadow .35s ease;flex-shrink:0}
.ahv-card:hover{transform:scale(1.02);box-shadow:0 32px 80px rgba(0,0,0,.6)}
.ahv-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 5s ease}
.ahv-card:hover img{transform:scale(1.05)}
.ahv-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(6,15,32,.55) 0%,rgba(12,31,63,.35) 100%)}
.ahv-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.ahv-play-btn{width:76px;height:76px;border-radius:50%;background:rgba(196,150,42,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(196,150,42,.55);transition:transform .3s,background .3s;border:2px solid rgba(255,255,255,.2)}
.ahv-card:hover .ahv-play-btn{background:var(--gold);transform:scale(1.12)}
.ahv-play-btn svg{width:30px;height:30px;color:#fff;margin-left:5px}
.ahv-label{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.85);text-shadow:0 2px 8px rgba(0,0,0,.5)}
.ahv-badge{position:absolute;bottom:16px;left:16px;background:rgba(6,15,32,.82);border:1px solid rgba(196,150,42,.3);border-radius:10px;padding:10px 16px;backdrop-filter:blur(10px)}
.ahv-badge span{display:block;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.55)}
.ahv-badge strong{display:block;font-size:14px;font-weight:700;color:#fff;margin-top:2px}
/* Pulse ring on play btn */
.ahv-play-btn::before{content:'';position:absolute;width:76px;height:76px;border-radius:50%;border:2px solid rgba(196,150,42,.5);animation:pulseRing 2s ease-out infinite}
@keyframes pulseRing{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.7);opacity:0}}

/* YouTube lightbox modal */
.yt-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}
.yt-modal-overlay.open{opacity:1;visibility:visible}
.yt-modal-close{position:absolute;top:calc(50% - min(280px,44vw) - 52px);right:calc(50% - min(450px,47vw) - 4px);width:40px;height:40px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;transition:.25s;line-height:1}
.yt-modal-close:hover{background:rgba(255,255,255,.3)}
.yt-modal-box{width:min(900px,94vw);aspect-ratio:16/9;border-radius:12px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.7)}
.yt-modal-box iframe{width:100%;height:100%;border:none;display:block}
#ytPlayerDiv,#hvPlayerDiv{width:100%;height:100%}
#ytPlayerDiv iframe,#hvPlayerDiv iframe{width:100%!important;height:100%!important;border:none;display:block}

/* Homepage video section — split layout */
#home-video{background:linear-gradient(160deg,#060f20 0%,#0c1f3f 55%,#091629 100%);padding:100px 0;position:relative;overflow:hidden}
.hv-glow-orb{position:absolute;top:-20%;right:-5%;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(196,150,42,.07) 0%,transparent 65%);pointer-events:none}
.hv-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:72px;align-items:center}
/* Left text */
.hv-heading{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,3.8vw,50px);font-weight:700;color:#fff;line-height:1.18;margin:12px 0 18px}
.hv-heading em{font-style:italic;color:var(--gold)}
.hv-para{font-size:16px;color:rgba(255,255,255,.55);line-height:1.88;font-weight:300;margin-bottom:36px;max-width:440px}
.hv-stats{display:flex;align-items:center;gap:0;margin-bottom:40px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.1)}
.hv-stat{text-align:center;padding:0 28px}
.hv-stat:first-child{padding-left:0}
.hv-stat-num{display:block;font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:700;color:var(--gold);line-height:1}
.hv-stat-label{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.38);margin-top:5px}
.hv-stat-div{width:1px;height:40px;background:rgba(255,255,255,.12);flex-shrink:0}
.hv-cta{display:inline-flex;align-items:center;gap:14px;background:transparent;border:1.5px solid rgba(255,255,255,.22);color:#fff;padding:14px 28px;border-radius:8px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:.3s}
.hv-cta:hover{border-color:var(--gold);color:var(--gold)}
.hv-cta-icon{width:36px;height:36px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.3s}
.hv-cta:hover .hv-cta-icon{background:var(--gold-light)}
.hv-cta-icon svg{width:16px;height:16px;color:#fff;margin-left:2px}
/* Right video card */
.hv-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/9;cursor:pointer;box-shadow:0 40px 80px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.1);transition:transform .35s ease,box-shadow .35s ease}
.hv-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 56px 100px rgba(0,0,0,.65)}
.hv-card-thumb{position:absolute;inset:0}
.hv-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 5s ease}
.hv-card:hover .hv-card-thumb img{transform:scale(1.05)}
.hv-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,15,32,.75) 0%,rgba(6,15,32,.1) 50%,transparent 100%)}
.hv-card-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.hv-card-play-btn{width:84px;height:84px;border-radius:50%;background:rgba(196,150,42,.92);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.25);box-shadow:0 8px 36px rgba(196,150,42,.6);transition:.3s;position:relative}
.hv-card-play-btn::before{content:'';position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(196,150,42,.38);animation:pulseRing 2s ease-out infinite}
.hv-card:hover .hv-card-play-btn{background:var(--gold);transform:scale(1.1)}
.hv-card-play-btn svg{width:32px;height:32px;color:#fff;margin-left:5px}
.hv-card-meta{position:absolute;bottom:16px;left:16px;right:16px;background:rgba(6,15,32,.82);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;backdrop-filter:blur(12px);display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:rgba(255,255,255,.75)}
.hv-card-corner{position:absolute;top:16px;right:16px;background:rgba(6,15,32,.82);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:6px 12px;font-size:11px;font-weight:700;letter-spacing:.5px;color:#fff;backdrop-filter:blur(10px);display:flex;align-items:center;gap:6px}

/* Video responsive */
@media(max-width:1024px){
  .about-hero-grid{grid-template-columns:1fr;gap:36px}
  .ahv-card{max-width:560px}
  .hv-inner{grid-template-columns:1fr;gap:48px}
  .hv-para{max-width:100%}
  .hv-stats{justify-content:flex-start}
}
@media(max-width:768px){
  .about-hero-grid{gap:28px}
  .ahv-play-btn{width:60px;height:60px}
  .ahv-play-btn svg{width:24px;height:24px}
  #home-video{padding:64px 0}
  .hv-stat-num{font-size:28px}
  .hv-stat{padding:0 16px}
  .hv-card-play-btn{width:64px;height:64px}
  .hv-card-play-btn svg{width:26px;height:26px}
  .yt-modal-close{top:20px;right:20px}
}

/* ═══════════════════════════════════════
   PROJECT DETAIL PAGE — Alfalah Residency
═══════════════════════════════════════ */

/* Hero */
#proj-hero{position:relative;height:100vh;min-height:640px;display:flex;align-items:flex-end;padding-bottom:80px;overflow:hidden}
.proj-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04)}
.proj-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,10,25,.97) 0%,rgba(6,15,32,.65) 45%,rgba(6,15,32,.2) 100%)}
.proj-hero-inner{position:relative;z-index:1;width:100%}
.proj-hero-tag{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.proj-hero-tag span{display:inline-block;width:32px;height:1px;background:var(--gold)}
.proj-hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,6vw,80px);font-weight:700;color:#fff;line-height:1.05;margin-bottom:12px}
.proj-hero-title em{font-style:italic;color:var(--gold)}
.proj-hero-sub{font-size:18px;color:rgba(255,255,255,.62);font-weight:300;max-width:560px;margin-bottom:10px;line-height:1.7}
.proj-hero-loc{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:rgba(255,255,255,.55);margin-bottom:32px}
.proj-hero-loc svg{color:var(--gold)}
.proj-hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.proj-hero-scroll{position:absolute;bottom:32px;right:32px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.4)}
.proj-hero-scroll span{display:block;width:1px;height:40px;background:rgba(255,255,255,.25);animation:scrollPulse 1.8s ease-in-out infinite}
@keyframes scrollPulse{0%,100%{opacity:.3;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}
/* Floating stats bar */
.proj-stats-bar{position:relative;z-index:2;background:rgba(6,15,32,.95);backdrop-filter:blur(20px);border-top:1px solid rgba(196,150,42,.2);border-bottom:1px solid rgba(255,255,255,.06)}
.proj-stats-inner{display:grid;grid-template-columns:repeat(5,1fr);divide-x:1px solid rgba(255,255,255,.08)}
.proj-stat-item{text-align:center;padding:22px 16px;border-right:1px solid rgba(255,255,255,.08)}
.proj-stat-item:last-child{border-right:none}
.proj-stat-val{display:block;font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:700;color:var(--gold);line-height:1}
.proj-stat-key{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.42);margin-top:5px}

/* About Project */
#proj-about{padding:100px 0;background:var(--cream)}
.proj-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.proj-about-text .section-title{margin-bottom:16px}
.proj-about-text p{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:16px}
.proj-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.proj-feature{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border-radius:12px;border:1px solid var(--border);transition:var(--tr)}
.proj-feature:hover{border-color:rgba(196,150,42,.25);box-shadow:var(--shadow)}
.pf-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,rgba(196,150,42,.14),rgba(196,150,42,.04));border:1px solid rgba(196,150,42,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pf-icon svg{width:18px;height:18px;color:var(--gold)}
.pf-text strong{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px}
.pf-text span{font-size:12px;color:var(--muted)}
.proj-about-img{position:relative}
.proj-about-img img{width:100%;height:520px;object-fit:cover;border-radius:20px;display:block}
.proj-about-badge{position:absolute;bottom:24px;left:-20px;background:var(--navy);border:1px solid rgba(196,150,42,.3);border-radius:14px;padding:16px 22px;display:flex;flex-direction:column;align-items:center;box-shadow:0 12px 40px rgba(0,0,0,.3)}
.proj-about-badge strong{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:700;color:var(--gold);line-height:1}
.proj-about-badge span{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.5);margin-top:4px}

/* Gallery — redesigned with filter + lightbox */
#proj-gallery{background:var(--navy);padding:100px 0}
.gallery-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:36px 0 32px}
.gf-btn{font-size:12px;font-weight:600;letter-spacing:.5px;padding:9px 22px;border-radius:24px;border:1px solid rgba(255,255,255,.2);background:transparent;color:rgba(255,255,255,.55);cursor:pointer;transition:.25s;font-family:'Inter',sans-serif}
.gf-btn.active,.gf-btn:hover{background:var(--gold);border-color:var(--gold);color:#fff}
/* Masonry grid */
.pg-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:300px 220px;gap:12px}
.pg-item{border-radius:16px;overflow:hidden;position:relative;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}
.pg-item:hover{transform:translateY(-4px);box-shadow:0 24px 56px rgba(0,0,0,.5)}
.pg-featured{grid-column:1/3;grid-row:1/2}
.pg-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 5s ease}
.pg-item:hover img{transform:scale(1.07)}
/* Overlay */
.pg-overlay{position:absolute;inset:0;background:rgba(6,15,32,.55);opacity:0;transition:.3s;display:flex;align-items:center;justify-content:center}
.pg-item:hover .pg-overlay{opacity:1}
.pg-zoom{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;transform:scale(.8);transition:.3s;color:#fff}
.pg-item:hover .pg-zoom{transform:scale(1)}
.pg-info{position:absolute;bottom:0;left:0;right:0;padding:14px;background:linear-gradient(to top,rgba(6,15,32,.85),transparent);transform:translateY(4px);opacity:0;transition:.3s}
.pg-item:hover .pg-info{transform:none;opacity:1}
.pg-label{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fff}
/* Lightbox */
.gl-overlay{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:9999;display:flex;align-items:center;justify-content:center;gap:20px;opacity:0;visibility:hidden;transition:.3s}
.gl-overlay.open{opacity:1;visibility:visible}
.gl-box{display:flex;flex-direction:column;align-items:center;max-width:90vw}
#glImg{max-width:88vw;max-height:80vh;object-fit:contain;border-radius:10px;display:block}
.gl-caption{font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:rgba(255,255,255,.65);margin-top:14px}
.gl-counter{font-size:11px;color:rgba(255,255,255,.35);margin-top:4px}
.gl-close{position:fixed;top:24px;right:28px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:.25s;line-height:1;font-family:sans-serif}
.gl-close:hover{background:rgba(255,255,255,.25)}
.gl-prev,.gl-next{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;font-size:28px;display:flex;align-items:center;justify-content:center;transition:.25s;line-height:1;flex-shrink:0}
.gl-prev:hover,.gl-next:hover{background:rgba(196,150,42,.35);border-color:var(--gold)}

/* Amenities */
#proj-amenities{padding:100px 0;background:var(--cream)}
.amenity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:52px}
.amenity-card{background:#fff;border-radius:16px;padding:28px 20px;text-align:center;border:1px solid var(--border);transition:var(--tr)}
.amenity-card:hover{border-color:rgba(196,150,42,.3);box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.amenity-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,rgba(196,150,42,.14),rgba(196,150,42,.04));border:1px solid rgba(196,150,42,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.amenity-icon svg{width:26px;height:26px;color:var(--gold)}
.amenity-card h4{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:700;color:var(--navy);margin-bottom:6px}
.amenity-card p{font-size:12px;color:var(--muted)}

/* Internal/External specs */
#proj-specs{background:var(--navy);padding:100px 0}
.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:52px}
.specs-block{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:36px}
.specs-block h3{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:700;color:#fff;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}
.specs-list{display:flex;flex-direction:column;gap:12px}
.spec-item{display:flex;align-items:center;gap:12px;font-size:14px;color:rgba(255,255,255,.65)}
.spec-item svg{color:var(--gold);flex-shrink:0}

/* Floor plans */
#proj-floorplans{padding:100px 0;background:var(--cream)}
.fp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:52px}
.fp-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:var(--tr)}
.fp-card:hover{border-color:rgba(196,150,42,.3);box-shadow:var(--shadow-lg)}
.fp-img{aspect-ratio:1;background:linear-gradient(135deg,var(--cream) 0%,#ede8e0 100%);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);padding:24px;position:relative}
.fp-img svg{width:80px;height:80px;color:rgba(196,150,42,.3)}
.fp-tag{position:absolute;top:12px;left:12px;background:var(--navy);color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:6px}
.fp-body{padding:20px}
.fp-body h4{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;color:var(--navy);margin-bottom:6px}
.fp-meta{font-size:12px;color:var(--muted);margin-bottom:14px}
.fp-cta{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--gold);transition:.2s}
.fp-cta:hover{gap:10px}
.fp-cta svg{width:14px;height:14px}

/* Location — interactive tabs */
#proj-location{background:linear-gradient(160deg,#060f20 0%,#0c1f3f 55%,#091629 100%);padding:100px 0}
.loc-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-top:48px}
.loc-left{display:flex;flex-direction:column;gap:16px}
/* Tab strip */
.loc-tabs{display:flex;background:rgba(255,255,255,.06);border-radius:14px;padding:5px;gap:4px;flex-wrap:wrap}
.loc-tab{flex:1;min-width:0;padding:10px 12px;border-radius:10px;border:none;background:transparent;font-family:'Inter',sans-serif;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:rgba(255,255,255,.48);cursor:pointer;transition:.25s;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.loc-tab:hover{color:rgba(255,255,255,.8)}
.loc-tab.active{background:var(--gold);color:#fff;box-shadow:0 4px 16px rgba(196,150,42,.35)}
/* Panels */
.loc-panel{display:none;flex-direction:column;gap:10px;animation:fadeInTab .3s ease}
.loc-panel.active{display:flex}
@keyframes fadeInTab{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* Landmark cards */
.loc-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;transition:.25s}
.loc-card:hover{border-color:rgba(196,150,42,.3);background:rgba(196,150,42,.05);transform:translateX(4px)}
.lc-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,rgba(196,150,42,.2),rgba(196,150,42,.06));border:1px solid rgba(196,150,42,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.lc-icon svg{width:20px;height:20px;color:var(--gold)}
.lc-info{flex:1;min-width:0}
.lc-name{display:block;font-size:13px;font-weight:600;color:#fff;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-dist{font-size:11px;color:rgba(255,255,255,.42);line-height:1.4}
.lc-time{font-size:11px;font-weight:700;color:var(--gold);background:rgba(196,150,42,.12);border:1px solid rgba(196,150,42,.22);padding:4px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}
/* Map */
.loc-map{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}
.loc-map-header{display:flex;align-items:center;gap:10px;padding:14px 18px;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:600;color:rgba(255,255,255,.75)}
.loc-map-header svg{color:var(--gold);flex-shrink:0}
.loc-directions{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:11px;font-weight:700;color:var(--gold);letter-spacing:.5px;text-transform:uppercase;transition:.2s}
.loc-directions:hover{gap:8px}
.loc-map iframe{width:100%;height:380px;border:none;display:block}

/* Lifestyle */
#proj-lifestyle{padding:100px 0;background:var(--cream)}
.lifestyle-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;margin-top:52px}
.lifestyle-images{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lifestyle-img-main{grid-column:1/3;border-radius:16px;overflow:hidden;height:260px}
.lifestyle-img-main img,.lifestyle-img-sm img{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px}
.lifestyle-img-sm{border-radius:16px;overflow:hidden;height:180px}
.lifestyle-text p{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:20px}
.lifestyle-quote{background:var(--navy);border-radius:16px;padding:28px 32px;margin-top:24px}
.lifestyle-quote p{font-family:'Cormorant Garamond',serif;font-size:20px;font-style:italic;color:#fff;line-height:1.6;margin:0}
.lifestyle-quote span{display:block;margin-top:12px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold)}

/* Investment */
#proj-invest{background:var(--navy);padding:100px 0}
.invest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:52px}
.invest-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:32px 24px;text-align:center;transition:var(--tr)}
.invest-card:hover{border-color:rgba(196,150,42,.3);transform:translateY(-4px)}
.invest-num{font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:700;color:var(--gold);line-height:1;margin-bottom:8px}
.invest-card h4{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:10px}
.invest-card p{font-size:13px;color:rgba(255,255,255,.5);line-height:1.75}

/* Enquiry */
#proj-enquiry{padding:100px 0;background:var(--cream)}
.proj-enq-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.proj-enq-text .section-title{margin-bottom:16px}
.proj-enq-text p{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:32px}
.proj-enq-contacts{display:flex;flex-direction:column;gap:14px}
.pec-btn{display:flex;align-items:center;gap:14px;padding:16px 24px;border-radius:12px;font-size:14px;font-weight:700;transition:var(--tr);text-decoration:none}
.pec-btn-wa{background:#25D366;color:#fff}
.pec-btn-wa:hover{background:#1fba59;transform:translateX(4px)}
.pec-btn-call{background:var(--navy);color:#fff}
.pec-btn-call:hover{background:var(--navy-mid);transform:translateX(4px)}
.pec-btn svg{flex-shrink:0}
.proj-enq-form{background:#fff;border-radius:20px;padding:40px;border:1px solid rgba(0,0,0,.07);border-top:4px solid var(--gold);box-shadow:var(--shadow)}
.proj-enq-form h3{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:700;color:var(--navy);margin-bottom:6px}
.proj-enq-form p{font-size:13px;color:var(--muted);margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}

/* Project page responsive */
@media(max-width:1024px){
  .proj-about-grid,.proj-enq-grid,.lifestyle-grid{grid-template-columns:1fr;gap:40px}
  .loc-layout{grid-template-columns:1fr;gap:32px}
  .proj-about-img img{height:360px}
  .proj-about-badge{left:0}
  .fp-grid{grid-template-columns:1fr 1fr}
  .amenity-grid{grid-template-columns:1fr 1fr}
  .invest-grid{grid-template-columns:1fr 1fr}
  .proj-stats-inner{grid-template-columns:repeat(3,1fr)}
  .proj-stat-item:nth-child(3){border-right:none}
  .specs-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  #proj-hero{min-height:100svh;padding-bottom:60px}
  .proj-hero-title{font-size:36px}
  .pg-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 180px 180px}
  .pg-featured{grid-column:1/3;grid-row:1/2}
  .loc-tabs{gap:3px;padding:4px}
  .loc-tab{font-size:10px;padding:8px 10px;gap:4px}
  .loc-tab svg{display:none}
  .loc-map iframe{height:280px}
  .fp-grid{grid-template-columns:1fr}
  .amenity-grid{grid-template-columns:1fr 1fr}
  .invest-grid{grid-template-columns:1fr}
  .proj-stats-inner{grid-template-columns:1fr 1fr}
  .proj-stat-item:nth-child(2){border-right:none}
  .proj-about-img img{height:280px}
  .proj-enq-form{padding:24px 20px}
  .lifestyle-img-main{height:200px}
  .lifestyle-img-sm{height:140px}
}

/* ═══════════════════════════════
   ROYAL RESIDENCY — unique sections
═══════════════════════════════ */

/* Connectivity Timeline */
#proj-connectivity{background:linear-gradient(160deg,#060f20 0%,#0c1f3f 55%,#091629 100%);padding:100px 0}
.conn-timeline{display:flex;align-items:center;justify-content:space-between;margin-top:56px;position:relative;padding:0 24px}
.conn-timeline::before{content:'';position:absolute;top:38px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--gold),rgba(196,150,42,.3));z-index:0}
.conn-point{display:flex;flex-direction:column;align-items:center;gap:0;z-index:1;flex:1;max-width:180px}
.conn-dot{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,rgba(196,150,42,.2),rgba(196,150,42,.06));border:2px solid rgba(196,150,42,.4);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:.3s;position:relative}
.conn-dot svg{width:28px;height:28px;color:var(--gold)}
.conn-dot.active{background:linear-gradient(135deg,var(--gold),var(--gold-light));border-color:var(--gold);box-shadow:0 0 0 8px rgba(196,150,42,.15)}
.conn-dot.active svg{color:#fff}
.conn-time{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:var(--gold);line-height:1;margin-bottom:6px}
.conn-label{font-size:13px;font-weight:600;color:#fff;text-align:center;margin-bottom:4px}
.conn-sub{font-size:11px;color:rgba(255,255,255,.42);text-align:center;line-height:1.4}
.conn-arrow{font-size:24px;color:rgba(196,150,42,.4);flex-shrink:0;z-index:1;margin:0 -8px;margin-bottom:40px}

/* Beaches & Resorts */
#proj-beaches{padding:100px 0;background:var(--cream)}
.beach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:52px}
.beach-card{border-radius:20px;overflow:hidden;position:relative;height:280px;cursor:pointer;transition:transform .35s,box-shadow .35s}
.beach-card:hover{transform:translateY(-6px);box-shadow:0 32px 60px rgba(0,0,0,.25)}
.beach-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 5s ease}
.beach-card:hover img{transform:scale(1.08)}
.beach-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,15,32,.92) 0%,rgba(6,15,32,.3) 55%,transparent 100%)}
.beach-body{position:absolute;bottom:0;left:0;right:0;padding:20px}
.beach-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold);background:rgba(196,150,42,.15);border:1px solid rgba(196,150,42,.3);border-radius:20px;padding:3px 10px;margin-bottom:8px}
.beach-body h4{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}
.beach-body span{font-size:12px;color:rgba(255,255,255,.55)}
.beach-dist{position:absolute;top:14px;right:14px;background:rgba(6,15,32,.8);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:5px 12px;font-size:11px;font-weight:700;color:rgba(255,255,255,.8);backdrop-filter:blur(8px)}

/* Spec Tabs */
#proj-specstabs{background:var(--cream);padding:100px 0}
.spec-tab-strip{display:flex;gap:4px;background:rgba(0,0,0,.05);border-radius:14px;padding:5px;margin:40px 0 32px;flex-wrap:wrap}
.spec-tab-btn{flex:1;min-width:fit-content;padding:10px 18px;border-radius:10px;border:none;background:transparent;font-family:'Inter',sans-serif;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:.25s;white-space:nowrap}
.spec-tab-btn.active{background:var(--navy);color:#fff}
.spec-panel{display:none}
.spec-panel.active{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.spec-item-card{background:#fff;border-radius:14px;padding:20px;border:1px solid var(--border);display:flex;align-items:flex-start;gap:14px;transition:.25s}
.spec-item-card:hover{border-color:rgba(196,150,42,.25);box-shadow:var(--shadow)}
.sic-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,rgba(196,150,42,.12),rgba(196,150,42,.04));border:1px solid rgba(196,150,42,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sic-icon svg{width:18px;height:18px;color:var(--gold)}
.sic-text strong{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px}
.sic-text span{font-size:12px;color:var(--muted)}

/* Developer strip */
.dev-strip{display:flex;align-items:center;gap:20px;background:rgba(196,150,42,.08);border:1px solid rgba(196,150,42,.2);border-radius:14px;padding:18px 24px;margin-top:28px}
.dev-strip svg{color:var(--gold);flex-shrink:0}
.dev-strip strong{font-size:13px;font-weight:700;color:var(--navy);display:block;margin-bottom:2px}
.dev-strip span{font-size:12px;color:var(--muted)}

/* Fair Township — Master Plan */
#proj-masterplan .ft-masterplan{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-top:52px}
#proj-masterplan .ft-mp-visual{background:#fff;border-radius:20px;border:1px solid var(--border);padding:24px;box-shadow:var(--shadow)}
#proj-masterplan .ft-mp-list{display:flex;flex-direction:column;gap:0}
.ft-mp-title{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:700;color:var(--navy);margin-bottom:24px}
.ft-mp-items{display:flex;flex-direction:column;gap:0}
.ft-mp-item{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--border)}
.ft-mp-item:last-child{border-bottom:none}
.ft-mp-item div{display:flex;flex-direction:column}
.ft-mp-item strong{font-size:14px;font-weight:700;color:var(--navy)}
.ft-mp-item span{font-size:12px;color:var(--muted)}
.ft-mp-dot{width:12px;height:12px;border-radius:3px;background:rgba(12,31,63,.45);flex-shrink:0}
.ft-mp-dot.gold{background:var(--gold)}
.ft-mp-dot.green{background:#22c55e;opacity:.7}
.ft-mp-dot.grey{background:#94a3b8}
.ft-mp-dot.dashed{background:transparent;border:2px dashed var(--navy);opacity:.5}
@media(max-width:900px){#proj-masterplan .ft-masterplan{grid-template-columns:1fr}}

/* ===========================
   PROJECTS PAGE
   =========================== */

/* Page Hero Simple */
.page-hero-simple{position:relative;min-height:420px;display:flex;align-items:center;overflow:hidden}
.phs-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04)}
.phs-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(6,15,32,.92) 0%,rgba(12,31,63,.80) 60%,rgba(6,15,32,.72) 100%)}
.phs-inner{position:relative;z-index:2;padding:140px 0 80px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.phs-title{font-family:'Cormorant Garamond',serif;font-size:clamp(44px,6vw,72px);font-weight:800;color:#fff;line-height:1.1;margin:0}
.phs-title em{font-style:italic;color:var(--gold)}
.phs-sub{font-size:17px;color:rgba(255,255,255,.65);max-width:540px;line-height:1.7;margin:0}
.phs-breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:rgba(255,255,255,.4)}
.phs-breadcrumb a{color:var(--gold-light);transition:.2s}
.phs-breadcrumb a:hover{color:#fff}
.phs-breadcrumb svg{opacity:.5}

/* Portfolio Stats Strip */
.port-stats-strip{background:var(--gold);padding:0}
.port-stats-inner{display:flex;align-items:stretch}
.port-stat{flex:1;padding:22px 28px;text-align:center}
.port-stat-num{display:block;font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:800;color:var(--navy);line-height:1.1}
.port-stat-label{display:block;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:rgba(12,31,63,.65);margin-top:3px}
.port-stat-div{width:1px;background:rgba(12,31,63,.18);flex-shrink:0}

/* Portfolio Section */
.port-section{padding:100px 0;background:var(--cream)}

/* Portfolio Card — horizontal layout */
.port-card{display:grid;grid-template-columns:480px 1fr;gap:0;background:#fff;border-radius:24px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:40px;transition:var(--tr)}
.port-card:last-child{margin-bottom:0}
.port-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.port-card-alt{grid-template-columns:1fr 480px}

/* Card Image */
.port-card-img{position:relative;overflow:hidden;min-height:400px}
.port-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.port-card:hover .port-card-img img{transform:scale(1.04)}
.port-card-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,15,32,.65) 0%,transparent 55%)}
.port-card-badges{position:absolute;top:20px;left:20px;display:flex;gap:8px}
.pcb-status{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.4);color:#16a34a;font-size:11px;font-weight:700;padding:5px 12px;border-radius:20px}
.pcb-type{background:var(--navy);color:#fff;font-size:11px;font-weight:700;padding:5px 12px;border-radius:20px}
.port-card-number{position:absolute;bottom:20px;left:20px;font-family:'Cormorant Garamond',serif;font-size:72px;font-weight:900;color:rgba(255,255,255,.12);line-height:1;pointer-events:none;user-select:none}
/* Alt card — image on right */
.port-card-alt .port-card-img{order:2}
.port-card-alt .port-card-body{order:1}

/* Card Body */
.port-card-body{padding:44px 48px;display:flex;flex-direction:column;gap:20px;justify-content:center}
.port-card-loc{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--gold)}
.port-card-loc svg{color:var(--gold);flex-shrink:0}
.port-card-name{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,3.5vw,42px);font-weight:800;color:var(--navy);line-height:1.15;margin:0}
.port-card-name em{font-style:italic;color:var(--gold)}
.port-card-desc{font-size:15px;color:var(--muted);line-height:1.75;margin:0}

/* Highlights */
.port-card-highlights{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pch-item{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;background:var(--cream);border-radius:12px;border:1px solid var(--border)}
.pch-item svg{width:18px;height:18px;color:var(--gold);flex-shrink:0;margin-top:1px}
.pch-item div{display:flex;flex-direction:column;gap:1px}
.pch-item strong{font-size:13px;font-weight:700;color:var(--navy)}
.pch-item span{font-size:11px;color:var(--muted)}

/* Tags */
.port-card-tags{display:flex;flex-wrap:wrap;gap:7px}
.port-card-tags span{font-size:11px;font-weight:600;letter-spacing:.3px;padding:5px 12px;background:rgba(12,31,63,.06);border:1px solid rgba(12,31,63,.1);color:var(--navy);border-radius:20px}

/* Card Actions */
.port-card-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.port-card-actions .btn-primary{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:13px 24px}
.port-card-actions .btn-outline{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:12px 20px;border-radius:10px;border:2px solid var(--border);color:var(--navy);font-weight:700;font-family:'Inter',sans-serif;transition:var(--tr)}
.port-card-actions .btn-outline:hover{border-color:var(--gold);color:var(--gold);background:rgba(196,150,42,.05)}

/* Coming Soon Section */
.port-coming-soon{padding:100px 0;background:var(--navy)}
.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}

.cs-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:36px 32px;display:flex;flex-direction:column;gap:16px;transition:var(--tr)}
.cs-card:hover{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07)}
.cs-card-top{display:flex;align-items:center;justify-content:space-between}
.cs-pulse{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;position:relative}
.cs-pulse svg{width:24px;height:24px;color:rgba(255,255,255,.45)}
.cs-pulse span{position:absolute;inset:-4px;border-radius:20px;border:2px solid rgba(255,255,255,.12);animation:csPulse 2.4s ease-in-out infinite}
.cs-pulse-gold{background:rgba(196,150,42,.15);border-color:rgba(196,150,42,.3)}
.cs-pulse-gold svg{color:var(--gold)}
.cs-pulse-gold span{border-color:rgba(196,150,42,.3)}
@keyframes csPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}
.cs-badge{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:5px 12px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.5)}
.cs-badge-gold{background:rgba(196,150,42,.15);border-color:rgba(196,150,42,.3);color:var(--gold)}
.cs-card h4{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:#fff}
.cs-card p{font-size:13px;color:rgba(255,255,255,.45);line-height:1.65;flex:1}
.cs-dots{display:flex;gap:6px;align-items:center}
.cs-dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.18)}
.cs-dots span:nth-child(2){background:rgba(255,255,255,.3);animation:csDot 1.6s .2s infinite}
.cs-dots span:nth-child(3){animation:csDot 1.6s .4s infinite}
@keyframes csDot{0%,100%{opacity:.2}50%{opacity:1}}

/* CTA card variant */
.cs-card-cta{border-color:rgba(196,150,42,.25);background:rgba(196,150,42,.06)}
.cs-card-cta:hover{border-color:rgba(196,150,42,.5);background:rgba(196,150,42,.1)}
.cs-notify-btn{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#fff;background:var(--gold);border-radius:10px;padding:12px 18px;transition:.25s;margin-top:4px}
.cs-notify-btn:hover{background:var(--gold-light);transform:translateY(-1px)}

/* Portfolio CTA Banner */
.port-cta-banner{background:linear-gradient(135deg,#0a1929 0%,var(--navy) 50%,#0a1929 100%);padding:80px 0;border-top:1px solid rgba(196,150,42,.2)}
.pcta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.pcta-text h2{font-family:'Cormorant Garamond',serif;font-size:clamp(26px,3vw,38px);font-weight:800;color:#fff;line-height:1.25;margin-bottom:10px}
.pcta-text h2 em{font-style:italic;color:var(--gold)}
.pcta-text p{font-size:15px;color:rgba(255,255,255,.55);max-width:480px}
.pcta-actions{display:flex;align-items:center;gap:16px;flex-shrink:0;flex-wrap:wrap}
.pcta-call{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 20px;transition:.25s}
.pcta-call:hover{color:#fff;border-color:rgba(255,255,255,.5)}

/* Projects page responsive */
@media(max-width:1100px){
  .port-card{grid-template-columns:380px 1fr}
  .port-card-alt{grid-template-columns:1fr 380px}
  .port-card-body{padding:36px 36px}
}
@media(max-width:900px){
  .port-card,.port-card-alt{grid-template-columns:1fr;grid-template-rows:auto}
  .port-card-img{min-height:280px;order:0!important}
  .port-card-body{order:0!important;padding:32px 28px}
  .port-card-alt .port-card-img{order:0!important}
  .port-card-alt .port-card-body{order:0!important}
  .cs-grid{grid-template-columns:1fr}
  .port-card-highlights{grid-template-columns:1fr}
  .pcta-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:600px){
  .port-stats-inner{flex-wrap:wrap}
  .port-stat{flex:0 0 50%;border-bottom:1px solid rgba(12,31,63,.12)}
  .port-stat-div{display:none}
  .phs-inner{padding:120px 0 60px}
}

/* Royal Residency responsive */
@media(max-width:1024px){
  .conn-timeline{flex-wrap:wrap;gap:32px;justify-content:center}
  .conn-timeline::before{display:none}
  .conn-point{max-width:140px}
  .beach-grid{grid-template-columns:1fr 1fr}
  .spec-panel.active{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .beach-grid{grid-template-columns:1fr}
  .beach-card{height:220px}
  .spec-tab-strip{gap:3px;padding:4px}
  .spec-tab-btn{font-size:10px;padding:8px 12px}
  .spec-panel.active{grid-template-columns:1fr}
  .conn-timeline{gap:20px}
  .conn-dot{width:56px;height:56px}
  .conn-time{font-size:18px}
}