/* ========================================================================
   HEADER, NAVIGATION & HERO
   ---------------------------------------------------------------------
   Upar ka navigation bar, logo, light/dark toggle, mobile menu,
   hero section (bada heading + slideshow), stats (2011 / 100+ / Surat),
   aur neeche chalne wala ticker.
   ===================================================================== */


/* ── NAVBAR ────────────────────────────────────────────────── */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:500;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 64px;
  transition:all .4s ease;
}
.nav.sticky{
  background:var(--nav-bg);
  backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
  padding:11px 64px;
}

/* ── LOGO — light/dark ke liye do images ───────────────────── */
.nav-logo img{height:46px;width:auto;object-fit:contain;display:block;}

/* ── MENU LINKS ────────────────────────────────────────────── */
.nav-menu{display:flex;gap:36px;list-style:none;}
.nav-menu a{
  font-size:11px;font-weight:400;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--text2);position:relative;padding-bottom:4px;
  transition:color .3s;
}
.nav-menu a::after{
  content:'';position:absolute;bottom:0;left:0;
  width:0;height:1px;background:var(--gold);
  transition:width .35s ease;
}
.nav-menu a:hover{color:var(--gold);}
.nav-menu a:hover::after{width:100%;}
.nav-right{display:flex;align-items:center;gap:14px;}

/* ── LIGHT/DARK TOGGLE BUTTON ──────────────────────────────── */
.theme-btn{
  display:flex;align-items:center;gap:6px;
  padding:7px 14px;border:1px solid var(--border2);border-radius:30px;
  background:var(--bg2);cursor:pointer;
  font-size:12px;letter-spacing:1px;color:var(--text2);
  transition:all .3s;
}
.theme-btn:hover{border-color:var(--gold);color:var(--gold);}
.theme-btn .icon{font-size:14px;}

/* ── CONSULT US BUTTON ─────────────────────────────────────── */
.nav-btn{
  font-size:10px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;
  padding:10px 24px;
  background:var(--gold);color:#0C0A07;
  border:none;cursor:pointer;
  transition:all .3s;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
}
.nav-btn:hover{background:var(--gold2);transform:translateY(-1px);}

/* ── HAMBURGER ICON (mobile) ───────────────────────────────── */
.ham{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;}
.ham span{display:block;width:24px;height:1.5px;background:var(--text);transition:.3s;}

/* ── HERO LAYOUT — left text, right slideshow ──────────────── */
.hero{
  min-height:100vh;display:grid;
  grid-template-columns:52% 48%;
  position:relative;overflow:hidden;
}
.hero-left{
  display:flex;flex-direction:column;
  justify-content:center;padding:160px 72px 80px 64px;
  background:var(--bg);position:relative;z-index:2;
}
.hero-left::after{
  content:'';position:absolute;top:0;right:0;bottom:0;
  width:1px;
  background:var(--border);
  z-index:3;
}

/* ── HERO TEXT & BUTTONS ───────────────────────────────────── */
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  font-size:10px;font-weight:500;letter-spacing:4px;text-transform:uppercase;
  color:var(--gold);margin-bottom:28px;
  opacity:0;animation:rise .8s ease .2s forwards;
}
.hero-eyebrow::before{content:'';width:32px;height:1px;background:var(--gold);}
.hero h1{
  font-family:'Italiana',serif;
  font-size:clamp(52px,6.5vw,96px);
  line-height:1.04;color:var(--text);
  margin-bottom:28px;
  opacity:0;animation:rise .9s ease .45s forwards;
}
.hero h1 span{color:var(--gold);font-style:italic;}
.hero-sub{
  font-size:14px;line-height:1.95;color:var(--text2);
  max-width:400px;margin-bottom:48px;font-weight:300;
  opacity:0;animation:rise .9s ease .65s forwards;
}
.hero-btns{
  display:flex;gap:14px;flex-wrap:wrap;
  opacity:0;animation:rise .9s ease .85s forwards;
}

/* ── STATS — 2011 / 100+ / Surat ───────────────────────────── */
.hero-nums{
  display:flex;gap:40px;margin-top:64px;padding-top:40px;
  border-top:1px solid var(--border);
  opacity:0;animation:rise .9s ease 1.05s forwards;
}
.hnum-val{
  font-family:'Italiana',serif;font-size:40px;color:var(--text);display:block;line-height:1;
}
.hnum-lbl{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text3);margin-top:6px;}
.hero-right{position:relative;overflow:hidden;}
.hero-slides{position:absolute;inset:0;}

/* ── HERO SLIDESHOW — images apne aap badalti hain ─────────── */
.hslide{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease;}
.hslide.on{opacity:1;}
.hslide img{filter:brightness(.75);}
.hslide::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to right,var(--bg) 0%,transparent 40%);
}
.slide-dots{
  position:absolute;bottom:36px;right:40px;z-index:5;
  display:flex;flex-direction:column;gap:8px;
}
.sdot{
  width:2px;height:28px;background:rgba(255,255,255,.3);
  border:none;cursor:pointer;transition:all .3s;
}
.sdot.on{height:48px;background:var(--gold);}

/* ── SCROLL DOWN HINT ──────────────────────────────────────── */
.hero-scroll{
  position:absolute;bottom:40px;left:64px;z-index:3;
  writing-mode:vertical-rl;
  font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--text3);
  display:flex;align-items:center;gap:12px;
  opacity:0;animation:rise 1s ease 1.4s forwards;
}
.hero-scroll::after{
  content:'';width:1px;height:48px;background:var(--border2);
  animation:pulse 1.6s ease-in-out infinite;
}

/* ── GOLD TICKER — neeche chalne wali patti ────────────────── */
.ticker{
  overflow:hidden;border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  background:var(--bg3);padding:0;
}
.ticker-track{
  display:flex;width:max-content;
  animation:tick 28s linear infinite;
}
.ticker-item{
  white-space:nowrap;padding:13px 36px;
  font-size:10px;font-weight:400;letter-spacing:3px;text-transform:uppercase;
  color:var(--text3);display:flex;align-items:center;gap:14px;
}
.ticker-item::after{content:'◇';font-size:8px;color:var(--gold);}

/* ── MOBILE MENU — hamburger pe khulta hai ─────────────────── */
.mob-menu{display:none;position:fixed;top:72px;left:0;right:0;background:var(--bg);
  border-bottom:1px solid var(--border);padding:16px 24px;z-index:499;flex-direction:column;
  box-shadow:0 12px 32px rgba(0,0,0,.1);}
.mob-menu.open{display:flex;}
.mob-menu a{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--text2);
  padding:15px 0;border-bottom:1px solid var(--border);text-decoration:none;transition:color .3s;}
.mob-menu a:last-child{border-bottom:none;}
.mob-menu a:hover{color:var(--gold);}
.ticker,.ticker-wrap{overflow:hidden!important;max-width:100%;}
.ticker-track{will-change:transform;}
.lg{display:block;height:100%;width:auto;object-fit:contain;}
.lg-d{display:none;}
.nav-logo{display:flex;align-items:center;height:42px;}
.nav-logo img{height:42px;width:auto;}
.hero-left::after,.hero-left::before{display:none!important;content:none!important;}
.hero-scroll{left:auto;right:28px;bottom:120px;opacity:0;animation:rise 1s ease 1.4s forwards;}
.hero-left{padding:clamp(104px,16vw,160px) clamp(20px,5vw,72px) clamp(48px,7vw,80px) clamp(20px,5vw,64px);}