/* ════════════════════════════════════════
   PRELOADER
════════════════════════════════════════ */
#preloader{
  position:fixed;inset:0;z-index:99999;
  background:var(--navy);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:32px;
  transition:opacity .8s ease, visibility .8s ease;
}
#preloader.done{opacity:0;visibility:hidden;}

.pl-logo-wrap{
  display:flex;flex-direction:column;align-items:center;gap:12px;
  animation:plFade .8s ease forwards;
}
@keyframes plFade{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}

.pl-name{
  font-family:'Cinzel Decorative',serif;font-size:clamp(22px,4vw,36px);font-weight:700;
  letter-spacing:4px;
  background:linear-gradient(120deg,#F0D080 0%,#C9A84C 45%,#F0D080 65%,#8B6A1F 100%);
  background-size:220% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:shimmer 2s linear infinite;
}
@keyframes shimmer{to{background-position:220% center;}}

.pl-sub{
  font-family:'EB Garamond',serif;font-style:italic;
  font-size:clamp(12px,1.5vw,15px);letter-spacing:6px;
  color:rgba(255,255,255,.3);text-transform:uppercase;
}

/* Loading bar */
.pl-bar-wrap{
  width:clamp(160px,30vw,260px);
  height:1px;background:rgba(201,168,76,.12);
  position:relative;overflow:hidden;
}
.pl-bar{
  position:absolute;top:0;left:0;height:100%;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  width:0%;
  animation:plBar 1.8s cubic-bezier(.4,0,.2,1) forwards .3s;
}
@keyframes plBar{to{width:100%;}}

/* Lens aperture spinner */
.pl-aperture{
  width:56px;height:56px;
  position:relative;
  animation:plRotate 2s linear infinite;
}
@keyframes plRotate{to{transform:rotate(360deg);}}
.pl-aperture svg{width:100%;height:100%;}

.pl-counter{
  font-family:'Cinzel',serif;font-size:11px;letter-spacing:4px;
  color:rgba(201,168,76,.45);
}


/* ── CURSOR ── */
#cur{position:fixed;width:10px;height:10px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .25s,height .25s;}
#cur2{position:fixed;width:38px;height:38px;border:1px solid rgba(201,168,76,.5);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .25s,height .25s;}

/* ══ HEADER ══ */
#hdr{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 56px;height:88px;transition:background .5s,height .4s,border-color .5s;border-bottom:1px solid transparent;}
#hdr.solid{background:rgba(7,8,15,.93);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:rgba(201,168,76,.15);height:68px;}
.logo{display:flex;align-items:center;gap:13px;text-decoration:none;}
.lt-genie{font-family:'Cinzel Decorative',serif;font-size:20px;font-weight:700;letter-spacing:3px;background:linear-gradient(120deg,#F0D080 0%,#C9A84C 45%,#F0D080 65%,#8B6A1F 100%);background-size:220% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 5s linear infinite;}
@keyframes shimmer{to{background-position:220% center;}}
nav{display:flex;align-items:center;gap:2px;}
nav a{font-family:'Raleway',sans-serif;font-weight:300;font-size:10px;letter-spacing:3.5px;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.75);padding:10px 18px;position:relative;transition:color .3s;}
nav a::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);height:1px;width:0;background:var(--gold);transition:width .4s cubic-bezier(.16,1,.3,1);}
nav a:hover{color:var(--gold2);}
nav a:hover::after{width:calc(100% - 36px);}
.nav-book{margin-left:16px;border:1px solid var(--gold) !important;color:var(--gold) !important;padding:10px 28px !important;overflow:hidden;position:relative;}
.nav-book::before{content:'';position:absolute;inset:0;background:var(--gold);transform:translateX(-100%);transition:transform .4s cubic-bezier(.16,1,.3,1);}
.nav-book:hover::before{transform:translateX(0);}
.nav-book span{position:relative;z-index:1;}
.nav-book:hover span{color:var(--navy) !important;}
.nav-book::after{display:none !important;}
.logo-img{height:110px;width:auto;object-fit:contain;transition:transform .4s ease;}
.logo:hover .logo-img{transform:scale(1.05);}

/* ══ HERO ══ */
.hero{position:relative;width:100%;height:100vh;min-height:620px;overflow:hidden;}
.slides{position:absolute;inset:0;}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.8s cubic-bezier(.4,0,.2,1);background-size:cover;background-position:center;}
.slide.active{opacity:1;}
.slide-1{background-image:url('images/LG_P0947.jpg.jpeg');}
.slide-2{background-image:url('images/LG_P0808.JPG.jpeg');}
.slide-3{background-image:url('images/maternety-banner.jpg');}
.slide-4{background-image:url('images/toddler-banner.jpg');}
.slide-1::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,8,15,.72) 0%,rgba(20,14,5,.52) 50%,rgba(7,8,15,.65) 100%);}
.slide-2::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,8,15,.78) 0%,rgba(12,8,20,.50) 50%,rgba(7,8,15,.70) 100%);}
.slide-3::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,8,15,.70) 0%,rgba(18,12,4,.52) 50%,rgba(7,8,15,.68) 100%);}
.slide-4::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,8,15,.70) 0%,rgba(18,12,4,.52) 50%,rgba(7,8,15,.68) 100%);}
.slide-1::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 60% at 60% 40%,rgba(201,168,76,.12) 0%,transparent 60%);}
.slide-2::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 55% at 40% 45%,rgba(180,140,240,.08) 0%,transparent 55%);}
.slide-3::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 60% at 55% 38%,rgba(201,168,76,.11) 0%,transparent 58%);}
.slide-4::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 60% at 55% 38%,rgba(201,168,76,.11) 0%,transparent 58%);}
.hero-content{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 40px;padding-bottom:90px;}
.h-eyebrow{font-family:'Raleway',sans-serif;font-weight:200;font-size:9px;letter-spacing:9px;text-transform:uppercase;color:var(--gold);margin-bottom:22px;opacity:0;transform:translateY(18px);transition:opacity .9s .2s,transform .9s .2s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:18px;}
.h-eyebrow::before,.h-eyebrow::after{content:'';display:block;height:1px;width:32px;background:linear-gradient(90deg,transparent,var(--gold));}
.h-eyebrow::after{background:linear-gradient(90deg,var(--gold),transparent);}
.h-title{font-family:'Cinzel',serif;font-weight:300;font-size:clamp(40px,7.8vw,100px);letter-spacing:12px;color:var(--white);line-height:1.0;opacity:0;transform:translateY(26px);transition:opacity 1.1s .45s,transform 1.1s .45s cubic-bezier(.16,1,.3,1);text-shadow:0 2px 40px rgba(0,0,0,.5);}
.h-title-small{display:block;font-size:.52em;letter-spacing:18px;color:rgba(255,255,255,.55);font-weight:300;margin-bottom:8px;}
.h-title-gold{display:block;font-weight:700;letter-spacing:10px;background:linear-gradient(120deg,#F0D080,#C9A84C,#F0D080,#8B6A1F);background-size:220% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 5s linear infinite;}
.h-title-ghost{display:block;font-size:.27em;letter-spacing:20px;color:transparent;-webkit-text-stroke:1px rgba(201,168,76,.35);font-style:italic;font-weight:300;margin-top:12px;}
.h-divider{display:flex;align-items:center;gap:14px;margin:28px 0;opacity:0;transform:translateY(14px);transition:opacity .9s .65s,transform .9s .65s cubic-bezier(.16,1,.3,1);}
.hd-line{width:56px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));}
.hd-line:last-child{background:linear-gradient(90deg,var(--gold),transparent);}
.hd-gem{width:7px;height:7px;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 12px rgba(201,168,76,.7);}
.h-sub{font-family:'EB Garamond',serif;font-size:clamp(14px,1.9vw,20px);font-weight:300;font-style:italic;color:rgba(255,255,255,.55);letter-spacing:4px;margin-bottom:48px;opacity:0;transform:translateY(14px);transition:opacity .9s .82s,transform .9s .82s cubic-bezier(.16,1,.3,1);}
.h-btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;opacity:0;transform:translateY(14px);transition:opacity .9s 1s,transform .9s 1s cubic-bezier(.16,1,.3,1);}
.btn-g{font-family:'Raleway',sans-serif;font-weight:500;font-size:9px;letter-spacing:5px;text-transform:uppercase;text-decoration:none;padding:17px 44px;display:inline-block;position:relative;overflow:hidden;background:linear-gradient(130deg,#F0D080,#C9A84C,#8B6A1F);color:var(--navy);transition:transform .35s,box-shadow .35s;}
.btn-g::before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#fff9dc,#F0D080);opacity:0;transition:opacity .35s;}
.btn-g:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(201,168,76,.35);}
.btn-g:hover::before{opacity:1;}
.btn-g span{position:relative;z-index:1;}
.btn-o{font-family:'Raleway',sans-serif;font-weight:400;font-size:9px;letter-spacing:5px;text-transform:uppercase;text-decoration:none;padding:16px 44px;display:inline-block;background:transparent;border:1px solid rgba(201,168,76,.45);color:var(--gold);position:relative;overflow:hidden;transition:border-color .35s,transform .35s;}
.btn-o::before{content:'';position:absolute;inset:0;background:rgba(201,168,76,.08);opacity:0;transition:opacity .35s;}
.btn-o:hover{border-color:var(--gold);transform:translateY(-3px);}
.btn-o:hover::before{opacity:1;}
.hero-content.in .h-eyebrow,.hero-content.in .h-title,.hero-content.in .h-divider,.hero-content.in .h-sub,.hero-content.in .h-btns{opacity:1;transform:translateY(0);}
.slider-arrows{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 32px;z-index:20;pointer-events:none;}
.arrow{width:52px;height:52px;border:1px solid rgba(201,168,76,.3);display:flex;align-items:center;justify-content:center;cursor:none;pointer-events:all;background:rgba(7,8,15,.25);backdrop-filter:blur(8px);transition:border-color .3s,background .3s,transform .3s;}
.arrow:hover{border-color:var(--gold);background:rgba(201,168,76,.1);transform:scale(1.08);}
.arrow svg{width:18px;height:18px;stroke:var(--gold);fill:none;stroke-width:1.5;}
.slider-dots{position:absolute;bottom:108px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:10px;align-items:center;}
.dot{width:26px;height:2px;background:rgba(255,255,255,.28);cursor:none;transition:background .4s,width .4s;position:relative;overflow:hidden;}
.dot.active{width:46px;background:transparent;}
.dot.active::after{content:'';position:absolute;inset:0;background:var(--gold);animation:dotFill 4.8s linear forwards;}
@keyframes dotFill{from{transform:scaleX(0);transform-origin:left;}to{transform:scaleX(1);}}
.slide-counter{position:absolute;right:48px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:8px;}

.sc-sep{width:1px;height:40px;background:linear-gradient(180deg,var(--gold),rgba(201,168,76,.2));}
.sc-tot{font-family:'Cinzel',serif;font-size:16px;font-weight:300;color:rgba(255,255,255,.3);}
.side-label{position:absolute;left:34px;top:50%;z-index:20;transform:translateY(-50%) rotate(-90deg);font-family:'Raleway',sans-serif;font-weight:200;font-size:8px;letter-spacing:6px;text-transform:uppercase;color:rgba(201,168,76,.38);white-space:nowrap;}
.scroll-dn{position:absolute;bottom:116px;left:50%;transform:translateX(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:7px;animation:scBob 2.5s ease-in-out infinite;}
.scroll-dn span{font-family:'Raleway',sans-serif;font-weight:200;font-size:7px;letter-spacing:6px;text-transform:uppercase;color:rgba(201,168,76,.5);}
.scroll-dn-ln{width:1px;height:42px;background:linear-gradient(180deg,var(--gold),transparent);}
@keyframes scBob{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(7px);}}
.hero-bar{position:absolute;bottom:0;left:0;right:0;z-index:15;background:rgba(7,8,15,.78);backdrop-filter:blur(18px);border-top:1px solid rgba(201,168,76,.13);display:flex;align-items:stretch;height:80px;}
.bar-item{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 36px;cursor:none;border-right:1px solid rgba(201,168,76,.09);position:relative;overflow:hidden;transition:background .3s;}
.bar-item:last-child{border-right:none;}
.bar-item:hover{background:rgba(201,168,76,.04);}
.bar-item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold3),var(--gold),var(--gold3));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1);}
.bar-item:hover::after{transform:scaleX(1);}
.bar-title{font-family:'Cinzel',serif;font-size:11px;font-weight:600;color:var(--gold);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:4px;}
.bar-desc{font-family:'Raleway',sans-serif;font-weight:300;font-size:8.5px;letter-spacing:2px;color:rgba(255,255,255,.4);text-transform:uppercase;}

