/* Floating "Mandir Capsule" header — gold-rimmed pill, travelling light, sliding glow lens, arch dropdown */
@property --ha{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes hdrSpin{to{--ha:360deg}}
@keyframes hdrBreath{50%{opacity:.95;transform:scale(1.08)}}
@keyframes hdrFall{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}

.site-header{background:linear-gradient(180deg,var(--m9),#240910);border-bottom:0;backdrop-filter:none;padding:12px 0 8px;box-shadow:none;transition:background .5s var(--ease),padding .4s var(--ease)}
.site-header::after{display:none}
.site-header.scrolled{background:linear-gradient(180deg, rgba(26, 5, 8, .82), rgb(26 5 8 / 0%) 60%, transparent);box-shadow:none;padding:8px 0 10px;pointer-events:none}
.site-header .nav{pointer-events:auto;position:relative;margin-inline:auto;gap:1rem;border-radius:999px;
  background:linear-gradient(180deg,rgba(66,26,24,.96),rgba(38,13,14,.97));
  backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
  /* box-shadow:inset 0 0 0 1px rgba(224,179,79,.34),inset 0 1px 0 rgba(255,236,170,.28),
  0 16px 38px rgba(14,3,5,.45); */
  box-shadow: inset 0 0 0 1px rgba(224, 179, 79, .34), inset 0 1px 0 rgba(255, 236, 170, .28), 0 16px 38px rgb(14 3 5 / 26%);
  transform-origin:50% 0;transition:transform .5s var(--ease),box-shadow .5s var(--ease),min-height .5s var(--ease);animation:hdrFall .9s var(--ease) both}
.site-header.scrolled .nav{transform:scale(.965);}
/* inner ornamental line */
.site-header .nav::before{content:"";position:absolute;inset:5px;border-radius:inherit;pointer-events:none}
/* travelling spark around the rim */
.site-header .nav::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.6px;pointer-events:none;
  background:conic-gradient(from var(--ha),transparent 0 72%,rgba(255,226,140,.0) 74%,rgba(255,232,160,.95) 88%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:hdrSpin 8s linear infinite}

/* logo with breathing halo */
.site-header .brand{position:relative;flex:none;display:flex;align-items:center}
.site-header .brand::before{content:"";position:absolute;left:-6px;top:50%;width:84px;height:84px;margin-top:-42px;border-radius:50%;background:radial-gradient(circle,rgba(243,217,139,.5),transparent 68%);opacity:.6;animation:hdrBreath 5s ease-in-out infinite;pointer-events:none}
.site-header .brand img{position:relative;height: 120px;width:auto;transition:transform .5s var(--ease)}
.site-header .brand:hover img{transform:scale(1.04)}

/* nav links + sliding glow lens */
.site-header .menu{position:relative;gap:.15rem;margin-left:auto}
.site-header .menu>a,.site-header .nav-trigger{white-space:nowrap;z-index:1;font-size:.95rem;letter-spacing:.01em;padding:.72rem 1.05rem;color:rgba(250,238,210,.92);transition:color .35s}
.site-header .menu>a::after,.site-header .nav-trigger::after{display:none}
.site-header .menu>a:hover,.site-header .nav-trigger:hover,.site-header .menu>a.on,.site-header .has-dd:hover .nav-trigger,.site-header .has-dd.open .nav-trigger{color:#fff3cf}
.nav-ind{position:absolute;top:0;left:0;height:100%;width:0;z-index:0;pointer-events:none;border-radius:999px;opacity:0;
  background:linear-gradient(180deg,rgba(243,217,139,.2),rgba(224,179,79,.07));box-shadow:inset 0 0 0 1px rgba(224,179,79,.42),0 0 22px rgba(224,179,79,.16);
  transition:transform .55s var(--ease),width .55s var(--ease),opacity .35s}
.nav-ind::after{content:"";position:absolute;left:50%;bottom:-4px;width:7px;height:7px;margin-left:-3.5px;rotate:45deg;background:linear-gradient(135deg,var(--gold2),var(--gold3));box-shadow:0 0 10px rgba(243,217,139,.8)}
.nav-ind.show{opacity:1}

/* CTA */
.site-header .menu>a.nav-cta{padding:.5rem .5rem .5rem 1.35rem;gap:.8rem;font-size:.92rem;margin-left:.4rem;font-weight:600;color:var(--m9);border-radius:999px;background:linear-gradient(120deg,var(--gold3),var(--gold),var(--gold2),var(--gold));background-size:220% 100%;box-shadow:0 8px 22px rgba(184,134,43,.38),inset 0 1px 0 rgba(255,255,255,.45);animation:sheen 6s linear infinite}
.site-header .menu>a.nav-cta:hover{color:var(--m9)}
.site-header .menu>a.nav-cta i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--m8);color:var(--gold2);font-size:.78rem;transition:transform .5s var(--ease),background .3s}
.site-header .menu>a.nav-cta:hover i{transform:rotate(45deg);background:var(--m9)}

/* arch dropdown */
.site-header .dd{top:calc(100% + 20px);min-width:0;width:min(560px,92vw);padding:.8rem;border-radius:30px 30px 22px 22px;display:grid;grid-template-columns:1fr 1fr;gap:.35rem;
  background:linear-gradient(165deg,rgba(66,26,24,.98),rgba(30,9,12,.99));border:0;box-shadow:inset 0 0 0 1px rgba(224,179,79,.4),0 30px 70px rgba(10,2,4,.6)}
.site-header .dd::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.site-header .dd::after{content:"";position:absolute;left:50%;top:-8px;width:16px;height:16px;margin-left:-8px;rotate:45deg;background:rgba(66,26,24,.98);border-left:1px solid rgba(224,179,79,.4);border-top:1px solid rgba(224,179,79,.4);border-radius:4px 0 0 0}
.site-header .dd a{position:relative;gap:.8rem;padding:.7rem .8rem;border-radius:18px;font-size:.92rem;line-height:1.3;overflow:hidden;transition:background .35s,transform .35s var(--ease)}
.site-header .dd a i{width:40px;height:40px;background:radial-gradient(circle at 30% 25%,rgba(243,217,139,.3),rgba(224,179,79,.06));box-shadow:inset 0 0 0 1px rgba(224,179,79,.45);transition:transform .5s var(--ease),background .3s,color .3s}
.site-header .dd a:hover{background:rgba(224,179,79,.1);padding-left:.8rem;transform:translateY(-2px)}
.site-header .dd a:hover i{background:linear-gradient(135deg,var(--gold2),var(--gold3));color:var(--m9);transform:rotate(-12deg) scale(1.08)}
.site-header .has-dd:hover .dd,.site-header .has-dd.open .dd{z-index:3}

/* tight desktop: keep full nav on one line from 1200px */
@media(min-width:1200px) and (max-width:1279px){
  .site-header .menu>a,.site-header .nav-trigger{padding:.72rem .6rem;font-size:.9rem}
  .site-header .menu>a.nav-cta{margin-left:.2rem}
}

/* ---------- tablet / mobile: same capsule, slide-down panel ---------- */
@media(max-width:1199px){
  .site-header .nav{min-height:64px;padding:.3rem .5rem .3rem .9rem;width:94%}
  .site-header .brand img{height:92px}
  .site-header .brand::before{width:64px;height:64px;margin-top:-32px}
  .site-header .burger{background:linear-gradient(135deg,rgba(243,217,139,.16),rgba(224,179,79,.05));box-shadow:inset 0 0 0 1px rgba(224,179,79,.5);border:0;margin-left:auto}
  .site-header .menu{position:fixed;inset:86px 3% auto 3%;max-height:calc(100dvh - 100px);margin:0;border-radius:28px;padding:1rem 1.2rem 1.3rem;overflow:auto;
    background:linear-gradient(170deg,#421a18,#1a080a);box-shadow:inset 0 0 0 1px rgba(224,179,79,.4),0 30px 60px rgba(8,1,3,.6);pointer-events:auto}
  .site-header.scrolled .menu{inset-block-start:76px}
  .nav-ind{display:none}
  .site-header .menu>a,.site-header .nav-trigger{padding:.95rem .5rem;font-size:1.05rem}
  .site-header .dd{grid-template-columns:1fr;width:auto;border-radius:20px;box-shadow:none;background:rgba(255,255,255,.04);padding:.5rem;margin-top:.3rem}
  .site-header .dd::before,.site-header .dd::after{display:none}
  .site-header .has-dd.open .dd{display:grid}
  .site-header .menu>a.nav-cta{margin:1rem 0 0;justify-content:space-between;padding-left:1.4rem}
}
@media(prefers-reduced-motion:reduce){.site-header .nav,.site-header .nav::after,.site-header .brand::before{animation:none}.nav-ind{transition:none}}