/* ══ SCROLL REVEAL ══ */
.rv{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1);}
.rv.on{opacity:1;transform:none;}
.rv-l{opacity:0;transform:translateX(-28px);transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1);}
.rv-l.on{opacity:1;transform:none;}
.rv-r{opacity:0;transform:translateX(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1);}
.rv-r.on{opacity:1;transform:none;}
.d1{transition-delay:.1s}.d2{transition-delay:.22s}.d3{transition-delay:.34s}
.d4{transition-delay:.46s}.d5{transition-delay:.58s}.d6{transition-delay:.70s}

/* ══ TRANSITIONS ══ */
.section-transition{height:64px;background:linear-gradient(180deg,var(--navy) 0%,var(--cream) 100%);}
.transition-to-dark{height:64px;background:linear-gradient(180deg,var(--cream) 0%,var(--navy) 100%);}

/* ══════════════════════════════════════
   OUR STORY + WHY CHOOSE US — SHARED
══════════════════════════════════════ */
#story,#why{background:var(--cream);position:relative;overflow:hidden;}
#story::before,#why::before{content:'';display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.2),transparent);}

/* ── Corner leaf SVG accents (4 corners) ── */
.lf{position:absolute;width:130px;height:130px;pointer-events:none;opacity:.22;}
.lf svg{width:100%;height:100%;}
.lf-tl{top:-4px;left:-4px;}
.lf-tr{top:-4px;right:-4px;transform:scaleX(-1);}
.lf-bl{bottom:-4px;left:-4px;transform:scaleY(-1);}
.lf-br{bottom:-4px;right:-4px;transform:scale(-1);}

/* ── Section inner wrappers ── */
.st-inner{
  display:grid;
  grid-template-columns:1fr clamp(320px,46%,580px);
  gap:clamp(40px,6vw,80px);
  align-items:center;
  padding:clamp(56px,7vw,96px) clamp(32px,7vw,96px);
}
.why-inner{
  display:grid;
  grid-template-columns:clamp(300px,44%,560px) 1fr;
  gap:clamp(40px,6vw,80px);
  align-items:center;
  padding:clamp(56px,7vw,96px) clamp(32px,7vw,96px);
}

/* ── TEXT COLUMN ── */
.st-left,.why-right{display:flex;flex-direction:column;}

.st-label{
  font-family:'Raleway',sans-serif;font-weight:600;
  font-size:8px;letter-spacing:6px;text-transform:uppercase;
  color:var(--gold3);margin-bottom:16px;
  display:flex;align-items:center;gap:10px;
}
.st-label::before{content:'';width:20px;height:1px;background:var(--gold3);flex-shrink:0;}

/* Big serif heading — matches reference */
.st-h2{
  font-family:'EB Garamond',serif;font-weight:400;
  font-size:clamp(2.6rem,5vw,4.5rem);
  line-height:1.04;color:var(--ink);
  margin-bottom:10px;letter-spacing:-.01em;
}
.st-h2 em{font-style:italic;color:var(--gold3);display:block;}

/* Gold subtitle line */
.st-tagline{
  font-family:'Raleway',sans-serif;font-weight:700;
  font-size:7.5px;letter-spacing:5px;text-transform:uppercase;
  color:var(--gold3);margin-bottom:22px;
}

/* Justified body paragraphs */
.st-body{
  font-family:'EB Garamond',serif;
  font-size:clamp(15px,1.5vw,17px);
  line-height:1.88;color:rgba(26,22,18,.68);
  margin-bottom:16px;text-align:justify;
}
.st-body strong{color:var(--ink);font-weight:600;}

/* Cursive script signature */
.st-sig{
  font-family:'Dancing Script',cursive;
  font-size:clamp(1.6rem,2.8vw,2.4rem);
  color:rgba(139,106,31,.55);
  margin:20px 0 0;line-height:1;
  letter-spacing:.01em;
}

/* Stats strip */
.st-stats{
  display:flex;align-items:center;
  margin-top:28px;padding-top:22px;
  border-top:1px solid rgba(139,106,31,.15);
}
.st-stat{padding:0 clamp(14px,2.2vw,28px);}
.st-stat:first-child{padding-left:0;}
.st-stat-div{width:1px;height:34px;background:rgba(139,106,31,.2);flex-shrink:0;}
.ss-n{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.3rem,2.2vw,2rem);color:var(--ink);display:block;line-height:1;}
.ss-n sup{font-size:.5em;color:var(--gold3);}
.ss-k{font-family:'Raleway',sans-serif;font-weight:300;font-size:7.5px;letter-spacing:3.5px;text-transform:uppercase;color:#9a8870;margin-top:5px;display:block;}

/* ── PHOTO COLLAGE ── */
.st-right,.why-left{
  position:relative;
  height:clamp(440px,54vw,600px);
}

/* Tape strips — gold, slightly translucent */
.tape{
  position:absolute;z-index:12;
  width:52px;height:18px;
  background:linear-gradient(135deg,rgba(201,168,76,.35),rgba(240,208,128,.25));
  border:1px solid rgba(201,168,76,.25);
  box-shadow:0 1px 4px rgba(0,0,0,.08);
  pointer-events:none;
}
.tape-1{top:-8px;right:80px;transform:rotate(-6deg);}
.tape-2{bottom:120px;left:40px;transform:rotate(6deg);}
.tape-3{bottom:-8px;right:60px;transform:rotate(-4deg);}

.tape-4{top:-8px;left:80px;transform:rotate(5deg);}
.tape-5{bottom:-10px;right:70px;transform:rotate(-6deg);}

/* Photo cards — like printed photos / polaroids */
.st-photo{
  position:absolute;
  overflow:hidden;
  box-shadow:0 8px 32px rgba(0,0,0,.13),0 1px 4px rgba(0,0,0,.06);
  background:#e8e2d8;
}
.st-photo img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  transition:transform .75s cubic-bezier(.25,.8,.25,1);
}
.st-photo:hover img{transform:scale(1.04);}

/* OUR STORY — photo 1 large top-right, photo 2 smaller bottom-left overlapping */
.sp-1{
  top:0;right:4%;
  width:63%;height:63%;
  transform:rotate(2.8deg);
  z-index:2;
}
.sp-2{
  bottom:0;left:2%;
  width:57%;height:55%;
  transform:rotate(-3.5deg);
  z-index:3;
}

/* WHY CHOOSE US — photo 1 large top-left, photo 2 smaller bottom-right overlapping */
.wp-1{
  top:0;left:2%;
  width:75%;height:65%;
  transform:rotate(-2.8deg);
  z-index:2;
}
.wp-2{
  bottom:0;right:4%;
  width:56%;height:53%;
  transform:rotate(3.5deg);
  z-index:3;
}

/* ── WHY FEATURES GRID ── */
.why-features{
  display:grid;grid-template-columns:1fr 1fr;
  gap:24px 28px;
  margin-top:28px;padding-top:24px;
  border-top:1px solid rgba(139,106,31,.14);
}
.wf-item{display:flex;flex-direction:column;gap:6px;}
.wf-icon{width:38px;height:38px;color:var(--gold3);margin-bottom:2px;}
.wf-icon svg{width:100%;height:100%;}
.wf-text strong{
  font-family:'EB Garamond',serif;font-size:clamp(14px,1.3vw,16.5px);
  font-weight:600;color:var(--ink);display:block;margin-bottom:4px;
}
.wf-text p{
  font-family:'EB Garamond',serif;font-size:clamp(13px,1.2vw,14.5px);
  line-height:1.72;color:rgba(26,22,18,.6);
}

/* ══════════════════════════════════════
   SERVICES
══════════════════════════════════════ */
#services{background:var(--navy);padding:80px clamp(24px,6vw,80px) 90px;position:relative;overflow:hidden;}
#services::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.06),transparent 70%);top:-100px;right:-100px;pointer-events:none;}
.sec-eyebrow{display:flex;align-items:center;gap:14px;justify-content:center;font-family:'Raleway',sans-serif;font-weight:300;font-size:8.5px;letter-spacing:7px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.sec-eyebrow::before,.sec-eyebrow::after{content:'';height:1px;width:24px;background:var(--gold);}
.sec-title{font-family:'Cinzel',serif;font-weight:300;font-size:clamp(1.7rem,3.5vw,2.8rem);letter-spacing:8px;color:var(--white);text-align:center;text-transform:uppercase;margin-bottom:4px;}
.sec-title span{color:var(--gold);}
.sec-rule{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:56px;}
.sr-line{width:36px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));}
.sr-line:last-child{background:linear-gradient(90deg,var(--gold),transparent);}
.sr-gem{width:5px;height:5px;background:var(--gold);transform:rotate(45deg);}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.svc-card{position:relative;overflow:hidden;aspect-ratio:3/4;cursor:none;}
.svc-img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.8,.25,1),filter .6s;filter:brightness(.65) saturate(.9);display:block;}
.svc-card:hover .svc-img{transform:scale(1.07);filter:brightness(.45) saturate(1.1);}
.svc-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(7,8,15,.9) 100%);}
.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:5;}
.svc-card:hover::before{transform:scaleX(1);}
.svc-body{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:28px 24px;transform:translateY(10px);transition:transform .4s;}
.svc-card:hover .svc-body{transform:none;}
.svc-num{font-family:'Cinzel',serif;font-size:8px;letter-spacing:4px;color:rgba(201,168,76,.5);display:block;margin-bottom:6px;}
.svc-name{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(.8rem,1.4vw,1.05rem);letter-spacing:3px;color:var(--white);text-transform:uppercase;margin-bottom:6px;display:block;}
.svc-desc{font-family:'EB Garamond',serif;font-size:clamp(12px,1.1vw,14px);font-style:italic;color:rgba(255,255,255,.5);line-height:1.6;max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .4s;opacity:0;}
.svc-card:hover .svc-desc{max-height:80px;opacity:1;}
.svc-arrow{display:inline-flex;align-items:center;gap:6px;font-family:'Raleway',sans-serif;font-weight:400;font-size:7.5px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);text-decoration:none;margin-top:10px;opacity:0;transition:opacity .35s .1s;}
.svc-card:hover .svc-arrow{opacity:1;}
.svc-arrow svg{width:12px;height:10px;stroke:var(--gold);fill:none;stroke-width:1.5;transition:transform .3s;}
.svc-arrow:hover svg{transform:translateX(3px);}

/* ══════════════════════════════════════
   GALLERY
══════════════════════════════════════ */
#gallery{background:#0c0d15;padding:80px clamp(24px,6vw,80px) 90px;position:relative;}
#gallery::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.04),transparent 70%);bottom:-150px;left:-100px;pointer-events:none;}
.gal-filters{display:flex;gap:4px;justify-content:center;margin-bottom:40px;flex-wrap:wrap;}
.gf-tab{font-family:'Raleway',sans-serif;font-weight:300;font-size:8.5px;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.45);background:transparent;border:1px solid rgba(255,255,255,.1);padding:9px 22px;cursor:none;transition:all .3s;}
.gf-tab:hover,.gf-tab.active{color:var(--navy);background:var(--gold);border-color:var(--gold);}
.gal-bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:80px;gap:3px;}
.gb{position:relative;overflow:hidden;cursor:none;background:#13131e;}
.gb:nth-child(1){grid-column:span 5;grid-row:span 5;}
.gb:nth-child(2){grid-column:span 4;grid-row:span 3;}
.gb:nth-child(3){grid-column:span 3;grid-row:span 3;}
.gb:nth-child(4){grid-column:span 4;grid-row:span 2;}
.gb:nth-child(5){grid-column:span 3;grid-row:span 5;}
.gb:nth-child(6){grid-column:span 4;grid-row:span 2;}
.gb:nth-child(7){grid-column:span 5;grid-row:span 3;}
.gb:nth-child(8){grid-column:span 4;grid-row:span 3;}
.gb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.25,.8,.25,1),filter .5s;filter:brightness(.75) saturate(.95);}
.gb:hover img{transform:scale(1.06);filter:brightness(.5) saturate(1.1);}
.gb-over{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(7,8,15,.88));opacity:0;transition:opacity .4s;display:flex;flex-direction:column;justify-content:flex-end;padding:18px 16px;}
.gb:hover .gb-over{opacity:1;}
.gb-cat{font-family:'Raleway',sans-serif;font-size:7px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:3px;transform:translateY(6px);transition:transform .3s .05s;}
.gb-name{font-family:'Cinzel',serif;font-weight:400;font-size:clamp(.75rem,1.2vw,.95rem);color:var(--white);letter-spacing:2px;transform:translateY(6px);transition:transform .3s .08s;}
.gb:hover .gb-cat,.gb:hover .gb-name{transform:none;}
.gb::after{content:'';position:absolute;top:0;left:0;width:0;height:2px;background:var(--gold);transition:width .4s;}
.gb:hover::after{width:100%;}
.gal-cta{text-align:center;margin-top:40px;}
.btn-outline-gold{display:inline-flex;align-items:center;gap:10px;font-family:'Raleway',sans-serif;font-weight:400;font-size:8.5px;letter-spacing:5px;text-transform:uppercase;text-decoration:none;color:var(--gold);border:1px solid rgba(201,168,76,.4);padding:14px 36px;position:relative;overflow:hidden;transition:color .4s;}
.btn-outline-gold::before{content:'';position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.16,1,.3,1);}
.btn-outline-gold:hover::before{transform:scaleX(1);transform-origin:left;}
.btn-outline-gold:hover{color:var(--navy);}
.btn-outline-gold span{position:relative;z-index:1;display:flex;align-items:center;gap:10px;}
.btn-outline-gold svg{width:14px;height:12px;stroke:currentColor;fill:none;stroke-width:1.5;}

/* Fix cursor showing on lightbox */
#hgLightbox,
#lightbox {
  cursor: none;
}

#cur  { z-index: 99999; }
#cur2 { z-index: 99998; }
 
/* ── Zoom icon on bento cells ── */
.gb-zoom {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(201,168,76,.55);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(7,8,15,.5);
  backdrop-filter: blur(8px);
  color: var(--gold);
  opacity: 0;
  transform: scale(.75);
  transition: opacity .3s, transform .3s;
  z-index: 5;
  pointer-events: none;
}
.gb-zoom svg {
  width: 13px;
  height: 13px;
}
.gb:hover .gb-zoom {
  opacity: 1;
  transform: scale(1);
}
 
/* cursor on bento items */
.gb { cursor: none; }
 
/* ── HOME GALLERY LIGHTBOX ── */
#hgLightbox {
  position: fixed;
  inset: 0;
  z-index: 98000;
  background: rgba(4,5,8,.97);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s, visibility .4s;
}
#hgLightbox.open {
  opacity: 1;
  visibility: visible;
}
 
/* image wrapper */
.hgl-wrap {
  position: relative;
  max-width: 88vw;
  max-height: 88vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hgl-wrap img {
  max-width: 88vw;
  max-height: 88vh;
  object-fit: contain;
  display: block;
  border: 1px solid rgba(201,168,76,.1);
  box-shadow: 0 32px 80px rgba(0,0,0,.85);
  opacity: 0;
  transition: opacity .35s;
}
#hgLightbox.open .hgl-wrap img { opacity: 1; }
 
/* caption */
.hgl-cap {
  position: absolute;
  bottom: -46px;
  left: 0; right: 0;
  text-align: center;
}
.hgl-cap-cat {
  font-family: 'Raleway', sans-serif;
  font-size: 7.5px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: var(--gold);
  display: block;
  margin-bottom: 3px;
}
.hgl-cap-name {
  font-family: 'Cinzel', serif;
  font-size: clamp(.72rem, 1.1vw, .9rem);
  letter-spacing: 3px;
  color: rgba(255,255,255,.5);
}
 
/* close button */
.hgl-close {
  position: fixed;
  top: 22px; right: 24px;
  width: 44px; height: 44px;
  border: 1px solid rgba(201,168,76,.22);
  background: rgba(7,8,15,.7);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: none;
  z-index: 10;
  color: var(--gold);
  transition: border-color .3s, transform .35s;
}
.hgl-close:hover { border-color: var(--gold); transform: rotate(90deg); }
.hgl-close svg { width: 16px; height: 16px; }
 
/* nav arrows */
.hgl-arr {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 50px; height: 50px;
  border: 1px solid rgba(201,168,76,.2);
  background: rgba(7,8,15,.5);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: none;
  z-index: 10;
  color: var(--gold);
  transition: border-color .3s, background .3s;
}
.hgl-arr:hover { border-color: var(--gold); background: rgba(201,168,76,.1); }
.hgl-prev { left: 18px; }
.hgl-next { right: 18px; }
.hgl-arr svg { width: 18px; height: 18px; }
 
/* counter */
.hgl-ctr {
  position: fixed;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Cinzel', serif;
  font-size: 10px;
  letter-spacing: 4px;
  color: rgba(201,168,76,.45);
}
 
/* mobile */
@media (max-width: 600px) {
  .hgl-arr { width: 38px; height: 38px; }
  .hgl-prev { left: 6px; }
  .hgl-next { right: 6px; }
}
/* ══════════════════════════════════════
   INSTAGRAM
══════════════════════════════════════ */
#instagram{background:var(--navy);padding:80px 0 0;position:relative;overflow:hidden;}
#instagram::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.2),transparent);}
.ig-header{text-align:center;padding:0 clamp(24px,6vw,80px) 44px;}
.ig-handle{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-family:'Raleway',sans-serif;font-weight:300;font-size:9px;letter-spacing:5px;text-transform:uppercase;color:rgba(201,168,76,.6);text-decoration:none;transition:color .3s;}
.ig-handle:hover{color:var(--gold);}
.ig-handle svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5;}
.ig-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;}
.ig-cell{aspect-ratio:1;overflow:hidden;position:relative;cursor:none;background:#11121a;}
.ig-cell img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.8) saturate(.9);transition:transform .65s cubic-bezier(.25,.8,.25,1),filter .5s;}
.ig-cell:hover img{transform:scale(1.08);filter:brightness(.4) saturate(1.1);}
.ig-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;opacity:0;transition:opacity .35s;}
.ig-cell:hover .ig-over{opacity:1;}
.ig-over svg{width:22px;height:22px;stroke:var(--gold);fill:none;stroke-width:1.5;}
.ig-over span{font-family:'Raleway',sans-serif;font-size:7px;letter-spacing:4px;text-transform:uppercase;color:rgba(201,168,76,.7);}
.ig-footer{padding:32px clamp(24px,6vw,80px);background:rgba(201,168,76,.06);border-top:1px solid rgba(201,168,76,.1);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:3px;}
.igf-text p{font-family:'Cinzel',serif;font-size:clamp(.75rem,1.5vw,1rem);letter-spacing:3px;color:var(--white);text-transform:uppercase;}
.igf-text span{font-family:'EB Garamond',serif;font-style:italic;font-size:clamp(13px,1.3vw,15px);color:rgba(255,255,255,.4);}
.igf-btn{font-family:'Raleway',sans-serif;font-weight:500;font-size:8.5px;letter-spacing:5px;text-transform:uppercase;text-decoration:none;color:var(--navy);background:var(--gold);padding:13px 32px;transition:background .3s,transform .3s,box-shadow .3s;}
.igf-btn:hover{background:var(--gold2);transform:translateY(-2px);box-shadow:0 12px 36px rgba(201,168,76,.3);}

/* ══ RESPONSIVE ══ */
@media(max-width:1100px){
  .svc-grid{grid-template-columns:1fr 1fr;}
  .svc-card:nth-child(1){grid-column:1/3;aspect-ratio:16/7;}
}
@media(max-width:960px){
  #hdr{padding:0 22px;}
  .nav-links{display:none;}
  .side-label,.slide-counter{display:none;}
  .slider-arrows{padding:0 14px;}
  .arrow{width:42px;height:42px;}
 
  .bar-item{padding:0 18px;}
  .hero-content{padding-bottom:80px;}
  .st-inner{grid-template-columns:1fr;gap:40px;}
  .st-right{height:360px;}
  .why-inner{grid-template-columns:1fr;gap:40px;}
  .why-left{height:340px;}
  .why-features{grid-template-columns:1fr 1fr;}
  .svc-grid{grid-template-columns:1fr 1fr;}
  .svc-card:nth-child(1){grid-column:1/3;aspect-ratio:16/6;}
  .gb:nth-child(n){grid-column:span 6;grid-row:span 3;}
  .ig-strip{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:600px){

  .hero-content{padding:0 18px;padding-bottom:80px;}
  .st-inner,.why-inner{padding:48px 20px;gap:32px;}
  .st-right{height:300px;}
  .why-left{height:280px;}
  .why-features{grid-template-columns:1fr;}
  .svc-grid{grid-template-columns:1fr;}
  .svc-card:nth-child(1){grid-column:auto;aspect-ratio:3/4;}
  .gb:nth-child(n){grid-column:span 6;grid-row:span 3;}
  .ig-strip{grid-template-columns:repeat(2,1fr);}
  .ig-footer{flex-direction:column;align-items:flex-start;}
}
/* ════════════════════════════════════════════════
   PROCESS — diagonal/staircase layout
════════════════════════════════════════════════ */
#process{
  background:var(--cream);
  position:relative;overflow:hidden;
  padding:90px clamp(24px,6vw,80px) 100px;
}
#process::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,106,31,.2),transparent);}

/* giant ghost number watermark */
.proc-ghost{
  position:absolute;right:-30px;top:50%;transform:translateY(-50%);
  font-family:'Cinzel',serif;font-size:clamp(220px,30vw,320px);font-weight:700;
  color:rgba(139,106,31,.04);line-height:1;pointer-events:none;
  transition:color .4s;user-select:none;
}

.proc-header{text-align:center;margin-bottom:72px;}

/* Steps rail */
.proc-rail{
  position:relative;
  max-width:960px;margin:0 auto;
  display:flex;flex-direction:column;gap:0;
}

/* Vertical connecting line */
.proc-rail::before{
  content:'';position:absolute;left:50%;top:28px;bottom:28px;
  width:1px;background:linear-gradient(180deg,rgba(139,106,31,.0),rgba(139,106,31,.25) 15%,rgba(139,106,31,.25) 85%,rgba(139,106,31,.0));
  transform:translateX(-50%);
}

.proc-step{
  display:grid;
  grid-template-columns:1fr 56px 1fr;
  align-items:center;
  gap:0;
  padding:20px 0;
}

/* Even steps: content right */
.proc-step:nth-child(even) .ps-content{order:3;}
.proc-step:nth-child(even) .ps-center{order:2;}
.proc-step:nth-child(even) .ps-empty{order:1;}

/* Odd steps: content left */
.proc-step:nth-child(odd) .ps-content{order:1;text-align:right;}
.proc-step:nth-child(odd) .ps-center{order:2;}
.proc-step:nth-child(odd) .ps-empty{order:3;}

.ps-content{
  background:var(--navy);
  padding:clamp(24px,3vw,36px) clamp(20px,3vw,36px);
  position:relative;
  transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;
}
.ps-content:hover{transform:translateY(-4px);box-shadow:0 20px 56px rgba(7,8,15,.18);}

/* Gold left-border accent */
.proc-step:nth-child(odd) .ps-content::before{
  content:'';position:absolute;right:-1px;top:50%;transform:translateY(-50%);
  width:3px;height:60%;background:linear-gradient(180deg,transparent,var(--gold),transparent);
}
.proc-step:nth-child(even) .ps-content::before{
  content:'';position:absolute;left:-1px;top:50%;transform:translateY(-50%);
  width:3px;height:60%;background:linear-gradient(180deg,transparent,var(--gold),transparent);
}

.ps-num{
  font-family:'Cinzel',serif;font-weight:300;font-size:11px;letter-spacing:6px;
  color:var(--gold);display:block;margin-bottom:6px;
}
.ps-title{
  font-family:'Cinzel',serif;font-weight:600;
  font-size:clamp(.85rem,1.6vw,1.1rem);
  letter-spacing:3px;text-transform:uppercase;
  color:var(--white);margin-bottom:8px;
}
.ps-desc{
  font-family:'EB Garamond',serif;font-size:clamp(13px,1.3vw,15px);
  line-height:1.78;color:rgba(255,255,255,.5);font-style:italic;
}

/* Center node */
.ps-center{
  display:flex;align-items:center;justify-content:center;
  position:relative;z-index:2;
}
.ps-node{
  width:44px;height:44px;
  background:var(--cream);
  border:2px solid var(--gold);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 6px var(--cream),0 0 0 7px rgba(201,168,76,.15);
  transition:background .35s,box-shadow .35s;
}
.ps-content:hover ~ .ps-center .ps-node,
.proc-step:hover .ps-node{
  background:var(--gold);
  box-shadow:0 0 0 6px var(--cream),0 0 0 18px rgba(201,168,76,.08);
}
.ps-node svg{width:16px;height:16px;stroke:var(--gold3);fill:none;stroke-width:1.8;transition:stroke .35s;}
.proc-step:hover .ps-node svg{stroke:var(--navy);}

.ps-empty{/* intentional empty column */}


/* ════════════════════════════════════════════════
   TESTIMONIALS — split: promo image left, cards right
════════════════════════════════════════════════ */
#testimonials{
  background:var(--navy);
  position:relative;overflow:hidden;
}
#testimonials::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.2),transparent);}

.tsl-outer{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:680px;
}

/* ── LEFT: full-bleed promo image panel ── */
.tsl-left{
  position:relative;overflow:hidden;
}
.tsl-left-img{
  position:absolute;inset:0;
  background-image:url('images/little-one.jpeg');
  background-size:cover;background-position:center;
  transition:transform 8s ease;
}
#testimonials:hover .tsl-left-img{transform:scale(1.04);}

/* dark overlay */
.tsl-left::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(7,8,15,.82) 0%,rgba(7,8,15,.45) 60%,rgba(7,8,15,.72) 100%);
}

/* promo text inside left panel */
.tsl-promo{
  position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:clamp(32px,5vw,56px);
}
.tsl-promo-sup{
  font-family:'Raleway',sans-serif;font-weight:300;font-size:8px;
  letter-spacing:7px;text-transform:uppercase;color:rgba(201,168,76,.7);
  margin-bottom:14px;display:flex;align-items:center;gap:10px;
}
.tsl-promo-sup::before{content:'';width:20px;height:1px;background:var(--gold);flex-shrink:0;}
.tsl-promo h3{
  font-family:'Cinzel',serif;font-weight:300;
  font-size:clamp(1.6rem,3.2vw,2.8rem);
  letter-spacing:6px;color:var(--white);
  text-transform:uppercase;line-height:1.15;
  margin-bottom:14px;
}
.tsl-promo h3 span{
  display:block;color:var(--gold);font-weight:600;font-size:.62em;
  letter-spacing:8px;
}
.tsl-promo p{
  font-family:'EB Garamond',serif;font-style:italic;
  font-size:clamp(13px,1.4vw,16px);
  color:rgba(255,255,255,.5);line-height:1.7;
  max-width:320px;margin-bottom:28px;
}

/* stats row on left */
.tsl-stats{display:flex;gap:0;border-top:1px solid rgba(201,168,76,.15);padding-top:22px;}
.tsl-stat{padding-right:clamp(16px,2.5vw,32px);}
.tsl-stat:not(:last-child){border-right:1px solid rgba(201,168,76,.12);margin-right:clamp(16px,2.5vw,32px);}
.tsl-sn{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.3rem,2.2vw,1.8rem);color:var(--gold);line-height:1;display:block;}
.tsl-sn sup{font-size:.5em;color:var(--gold2);}
.tsl-sk{font-family:'Raleway',sans-serif;font-weight:300;font-size:7px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-top:4px;display:block;}

/* gold vertical accent bar */
.tsl-left-bar{
  position:absolute;left:0;top:0;bottom:0;width:3px;z-index:3;
  background:linear-gradient(180deg,transparent,var(--gold) 30%,var(--gold) 70%,transparent);
}

/* ── RIGHT: testimonial cards stack ── */
.tsl-right{
  background:rgba(255,255,255,.02);
  display:flex;flex-direction:column;
  justify-content:center;
  padding:clamp(36px,5vw,64px) clamp(28px,4.5vw,56px);
  position:relative;
}
/* ambient glow */
.tsl-right::before{
  content:'';position:absolute;
  width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,168,76,.05),transparent 70%);
  top:-80px;right:-80px;pointer-events:none;
}

/* section label inside right panel */
.tsl-right-sup{
  font-family:'Raleway',sans-serif;font-weight:300;font-size:8px;
  letter-spacing:7px;text-transform:uppercase;color:var(--gold);
  margin-bottom:8px;display:flex;align-items:center;gap:10px;
}
.tsl-right-sup::before{content:'';width:20px;height:1px;background:var(--gold);}
.tsl-right h2{
  font-family:'Cinzel',serif;font-weight:300;
  font-size:clamp(1.1rem,2vw,1.7rem);
  letter-spacing:5px;color:var(--white);
  text-transform:uppercase;margin-bottom:36px;
}
.tsl-right h2 span{color:var(--gold);}

/* Card */
.tc-track{position:relative;min-height:260px;margin-bottom:28px;}
.tc{
  position:absolute;inset:0;
  opacity:0;transform:translateX(20px);
  transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.tc.ta{opacity:1;transform:none;pointer-events:all;}

.tc-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(201,168,76,.1);
  border-left:3px solid var(--gold);
  padding:clamp(24px,3.5vw,36px) clamp(20px,3.5vw,32px);
  position:relative;
  transition:border-color .4s,background .4s;
}
.tc-card:hover{background:rgba(255,255,255,.06);border-color:rgba(201,168,76,.22);}

/* big quote mark */
.tc-card::before{
  content:'"';position:absolute;top:-14px;right:20px;
  font-family:'EB Garamond',serif;font-size:100px;line-height:1;
  color:rgba(201,168,76,.08);pointer-events:none;
}

.tc-stars{display:flex;gap:3px;margin-bottom:14px;}
.tc-stars svg{width:12px;height:12px;fill:var(--gold);stroke:none;}

.tc-quote{
  font-family:'EB Garamond',serif;font-size:clamp(14.5px,1.6vw,17px);
  font-style:italic;line-height:1.82;
  color:rgba(255,255,255,.72);margin-bottom:22px;
  position:relative;z-index:1;
}

.tc-author{display:flex;align-items:center;gap:14px;}
.tc-avatar{
  width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;
  border:2px solid rgba(201,168,76,.3);
}
.tc-avatar img{width:100%;height:100%;object-fit:cover;}
.tc-name{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(.7rem,1.1vw,.85rem);letter-spacing:2px;color:var(--white);text-transform:uppercase;display:block;}
.tc-role{font-family:'EB Garamond',serif;font-style:italic;font-size:clamp(11px,1vw,13px);color:var(--gold);margin-top:2px;display:block;}

/* Nav */
.tsl-nav{display:flex;align-items:center;gap:14px;}
.tarr{
  width:40px;height:40px;border:1px solid rgba(201,168,76,.22);
  background:transparent;display:flex;align-items:center;justify-content:center;
  cursor:none;transition:border-color .3s,background .3s;flex-shrink:0;
}
.tarr:hover{border-color:var(--gold);background:rgba(201,168,76,.1);}
.tarr svg{width:15px;height:15px;stroke:var(--gold);fill:none;stroke-width:1.6;}
.tdots{display:flex;gap:8px;align-items:center;}
.tdot{width:22px;height:2px;background:rgba(201,168,76,.22);cursor:none;transition:background .35s,width .35s;position:relative;overflow:hidden;}
.tdot.ta{width:38px;background:transparent;}
.tdot.ta::after{content:'';position:absolute;inset:0;background:var(--gold);animation:dotFill 5s linear forwards;}

/* responsive */
@media(max-width:900px){
  .tsl-outer{grid-template-columns:1fr;}
  .tsl-left{min-height:320px;position:relative;}
  .tsl-promo{justify-content:flex-end;}
}
@media(max-width:600px){
  .tsl-right{padding:32px 20px;}
  .tc-track{min-height:300px;}
}


.ft-copy a{
color:var(--gold);
text-decoration:none;
}

.ft-copy a:hover{
text-decoration:underline;
}
/* ════════════════════════════════════════════════
   FAQ
════════════════════════════════════════════════ */
#faq{
  background:var(--cream);
  padding:90px clamp(24px,6vw,80px) 100px;
  position:relative;overflow:hidden;
}
#faq::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,106,31,.18),transparent);}

.faq-wrap{
  display:grid;
  grid-template-columns:clamp(220px,30%,340px) 1fr;
  gap:clamp(40px,6vw,96px);
  align-items:start;
  margin-top:60px;
}
.faq-left{position:sticky;top:100px;}
.faq-left-label{
  font-family:'Raleway',sans-serif;font-weight:600;
  font-size:8px;letter-spacing:6px;text-transform:uppercase;
  color:var(--gold3);margin-bottom:14px;
  display:flex;align-items:center;gap:10px;
}
.faq-left-label::before{content:'';width:20px;height:1px;background:var(--gold3);}
.faq-left h3{
  font-family:'EB Garamond',serif;font-weight:400;
  font-size:clamp(1.9rem,3.2vw,3rem);
  line-height:1.08;color:var(--ink);margin-bottom:18px;
}
.faq-left h3 em{font-style:italic;color:var(--gold3);}
.faq-left p{
  font-family:'EB Garamond',serif;
  font-size:clamp(14px,1.4vw,16px);
  line-height:1.82;color:rgba(26,22,18,.6);
  margin-bottom:28px;
}
.faq-cta{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Raleway',sans-serif;font-weight:500;font-size:8px;
  letter-spacing:5px;text-transform:uppercase;text-decoration:none;
  color:var(--ink);border:1.5px solid var(--ink);
  padding:12px 22px 12px 28px;
  position:relative;overflow:hidden;transition:color .4s;
}
.faq-cta::before{content:'';position:absolute;inset:0;background:var(--ink);transform:translateX(-100%);transition:transform .45s cubic-bezier(.16,1,.3,1);}
.faq-cta:hover::before{transform:none;}
.faq-cta:hover{color:var(--cream);}
.faq-cta span,.faq-cta svg{position:relative;z-index:1;}
.faq-cta svg{width:13px;height:10px;stroke:currentColor;fill:none;stroke-width:2;}

.faq-list{display:flex;flex-direction:column;gap:0;}

.faq-item{
  border-bottom:1px solid rgba(139,106,31,.14);
  overflow:hidden;
}
.faq-item:first-child{border-top:1px solid rgba(139,106,31,.14);}

.faq-q{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  width:100%;background:none;border:none;
  padding:22px 0;cursor:none;text-align:left;
  transition:color .3s;
}
.faq-q-text{
  font-family:'Cinzel',serif;font-weight:400;
  font-size:clamp(.78rem,1.3vw,.95rem);
  letter-spacing:1.5px;color:var(--ink);
  transition:color .3s;
}
.faq-item.open .faq-q-text{color:var(--gold3);}
.faq-icon{
  width:28px;height:28px;flex-shrink:0;
  border:1px solid rgba(139,106,31,.25);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  transition:background .3s,border-color .3s,transform .4s;
}
.faq-item.open .faq-icon{background:var(--gold3);border-color:var(--gold3);transform:rotate(45deg);}
.faq-icon svg{width:10px;height:10px;stroke:var(--gold3);fill:none;stroke-width:2.5;transition:stroke .3s;}
.faq-item.open .faq-icon svg{stroke:var(--cream);}

.faq-a{
  max-height:0;overflow:hidden;
  transition:max-height .5s cubic-bezier(.16,1,.3,1);
}
.faq-item.open .faq-a{max-height:200px;}
.faq-a p{
  font-family:'EB Garamond',serif;
  font-size:clamp(14px,1.4vw,16px);
  line-height:1.82;color:rgba(26,22,18,.62);
  padding:0 0 22px;
}


/* ════════════════════════════════════════════════
   FOOTER
════════════════════════════════════════════════ */
  #footer{
background:#05060b;
padding:80px 8vw 30px;
border-top:1px solid rgba(201,168,76,.15);
}

/* GRID */

.footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr;
gap:60px;
margin-bottom:50px;
}

/* BRAND */

.footer-logo{
height:70px;
margin-bottom:18px;
}

.footer-desc{
font-family:'EB Garamond';
color:rgba(255,255,255,.6);
line-height:1.7;
font-size:15px;
}

/* LINKS */

.footer-links h4,
.footer-contact h4{
font-family:'Cinzel';
letter-spacing:3px;
font-size:14px;
color:var(--gold);
margin-bottom:16px;
}

.footer-links a{
display:block;
text-decoration:none;
color:rgba(255,255,255,.6);
margin-bottom:8px;
font-size:13px;
}

.footer-links a:hover{
color:var(--gold);
}

/* CONTACT */

.footer-contact p{
color:rgba(255,255,255,.6);
font-size:13px;
margin-bottom:6px;
}

.footer-book{
display:inline-block;
margin-top:10px;
padding:12px 28px;
background:linear-gradient(120deg,#F0D080,#C9A84C);
color:#05060b;
text-decoration:none;
font-size:12px;
letter-spacing:3px;
}

/* SOCIAL */

.footer-social{
display:flex;
justify-content:center;
gap:28px;
margin-bottom:30px;
font-size:12px;
letter-spacing:3px;
}

.footer-social a{
text-decoration:none;
color:rgba(201,168,76,.6);
}

.footer-social a:hover{
color:var(--gold);
}

/* BOTTOM */

.footer-bottom{
border-top:1px solid rgba(201,168,76,.1);
padding-top:18px;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
font-size:12px;
color:rgba(255,255,255,.45);
}

.footer-bottom span{
color:var(--gold);
}

.footer-dev a{
color:var(--gold);
text-decoration:none;
}

/* MOBILE */

@media(max-width:900px){

.footer-grid{
grid-template-columns:1fr;
text-align:center;
gap:40px;
}

.footer-bottom{
flex-direction:column;
gap:8px;
text-align:center;
}

}


#footer {
  position: relative; /* already set, just confirming */
}
 

 
/* Add this — the logo watermark */
#footer .footer-watermark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(280px, 42vw, 560px);
  height: auto;
  object-fit: contain;
  opacity: 0.045;                          /* very subtle */
  filter: brightness(10) grayscale(1);     /* makes it appear as a pure light ghost */
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
 
/* Make sure all footer content sits above the watermark */
#footer .footer-grid,
#footer .footer-social,
#footer .footer-bottom,
#footer .ft-divider {
  position: relative;
  z-index: 1;
}


 
/* ── A. FILM GRAIN TEXTURE OVERLAY ──
   Adds an organic, warm film-photography feel.
   Paste inside body::after or a fixed ::before layer            */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 9990;
  pointer-events: none;
  opacity: .028;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  background-size: 180px 180px;
  mix-blend-mode: overlay;
}
 
/* ── B. GOLD SELECTION HIGHLIGHT ──
   When user selects text, it glows gold                         */
::selection {
  background: rgba(201,168,76,.25);
  color: #F0D080;
}
 
/* ── C. SCROLLBAR STYLED TO MATCH THEME ──                      */
::-webkit-scrollbar       { width: 4px; }
::-webkit-scrollbar-track { background: var(--navy); }
::-webkit-scrollbar-thumb { background: rgba(201,168,76,.35); border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: var(--gold); }
 
/* ── D. SERVICE CARD — NUMBER BADGE GLOW on hover ──            */
.svc-card:hover .svc-num {
  color: var(--gold);
  text-shadow: 0 0 12px rgba(201,168,76,.6);
}
 
/* ── E. HERO COUNTER — subtle glow ──                           */
.sc-cur {
  text-shadow: 0 0 30px rgba(201,168,76,.4);
}
 
/* ── F. GALLERY — GOLDEN TOP BORDER on hover becomes gradient ──*/
.gb:hover::after {
  background: linear-gradient(90deg, transparent, var(--gold), var(--gold2), var(--gold), transparent);
  width: 100%;
}
 
/* ── G. PROCESS — step content has a subtle inset gold line ──  */
.ps-content {
  border-left: 2px solid rgba(201,168,76,.08);
  transition: border-color .4s;
}
.proc-step:hover .ps-content {
  border-left-color: rgba(201,168,76,.35);
}
 
/* ── H. FAQ — accent colour on open question number ──          */
.faq-item.open .faq-q-text::before {
  content: attr(data-num) ' ';
  color: var(--gold);
  font-family: 'Cinzel', serif;
  font-size: 10px;
  letter-spacing: 3px;
}




 
/* ════════════════════════════
   VIDEO REEL SECTION
════════════════════════════ */
#reel {
  background: var(--navy);
  position: relative;
  overflow: hidden;
}
#reel::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.25), transparent);
  z-index: 2;
}
 
/* full-width video container — 16:9 */
.reel-video-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 92vh;
  overflow: hidden;
  background: #000;
}
 
/* the actual video element */
.reel-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: brightness(.72);
  transition: filter .6s ease;
}
.reel-video-wrap.playing .reel-video {
  filter: brightness(.55);
}
 
/* dark gradient overlays — top and bottom */
.reel-vig {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(7,8,15,.65) 0%, transparent 22%, transparent 70%, rgba(7,8,15,.9) 100%),
    radial-gradient(ellipse 80% 80% at 50% 50%, transparent 30%, rgba(7,8,15,.55) 100%);
}
 
/* CENTER PLAY UI */
.reel-ui {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  transition: opacity .5s;
}
.reel-video-wrap.playing .reel-ui {
  opacity: 0;
  pointer-events: none;
}
.reel-video-wrap.playing:hover .reel-ui {
  opacity: 1;
  pointer-events: all;
}
 
/* eyebrow text */
.reel-eyebrow {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: 8px;
  letter-spacing: 9px;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.reel-eyebrow::before,
.reel-eyebrow::after {
  content: '';
  display: block;
  height: 1px;
  width: 28px;
  background: var(--gold);
}
 
/* big play button */
.reel-play-btn {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  border: 1.5px solid rgba(201,168,76,.6);
  background: rgba(7,8,15,.55);
  backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: none;
  position: relative;
  transition: transform .4s cubic-bezier(.16,1,.3,1), border-color .3s, background .3s;
  margin-bottom: 28px;
}
/* pulse ring */
.reel-play-btn::before {
  content: '';
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  border: 1px solid rgba(201,168,76,.2);
  animation: reelPulse 2.4s ease-out infinite;
}
.reel-play-btn::after {
  content: '';
  position: absolute;
  inset: -20px;
  border-radius: 50%;
  border: 1px solid rgba(201,168,76,.1);
  animation: reelPulse 2.4s ease-out .8s infinite;
}
@keyframes reelPulse {
  0%   { transform: scale(1); opacity: 1; }
  100% { transform: scale(1.6); opacity: 0; }
}
.reel-play-btn:hover {
  transform: scale(1.1);
  border-color: var(--gold);
  background: rgba(201,168,76,.12);
}
.reel-play-btn svg {
  width: 28px;
  height: 28px;
  fill: var(--gold);
  margin-left: 4px; /* optical centering */
  position: relative;
  z-index: 1;
}
 
/* PAUSE icon (shown when playing + hover) */
.reel-pause-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid rgba(201,168,76,.4);
  background: rgba(7,8,15,.5);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: none;
  opacity: 0;
  transition: opacity .3s, transform .3s;
  position: absolute;
  bottom: clamp(28px, 4vw, 52px);
  right: clamp(28px, 4vw, 52px);
  z-index: 12;
}
.reel-video-wrap.playing:hover .reel-pause-btn {
  opacity: 1;
}
.reel-pause-btn:hover {
  transform: scale(1.08);
  border-color: var(--gold);
}
.reel-pause-btn svg {
  width: 18px;
  height: 18px;
  stroke: var(--gold);
  fill: none;
  stroke-width: 2;
}
 
/* title overlay at bottom */
.reel-title-wrap {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  z-index: 11;
  padding: clamp(24px, 4vw, 52px) clamp(28px, 5vw, 72px);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.reel-title {
  font-family: 'Cinzel', serif;
  font-weight: 300;
  font-size: clamp(1.4rem, 3.2vw, 3rem);
  letter-spacing: 10px;
  color: var(--white);
  text-transform: uppercase;
  line-height: 1.1;
  text-shadow: 0 2px 30px rgba(0,0,0,.6);
}
.reel-title span {
  color: var(--gold);
  display: block;
  font-weight: 700;
  font-size: .6em;
  letter-spacing: 12px;
  margin-bottom: 4px;
}
.reel-mute-btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Raleway', sans-serif;
  font-size: 8px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  background: rgba(7,8,15,.5);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(201,168,76,.2);
  padding: 9px 18px;
  cursor: none;
  transition: color .3s, border-color .3s;
  align-self: flex-end;
  margin-bottom: 4px;
}
.reel-mute-btn:hover {
  color: var(--gold);
  border-color: rgba(201,168,76,.5);
}
.reel-mute-btn svg {
  width: 14px; height: 14px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
}
 
/* dark → navy transitions around section */
.reel-top-fade {
  height: 60px;
  background: linear-gradient(180deg, var(--navy) 0%, #000 100%);
}
.reel-bot-fade {
  height: 60px;
  background: linear-gradient(180deg, #000 0%, var(--navy) 100%);
}
 
/* responsive */
@media (max-width: 600px) {
  .reel-play-btn { width: 68px; height: 68px; }
  .reel-play-btn svg { width: 22px; height: 22px; }
  .reel-title { letter-spacing: 5px; }
  .reel-mute-btn { display: none; }
}
 
 
/* ════════════════════════════
   BACK TO TOP BUTTON
════════════════════════════ */
#back-top {
  position: fixed;
  bottom: 108px; /* sits above WhatsApp float + sticky bar */
  right: 36px;
  z-index: 850;
 
  width: 44px;
  height: 44px;
  background: rgba(7,8,15,.82);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(201,168,76,.28);
 
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: none;
  text-decoration: none;
 
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
  transition: opacity .4s, transform .4s cubic-bezier(.16,1,.3,1), border-color .3s, background .3s;
}
#back-top.show {
  opacity: 1;
  transform: none;
  pointer-events: all;
}
#back-top:hover {
  border-color: var(--gold);
  background: rgba(201,168,76,.1);
}
#back-top svg {
  width: 16px;
  height: 16px;
  stroke: var(--gold);
  fill: none;
  stroke-width: 2;
  transition: transform .3s;
}
#back-top:hover svg {
  transform: translateY(-3px);
}
 
/* on mobile, sit above sticky bar */
@media (max-width: 960px) {
  #back-top {
    bottom: 90px;
    right: 20px;
    width: 40px;
    height: 40px;
  }
}
 


 
/* Hide custom cursor dots on mobile / touch screens */
@media (max-width: 960px), (hover: none), (pointer: coarse) {
  #cur,
  #cur2 {
    display: none !important;
  }
 
  /* Restore default cursor for everything on mobile */
  body,
  a,
  button,
  .arrow,
  .dot,
  .bar-item,
  .svc-card,
  .gb,
  .ig-cell,
  .proc-step,
  .faq-q,
  .tarr,
  .tdot,
  .ft-soc,
  .wa-btn,
  .menu-btn,
  .pkg-tab,
  .pkg-cta,
  .bf-chip,
  .bf-select,
  .bf-check,
  .gf-tab,
  .ft-nl-btn,
  .sb-btn {
    cursor: auto !important;
  }
 
  /* Links and buttons get pointer cursor as expected */
  a,
  button,
  .arrow,
  .dot,
  .menu-btn,
  .pkg-tab,
  .pkg-cta,
  .bf-chip,
  .gf-tab,
  .ft-nl-btn,
  .sb-btn,
  .wa-btn,
  .tarr,
  .tdot,
  .igf-btn,
  .reel-play-btn,
  .reel-pause-btn,
  .reel-mute-btn,
  #back-top {
    cursor: pointer !important;
  }
}


/* ══ FLOATING WHATSAPP ══ */
.wa-float{
  position:fixed;bottom:36px;left:36px;z-index:900;right:auto; 
  display:flex;flex-direction:column;align-items:flex-start;gap:10px;
}
.wa-tooltip{
  background:rgba(7,8,15,.9);backdrop-filter:blur(10px);
  border:1px solid rgba(201,168,76,.2);
  padding:10px 16px;
  font-family:'Raleway',sans-serif;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.65);
  white-space:nowrap;
  opacity:0;transform:translateX(10px);
  transition:opacity .3s,transform .3s;
  pointer-events:none;
}
.wa-float:hover .wa-tooltip{opacity:1;transform:none;}
.wa-btn{
  width:56px;height:56px;background:#25D366;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;box-shadow:0 8px 28px rgba(37,211,102,.35);
  transition:transform .3s,box-shadow .3s;
  position:relative;
}
.wa-btn::before{
  content:'';position:absolute;inset:0;border-radius:50%;
  background:#25D366;opacity:.5;
  animation:waPulse 2.2s ease-out infinite;
}
@keyframes waPulse{0%{transform:scale(1);opacity:.5;}100%{transform:scale(1.7);opacity:0;}}
.wa-btn:hover{transform:scale(1.1);box-shadow:0 12px 36px rgba(37,211,102,.5);}
.wa-btn svg{width:26px;height:26px;fill:white;position:relative;z-index:1;}



/* ── Sticky Bottom Bar ── */
.sticky-bar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 800;
  display: flex;
  justify-content: center;
  padding: 10px 16px 14px;
  /* glass floor */
  background: linear-gradient(180deg, transparent 0%, rgba(4,5,8,0.92) 100%);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-top: 1px solid rgba(201,168,76,.1);
  /* hide on desktop — show only on mobile/tablet */
  display: none;
}
 
/* Show on mobile ≤ 960px */
@media (max-width: 960px) {
  .sticky-bar { display: flex; }
 
  /* push page content up so bar doesn't overlap footer */
  body { padding-bottom: 68px; }
}
 
.sticky-bar-inner {
  display: flex;
  align-items: center;
  background: rgba(10,11,18,0.88);
  border: 1px solid rgba(201,168,76,.18);
  border-radius: 50px;
  overflow: hidden;
  width: 100%;
  max-width: 480px;
  box-shadow:
    0 -2px 40px rgba(201,168,76,.08),
    0 8px 32px rgba(0,0,0,.6),
    inset 0 1px 0 rgba(201,168,76,.1);
}
 
.sb-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 13px 10px;
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,.75);
  transition: color .3s, background .3s;
  position: relative;
  cursor: none;
}
 
/* hover glow */
.sb-btn::before {
  content: '';
  position: absolute;
  inset: 6px;
  border-radius: 50px;
  background: rgba(201,168,76,.0);
  transition: background .3s;
}
.sb-btn:hover { color: var(--gold); }
.sb-btn:hover::before { background: rgba(201,168,76,.08); }
 
/* dividers between buttons */
.sb-div {
  width: 1px;
  height: 28px;
  background: rgba(201,168,76,.15);
  flex-shrink: 0;
}
 
/* icon wrapper */
.sb-icon {
  width: 22px; height: 22px;
  display: flex; align-items: center; justify-content: center;
  position: relative; z-index: 1;
  flex-shrink: 0;
}
.sb-icon svg {
  width: 18px; height: 18px;
  stroke: currentColor; fill: none;
  stroke-width: 1.6;
  transition: transform .3s;
}
.sb-btn:hover .sb-icon svg { transform: scale(1.15); }
 
/* WhatsApp button gets a green tint on hover */
.sb-btn.sb-wa:hover { color: #25D366; }
.sb-btn.sb-wa:hover::before { background: rgba(37,211,102,.07); }
 
/* Call button gets gold fill on hover */
.sb-btn.sb-call:hover { color: var(--gold2); }
 
/* Enquiry pill — centre button subtle gold accent */
.sb-btn.sb-enq {
  color: var(--gold);
}
.sb-btn.sb-enq .sb-icon svg {
  stroke: var(--gold);
}
 
/* label text */
.sb-label {
  position: relative;
  z-index: 1;
  white-space: nowrap;
}
 
/* pulse dot on call button (live indicator) */
.sb-live {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--gold);
  position: absolute;
  top: 9px; right: calc(50% - 34px);
  animation: sbPulse 1.8s ease-in-out infinite;
}
@keyframes sbPulse {
  0%,100% { opacity: 1; transform: scale(1); }
  50%      { opacity: .4; transform: scale(1.5); }
}



  #footer{
background:#05060b;
padding:80px 8vw 30px;
border-top:1px solid rgba(201,168,76,.15);
}

/* GRID */

.footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr; /* now 4 columns */
gap:60px;
margin-bottom:50px;
align-items:start;
}

.footer-links,
.footer-services,
.footer-contact{
line-height:1.8;
}

.footer-contact{
display:flex;
flex-direction:column;
justify-content:flex-start;
}
/* BRAND */

.footer-logo{
height:140px;
margin-bottom:18px;
}

.footer-desc{
font-family:'EB Garamond';
color:rgba(255,255,255,.6);
line-height:1.7;
font-size:15px;
}

.footer-services h4{
font-family:'Cinzel';
letter-spacing:3px;
font-size:14px;
color:var(--gold);
margin-bottom:16px;
}

.footer-services a{
display:block;
text-decoration:none;
color:rgba(255,255,255,.6);
margin-bottom:8px;
font-size:13px;
}

.footer-services a:hover{
color:var(--gold);
}

/* LINKS */

.footer-links h4,
.footer-contact h4{
font-family:'Cinzel';
letter-spacing:3px;
font-size:14px;
color:var(--gold);
margin-bottom:16px;
}

.footer-links a{
display:block;
text-decoration:none;
color:rgba(255,255,255,.6);
margin-bottom:8px;
font-size:13px;
}

.footer-links a:hover{
color:var(--gold);
}

/* CONTACT */

.footer-contact p{
color:rgba(255,255,255,.6);
font-size:13px;
margin-bottom:6px;
}

.footer-book{
display:inline-block;
margin-top:10px;
padding:12px 28px;
background:linear-gradient(120deg,#F0D080,#C9A84C);
color:#05060b;
text-decoration:none;
font-size:12px;
letter-spacing:3px;
}

/* SOCIAL */

.footer-social{
display:flex;
justify-content:center;
gap:28px;
margin-bottom:30px;
font-size:12px;
letter-spacing:3px;
}

.footer-social a{
text-decoration:none;
color:rgba(201,168,76,.6);
}

.footer-social a:hover{
color:var(--gold);
}

/* BOTTOM */

.footer-bottom{
border-top:1px solid rgba(201,168,76,.1);
padding-top:18px;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
font-size:12px;
color:rgba(255,255,255,.45);
}

.footer-bottom span{
color:var(--gold);
}

.footer-dev a{
color:var(--gold);
text-decoration:none;
}

/* MOBILE */

@media(max-width:900px){

.footer-grid{
grid-template-columns:1fr;
text-align:center;
gap:40px;
}

.footer-bottom{
flex-direction:column;
gap:8px;
text-align:center;
}

}


#footer {
  position: relative; /* already set, just confirming */
}
 

 
/* Add this — the logo watermark */
#footer .footer-watermark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(280px, 42vw, 560px);
  height: auto;
  object-fit: contain;
  opacity: 0.045;                          /* very subtle */
  filter: brightness(10) grayscale(1);     /* makes it appear as a pure light ghost */
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
 
/* Make sure all footer content sits above the watermark */
#footer .footer-grid,
#footer .footer-social,
#footer .footer-bottom,
#footer .ft-divider {
  position: relative;
  z-index: 1;
}





/* ══════════════════════════════════════════
   PACKAGES SECTION
══════════════════════════════════════════ */
#packages {
  background: var(--navy);
  position: relative;
  overflow: hidden;
  padding: 90px 0 0;
}
#packages::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.2), transparent);
}
/* ambient glow */
#packages::after {
  content: '';
  position: absolute;
  width: 700px; height: 700px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201,168,76,.04), transparent 70%);
  top: -220px; left: -180px;
  pointer-events: none;
  z-index: 0;
}

/* ── Section header ── */
.pkg-header {
  text-align: center;
  padding: 0 clamp(20px,5vw,80px);
  margin-bottom: 48px;
  position: relative;
  z-index: 2;
}
.pkg-logo-mark {
  display: block;
  width: clamp(48px,6vw,72px);
  height: auto;
  object-fit: contain;
  margin: 0 auto 16px;
  opacity: .1;
  filter: brightness(10) sepia(1) hue-rotate(10deg) saturate(3);
}

/* ── Tabs ── */
.pkg-tabs {
  display: flex;
  justify-content: center;
  gap: 0;
  padding: 0 clamp(20px,5vw,80px);
  flex-wrap: nowrap; /* always in a row */
  position: relative;
  z-index: 5;
  overflow-x: auto;
}
.pkg-tab {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 9px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: rgba(255,255,255,.4);
  background: rgba(255,255,255,.025);
  border: 1px solid rgba(201,168,76,.1);
  border-bottom: none;
  padding: 14px 28px;
  cursor: none;
  transition: color .3s, background .3s, border-color .3s;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  flex-shrink: 0;
}
.pkg-tab-icon { width: 15px; height: 15px; opacity: .45; flex-shrink: 0; transition: opacity .3s; }
.pkg-tab-icon svg { width: 100%; height: 100%; stroke: currentColor; fill: none; stroke-width: 1.5; }
.pkg-tab:hover { color: rgba(201,168,76,.7); background: rgba(201,168,76,.04); border-color: rgba(201,168,76,.18); }
.pkg-tab.active {
  color: var(--gold);
  background: rgba(7,8,15,.95);
  border-color: rgba(201,168,76,.3);
  /* merge with panel */
  border-bottom: 2px solid rgba(7,8,15,.95);
  z-index: 6;
  position: relative;
}
.pkg-tab.active .pkg-tab-icon { opacity: 1; }

/* ── Panel wrapper ── */
.pkg-panels { position: relative; z-index: 3; }
.pkg-panel { display: none; }
.pkg-panel.active { display: block; }

/* ── Panel background image band ── */
.pkg-bg {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(201,168,76,.22);
}
.pkg-bg-img {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center 30%;
  filter: brightness(.12) saturate(.6);
  transition: transform 10s ease;
}
.pkg-panel.active .pkg-bg-img { transform: scale(1.03); }

/* very dark overlay so cards are clearly readable */
.pkg-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(5,6,11,.82);
  z-index: 1;
}
/* subtle gold grid overlay like hero */
.pkg-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(201,168,76,.01) 1px, transparent 1px),
    linear-gradient(90deg, rgba(201,168,76,.01) 1px, transparent 1px);
  background-size: 80px 80px;
  z-index: 1;
}

/* logo watermark in bg */
.pkg-panel-logo {
  position: absolute;
  width: clamp(90px,12vw,160px);
  height: auto;
  object-fit: contain;
  opacity: .04;
  filter: brightness(10);
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  pointer-events: none;
}

/* category heading inside bg */
.pkg-cat-title {
  position: relative;
  z-index: 4;
  padding: clamp(28px,3.5vw,44px) clamp(20px,5vw,80px) 0;
}
.pkg-cat-eyebrow {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: 8px;
  letter-spacing: 8px;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.pkg-cat-eyebrow::before { content: ''; width: 18px; height: 1px; background: var(--gold); }
.pkg-cat-h {
  font-family: 'Cinzel', serif;
  font-weight: 300;
  font-size: clamp(1.5rem,3.5vw,3rem);
  letter-spacing: 8px;
  color: var(--white);
  text-transform: uppercase;
  line-height: 1.1;
  text-shadow: 0 2px 20px rgba(0,0,0,.8);
  margin-bottom: 0;
}
.pkg-cat-h span { color: var(--gold); font-weight: 700; }

/* ── Cards grid ── */
.pkg-cards-wrap {
  position: relative;
  z-index: 3;
  padding: clamp(28px,3.5vw,44px) clamp(20px,5vw,80px) clamp(44px,5.5vw,64px);
  display: grid;
  gap: 20px;
}

/* ALWAYS 2 columns for toddler — desktop and mobile */
.pkg-cards-wrap.two-col {
  grid-template-columns: 1fr 1fr;
}

/* single column for maternity/newborn */
.pkg-cards-wrap.one-col {
  grid-template-columns: 1fr;
  max-width: 560px;
  margin: 0 auto;
  width: 100%;
}

/* ── Card — solid dark background so it's always readable ── */
.pkg-card {
  background: rgba(10,11,18,.92);
  border: 1px solid rgba(201,168,76,.18);
  position: relative;
  overflow: hidden;
  transition: transform .4s cubic-bezier(.16,1,.3,1), border-color .4s, box-shadow .4s;
}
.pkg-card:hover {
  transform: translateY(-5px);
  border-color: rgba(201,168,76,.45);
  box-shadow: 0 20px 56px rgba(0,0,0,.7), 0 0 0 1px rgba(201,168,76,.1);
}
/* gold top line — same as svc-card */
.pkg-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  transform: scaleX(0);
  transition: transform .5s cubic-bezier(.16,1,.3,1);
}
.pkg-card:hover::before { transform: scaleX(1); }

/* inner padding */
.pkg-card-inner {
  padding: clamp(24px,2.8vw,36px) clamp(20px,2.4vw,30px);
  position: relative;
  z-index: 1;
}

/* gold card highlight (for popular card) */
.pkg-card.gold-card {
  border-color: rgba(201,168,76,.32);
  background: rgba(12,10,5,.94);
}
.pkg-card.gold-card::after {
  content: '';
  position: absolute;
  width: 220px; height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201,168,76,.07), transparent 70%);
  bottom: -60px; right: -40px;
  pointer-events: none;
}

/* tier label */
.pkg-tier {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: 8px;
  letter-spacing: 7px;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.pkg-tier::before { content: ''; width: 16px; height: 1px; background: var(--gold); flex-shrink: 0; }

/* package name */
.pkg-name {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: clamp(.9rem,1.6vw,1.25rem);
  letter-spacing: 3px;
  color: var(--white);
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 0;
}

/* divider */
.pkg-divider {
  height: 1px;
  background: linear-gradient(90deg, var(--gold3), rgba(201,168,76,.2), transparent);
  margin: 16px 0;
}

/* price */
.pkg-price-wrap {
  display: flex;
  align-items: baseline;
  gap: 3px;
  margin-bottom: 20px;
}
.pkg-currency {
  font-family: 'Cinzel', serif;
  font-size: 13px;
  font-weight: 300;
  color: var(--gold);
  letter-spacing: 1px;
  margin-top: 3px;
}
.pkg-amount {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: clamp(2rem,4vw,3.2rem);
  line-height: 1;
  letter-spacing: -1px;
  background: linear-gradient(120deg, #F0D080, #C9A84C, #F0D080);
  background-size: 220% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: shimmer 4s linear infinite;
}
.pkg-amount-sub {
  font-family: 'EB Garamond', serif;
  font-style: italic;
  font-size: 11px;
  color: rgba(255,255,255,.3);
  letter-spacing: 1px;
  margin-left: 2px;
}

/* section sub-label */
.pkg-sub-label {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 7.5px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: rgba(201,168,76,.5);
  margin-bottom: 10px;
  margin-top: 18px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.pkg-sub-label::before { content: ''; width: 12px; height: 1px; background: rgba(201,168,76,.4); }

/* features list */
.pkg-features {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 0;
}
.pkg-feat {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: 'EB Garamond', serif;
  font-size: clamp(13px,1.25vw,15px);
  line-height: 1.6;
  color: rgba(255,255,255,.65);
}
.pkg-feat-icon {
  width: 14px; height: 14px;
  flex-shrink: 0;
  margin-top: 4px;
  border: 1px solid rgba(201,168,76,.4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pkg-feat-icon svg { width: 8px; height: 8px; stroke: var(--gold); fill: none; stroke-width: 2.5; }

/* deliverables */
.pkg-deliv-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.pkg-deliv-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: 'EB Garamond', serif;
  font-style: italic;
  font-size: clamp(12px,1.15vw,13.5px);
  line-height: 1.6;
  color: rgba(255,255,255,.5);
}
.pkg-deliv-gem {
  width: 5px; height: 5px;
  background: var(--gold);
  transform: rotate(45deg);
  flex-shrink: 0;
  margin-top: 7px;
  opacity: .65;
}

/* note */
.pkg-note {
  font-family: 'EB Garamond', serif;
  font-style: italic;
  font-size: 11.5px;
  color: rgba(255,255,255,.28);
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.05);
  line-height: 1.6;
}

/* CTA — identical to .btn-g */
.pkg-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  font-size: 8.5px;
  letter-spacing: 5px;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--navy);
  background: linear-gradient(130deg, #F0D080, #C9A84C, #8B6A1F);
  padding: 14px 20px;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
  cursor: none;
  transition: transform .35s, box-shadow .35s;
}
.pkg-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(130deg, #fff9dc, #F0D080);
  opacity: 0;
  transition: opacity .35s;
}
.pkg-cta:hover { transform: translateY(-3px); box-shadow: 0 18px 50px rgba(201,168,76,.35); }
.pkg-cta:hover::before { opacity: 1; }
.pkg-cta span { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; }
.pkg-cta svg { width: 12px; height: 10px; stroke: currentColor; fill: none; stroke-width: 2; }

/* popular badge */
.pkg-popular {
  position: absolute;
  top: 14px; right: 14px;
  font-family: 'Raleway', sans-serif;
  font-size: 7px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--navy);
  background: var(--gold);
  padding: 4px 10px;
  font-weight: 600;
  z-index: 3;
}

/* ── Bottom note strip ── */
.pkg-strip {
  background: rgba(201,168,76,.04);
  border-top: 1px solid rgba(201,168,76,.1);
  padding: 16px clamp(20px,5vw,80px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.pkg-strip span {
  font-family: 'Raleway', sans-serif;
  font-size: 8px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: rgba(201,168,76,.45);
}
.pkg-strip-div { width: 1px; height: 10px; background: rgba(201,168,76,.2); }
.pkg-strip a {
  font-family: 'Raleway', sans-serif;
  font-size: 8px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--gold);
  text-decoration: none;
  transition: color .3s;
  cursor: none;
}
.pkg-strip a:hover { color: var(--gold2); }

/* ── Responsive ──
   On mobile the two-col STAYS two-col (scaled down fonts/padding)
   to keep Silver & Gold side by side as requested               */
@media (max-width: 700px) {
  .pkg-cards-wrap.two-col {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 24px 14px 36px;
  }
  .pkg-card-inner { padding: 16px 14px; }
  .pkg-name { font-size: .78rem; letter-spacing: 2px; }
  .pkg-amount { font-size: 1.7rem; }
  .pkg-feat { font-size: 12px; }
  .pkg-deliv-item { font-size: 11px; }
  .pkg-cta { font-size: 7px; letter-spacing: 3px; padding: 12px 10px; }
  .pkg-tab { padding: 10px 14px; font-size: 8px; letter-spacing: 2.5px; }
  .pkg-tab-icon { display: none; }
  .pkg-cat-h { font-size: 1.3rem; letter-spacing: 5px; }
}
@media (max-width: 420px) {
  .pkg-cards-wrap.two-col { gap: 8px; padding: 18px 10px 28px; }
  .pkg-card-inner { padding: 14px 12px; }
  .pkg-amount { font-size: 1.5rem; }
  .pkg-currency { font-size: 11px; }
}


/* Fix cursor showing on lightbox */
#hgLightbox,
#lightbox {
  cursor: none;
}

#cur  { z-index: 99999; }
#cur2 { z-index: 99998; }


@media (max-width: 768px){
  .wa-float{
    display: none !important;
  }
}