@charset "utf-8";

/* =========================================================================
   हिंदू क्रांति सेना, कोरबा
   Mobile-first, dark, dimensional. Depth comes from real 3D transforms,
   layered light and glass — not from drop shadows alone.
   Self-hosted fonts only. No CDN, no external requests.
   ========================================================================= */

/* ---------- fonts ---------- */
@font-face{font-family:'Laila';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/laila-400-deva.woff2') format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09;}
@font-face{font-family:'Laila';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/laila-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Laila';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/laila-600-deva.woff2') format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09;}
@font-face{font-family:'Laila';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/laila-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Laila';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/laila-700-deva.woff2') format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09;}
@font-face{font-family:'Laila';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/laila-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/poppins-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/poppins-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* =========================================================================
   TOKENS — dark ground, saffron light
   ========================================================================= */
:root{
  /* ground: warm near-black, biased toward the saffron accent, never neutral grey */
  --void:#0D0507;
  --ink-900:#140A0D;
  --ink-800:#1D1013;
  --ink-700:#2A171C;
  --ink-600:#3A2028;

  --kesari:#FF9130;
  --kesari-lt:#FFB55C;
  --gold:#FFC96B;
  --sindoor:#F03C3C;
  --deep:#7A2B34;

  --paper:#FFF6EA;
  --text:#F3E4DA;
  --muted:#B99C92;
  --faint:#8A7169;

  --line:rgba(255,145,48,.16);
  --line-2:rgba(255,255,255,.09);
  --glass:rgba(38,20,25,.58);

  --deva:'Laila',"Kohinoor Devanagari","Noto Sans Devanagari","Nirmala UI",serif;
  --sans:'Poppins',"Helvetica Neue",Arial,sans-serif;

  --page:min(1240px,calc(100% - 32px));
  --narrow:min(780px,calc(100% - 32px));
  --gap:clamp(52px,8vw,104px);
  --r:18px;
  --r-lg:26px;

  /* layered light — the depth cue that carries the whole design */
  --lift-1:0 1px 2px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.36);
  --lift-2:0 2px 6px rgba(0,0,0,.5), 0 14px 34px rgba(0,0,0,.46);
  --lift-3:0 8px 20px rgba(0,0,0,.5), 0 34px 70px rgba(0,0,0,.58);
  --glow:0 0 0 1px rgba(255,145,48,.22), 0 12px 44px -10px rgba(255,145,48,.34);

  --bottom-nav:68px;
}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px;}
body{
  margin:0;
  background:var(--ink-900);
  color:var(--text);
  font-family:var(--deva);
  font-size:16.5px;
  line-height:1.8;            /* Devanagari matras need the room */
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  /* ambient saffron light pooling at the top and bottom of the page */
  background-image:
    radial-gradient(120% 60% at 50% -8%, rgba(255,145,48,.16) 0%, transparent 62%),
    radial-gradient(90% 50% at 50% 104%, rgba(240,60,60,.10) 0%, transparent 60%);
  background-attachment:fixed;
  padding-bottom:env(safe-area-inset-bottom);
}
img,svg{max-width:100%;height:auto;display:block;}
a{color:var(--kesari-lt);text-underline-offset:.22em;}
a:hover{color:var(--gold);}
:focus-visible{outline:2.5px solid var(--kesari);outline-offset:3px;border-radius:6px;}
h1,h2,h3,h4{
  font-family:var(--deva);font-weight:700;line-height:1.36;
  color:var(--paper);margin:0 0 .5em;
  text-transform:none;letter-spacing:normal;  /* never letter-space Devanagari */
  text-wrap:balance;
}
h1{font-size:clamp(30px,8.4vw,58px);}
h2{font-size:clamp(24px,5.6vw,38px);}
h3{font-size:clamp(19px,4.4vw,23px);}
p{margin:0 0 1.1em;}
ul,ol{margin:0 0 1.1em;padding-inline-start:1.25em;}
li{margin-bottom:.5em;}
.lat,time,.when,.tag{font-family:var(--sans);font-variant-numeric:tabular-nums;}

.wrap{width:var(--page);margin-inline:auto;}
.narrow{width:var(--narrow);margin-inline:auto;}
section{padding-block:var(--gap);position:relative;}
.skip{position:absolute;left:-9999px;}
.skip:focus{left:12px;top:12px;z-index:300;background:var(--kesari);color:#26120A;padding:10px 16px;border-radius:8px;}

/* =========================================================================
   SLOGAN STRIP — devotional call, continuously scrolling
   ========================================================================= */
.jaghosh{
  background:linear-gradient(90deg,var(--deep),var(--sindoor) 45%,var(--kesari));
  color:#fff;overflow:hidden;position:relative;z-index:2;
}
.jaghosh-move{
  display:flex;gap:0;white-space:nowrap;
  animation:slide 38s linear infinite;
  padding-block:8px;
}
.jaghosh span{
  font-weight:700;font-size:14px;padding-inline:20px;
  display:inline-flex;align-items:center;gap:20px;
}
.jaghosh span::after{
  content:"";width:5px;height:5px;border-radius:50%;
  background:rgba(255,255,255,.75);
}
@keyframes slide{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* =========================================================================
   HEADER — glass bar that condenses on scroll
   ========================================================================= */
.topbar{display:none;}

.masthead{
  position:sticky;top:0;z-index:80;
  background:rgba(20,10,13,.72);
  backdrop-filter:saturate(150%) blur(16px);
  -webkit-backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid var(--line);
  transition:padding .25s ease, background .25s ease;
}
.masthead .wrap{display:flex;align-items:center;gap:12px;padding-block:11px;}
.masthead .brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;min-width:0;}
.masthead .brand img{
  width:44px;height:44px;object-fit:contain;flex:none;
  filter:drop-shadow(0 3px 10px rgba(255,145,48,.5));
  transition:width .25s ease,height .25s ease;
}
.masthead .brand b{
  display:block;font-size:clamp(17px,4.6vw,22px);font-weight:700;
  color:var(--paper);line-height:1.2;white-space:nowrap;
}
.masthead .brand span{
  display:block;font-size:11.5px;color:var(--kesari);font-weight:600;
  line-height:1.3;letter-spacing:.02em;
}
body.scrolled .masthead .brand img{width:36px;height:36px;}
.masthead .head-cta{margin-inline-start:auto;display:none;gap:9px;}
.masthead .socials{margin-inline-start:auto;display:flex;gap:6px;}
.masthead .socials a{
  width:34px;height:34px;border-radius:11px;display:inline-flex;
  align-items:center;justify-content:center;color:var(--muted);
  border:1px solid var(--line-2);background:rgba(255,255,255,.04);
}
.masthead .socials a:hover{color:#fff;background:var(--kesari);border-color:var(--kesari);}
.masthead .socials svg{width:16px;height:16px;}

/* desktop nav */
.navbar{display:none;}
.nav-toggle{display:none;}

@media (min-width:1000px){
  .masthead .head-cta{display:flex;}
  .masthead .socials{margin-inline-start:14px;}
  .navbar{
    display:block;position:sticky;top:66px;z-index:75;
    background:rgba(29,16,19,.82);
    backdrop-filter:saturate(150%) blur(14px);
    -webkit-backdrop-filter:saturate(150%) blur(14px);
    border-bottom:1px solid var(--line);
  }
  .navbar ul{display:flex;list-style:none;margin:0;padding:0;gap:2px;}
  .navbar li{margin:0;}
  .navbar a{
    display:block;padding:13px 15px;font-size:15.5px;font-weight:600;
    color:var(--text);text-decoration:none;border-radius:10px;
    position:relative;transition:.16s ease;
  }
  .navbar a:hover{color:#fff;background:rgba(255,145,48,.14);}
  .navbar a[aria-current="page"]{color:#fff;}
  .navbar a[aria-current="page"]::after{
    content:"";position:absolute;left:15px;right:15px;bottom:5px;height:2.5px;
    border-radius:2px;background:linear-gradient(90deg,var(--kesari),var(--sindoor));
  }
}

/* =========================================================================
   BOTTOM APP NAV — the primary navigation on phones
   ========================================================================= */
.appnav{
  position:fixed;left:0;right:0;bottom:0;z-index:90;
  display:grid;grid-template-columns:repeat(5,1fr);
  background:rgba(20,10,13,.86);
  backdrop-filter:saturate(160%) blur(20px);
  -webkit-backdrop-filter:saturate(160%) blur(20px);
  border-top:1px solid var(--line);
  padding-bottom:env(safe-area-inset-bottom);
  box-shadow:0 -8px 30px rgba(0,0,0,.5);
}
.appnav a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;padding:9px 4px 8px;text-decoration:none;color:var(--faint);
  font-size:10.5px;font-weight:600;min-height:var(--bottom-nav);
  position:relative;
}
.appnav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;}
.appnav a[aria-current="page"]{color:var(--kesari);}
.appnav a[aria-current="page"]::before{
  content:"";position:absolute;top:0;left:50%;translate:-50% 0;
  width:26px;height:3px;border-radius:0 0 3px 3px;
  background:linear-gradient(90deg,var(--kesari),var(--sindoor));
}
body{padding-bottom:calc(var(--bottom-nav) + env(safe-area-inset-bottom));}
@media (min-width:1000px){
  .appnav{display:none;}
  body{padding-bottom:0;}
}

/* =========================================================================
   HERO — layered 3D stage
   ========================================================================= */
.stage{
  position:relative;
  min-height:clamp(520px,86svh,780px);
  display:flex;align-items:flex-end;
  overflow:hidden;
  perspective:1200px;
  background:var(--void);
}
.stage-media{position:absolute;inset:-6% -4%;z-index:0;}
.stage-media img{
  width:100%;height:100%;object-fit:cover;
  transform:scale(1.06) translate3d(0,0,0);
  will-change:transform;
}
.stage-media::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(13,5,7,.72) 0%,rgba(13,5,7,.28) 32%,rgba(13,5,7,.86) 78%,var(--ink-900) 100%),
    radial-gradient(70% 50% at 50% 108%, rgba(255,145,48,.30), transparent 70%);
}
/* god-rays echoing the logo's sun */
.stage::before{
  content:"";position:absolute;top:-42%;left:50%;translate:-50% 0;
  width:min(1100px,190%);aspect-ratio:1;z-index:1;pointer-events:none;opacity:.20;
  background:repeating-conic-gradient(from 0deg,var(--kesari) 0deg 1.6deg,transparent 1.6deg 13deg);
  -webkit-mask-image:radial-gradient(closest-side,#000 12%,rgba(0,0,0,.5) 42%,transparent 72%);
          mask-image:radial-gradient(closest-side,#000 12%,rgba(0,0,0,.5) 42%,transparent 72%);
  animation:spin 190s linear infinite;
}
@keyframes spin{to{rotate:360deg}}

.stage-body{
  position:relative;z-index:2;width:100%;
  padding-block:clamp(28px,7vw,64px);
  transform-style:preserve-3d;
}
.crest{
  width:clamp(96px,26vw,150px);margin:0 auto clamp(16px,3vw,22px);
  filter:drop-shadow(0 14px 34px rgba(255,145,48,.55));
  transform:translateZ(60px);
  animation:rise .9s cubic-bezier(.2,.7,.3,1) both;
}
.stage h1{
  text-align:center;margin-bottom:.2em;transform:translateZ(38px);
  text-shadow:0 4px 30px rgba(0,0,0,.7);
  animation:rise .9s .08s cubic-bezier(.2,.7,.3,1) both;
}
.stage .shloka{
  text-align:center;font-size:clamp(14px,3.6vw,18px);font-weight:600;
  color:var(--gold);margin:0 0 1.1em;transform:translateZ(28px);
  animation:rise .9s .16s cubic-bezier(.2,.7,.3,1) both;
}
.stage-lede{
  text-align:center;color:var(--muted);max-width:60ch;margin:0 auto 1.5em;
  font-size:clamp(15px,3.9vw,18px);transform:translateZ(20px);
  animation:rise .9s .24s cubic-bezier(.2,.7,.3,1) both;
}
.stage-actions{
  display:flex;gap:11px;justify-content:center;flex-wrap:wrap;
  transform:translateZ(30px);
  animation:rise .9s .32s cubic-bezier(.2,.7,.3,1) both;
}
@keyframes rise{from{opacity:0;transform:translate3d(0,26px,0)}to{opacity:1}}

/* =========================================================================
   BUTTONS — raised, with a real light edge
   ========================================================================= */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 26px;border-radius:999px;
  font-family:var(--deva);font-weight:600;font-size:16px;line-height:1.4;
  text-decoration:none;border:0;cursor:pointer;position:relative;
  transition:transform .18s cubic-bezier(.2,.7,.3,1), box-shadow .18s ease, filter .18s ease;
  transform:translateZ(0);
}
.btn:active{transform:translateY(1px) scale(.99);}
.btn-primary{
  color:#2A1206;
  background:linear-gradient(180deg,var(--kesari-lt),var(--kesari) 55%,#E97717);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), var(--lift-2), 0 10px 30px -8px rgba(255,145,48,.6);
}
.btn-primary:hover{color:#2A1206;filter:brightness(1.06);transform:translateY(-2px);}
.btn-ghost{
  color:var(--paper);background:rgba(255,255,255,.06);
  box-shadow:inset 0 0 0 1px var(--line-2), var(--lift-1);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.btn-ghost:hover{color:#fff;background:rgba(255,145,48,.16);transform:translateY(-2px);}
.btn-kesari{
  color:#2A1206;
  background:linear-gradient(180deg,var(--gold),var(--kesari));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), var(--lift-2);
}
.btn-kesari:hover{color:#2A1206;transform:translateY(-2px);}
.btn-light{background:var(--paper);color:#2A1206;box-shadow:var(--lift-2);}
.btn-light:hover{color:#2A1206;transform:translateY(-2px);}
.btn-outline-light{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);}
.btn-outline-light:hover{background:#fff;color:#2A1206;}
.btn-sm{padding:10px 18px;font-size:14.5px;}

/* =========================================================================
   SECTION TITLES
   ========================================================================= */
.sec-title{margin-bottom:clamp(24px,4vw,44px);}
.eyebrow{
  font-size:12.5px;font-weight:600;color:var(--kesari);margin:0 0 .5em;
  display:inline-flex;align-items:center;gap:8px;
}
.eyebrow::before{
  content:"";width:22px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--kesari),transparent);
}
.sec-title h2{margin-bottom:.3em;}
.sec-title p{color:var(--muted);max-width:64ch;margin-bottom:0;}
.sec-title.center{text-align:center;}
.sec-title.center .eyebrow{justify-content:center;}
.sec-title.center p{margin-inline:auto;}

.band-sand{background:linear-gradient(180deg,var(--ink-800),var(--ink-900));border-block:1px solid var(--line);}
.band-cream{background:var(--ink-900);}

/* =========================================================================
   QUICK LINKS — floating 3D tiles
   ========================================================================= */
.quicklinks{
  display:grid;gap:10px;
  grid-template-columns:repeat(3,1fr);
}
@media (min-width:760px){ .quicklinks{grid-template-columns:repeat(6,1fr);} }
.ql{
  background:linear-gradient(165deg,rgba(255,255,255,.075),rgba(255,255,255,.02));
  border-radius:var(--r);padding:18px 8px;text-align:center;text-decoration:none;
  color:var(--text);display:block;
  box-shadow:inset 0 0 0 1px var(--line-2), var(--lift-1);
  transition:transform .22s cubic-bezier(.2,.7,.3,1), box-shadow .22s ease, background .22s ease;
}
.ql:hover,.ql:focus-visible{
  transform:translateY(-5px);color:#fff;
  background:linear-gradient(165deg,rgba(255,145,48,.22),rgba(240,60,60,.10));
  box-shadow:var(--glow), var(--lift-2);
}
.ql svg{width:26px;height:26px;margin:0 auto 8px;stroke:var(--kesari);fill:none;stroke-width:1.6;}
.ql b{display:block;font-size:13px;font-weight:600;}

/* =========================================================================
   CARDS — tilt on pointer, lift on hover
   ========================================================================= */
.grid{display:grid;gap:16px;}
.grid-2{grid-template-columns:1fr;}
.grid-3{grid-template-columns:1fr;}
@media (min-width:680px){
  .grid-2{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:repeat(2,1fr);}
}
@media (min-width:1000px){ .grid-3{grid-template-columns:repeat(3,1fr);} }

.card{
  background:linear-gradient(168deg,rgba(255,255,255,.07),rgba(255,255,255,.018));
  border-radius:var(--r-lg);overflow:hidden;
  display:flex;flex-direction:column;
  box-shadow:inset 0 0 0 1px var(--line-2), var(--lift-2);
  transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s ease;
  transform-style:preserve-3d;
}
a.card{text-decoration:none;color:inherit;}
a.card:hover{box-shadow:var(--glow), var(--lift-3);}
a.card:hover h3{color:var(--kesari-lt);}
.card-body{padding:clamp(18px,4.5vw,26px);flex:1;display:flex;flex-direction:column;}
.card h3{margin-bottom:.35em;}
.card p{color:var(--muted);}
.card p:last-of-type{margin-bottom:0;}
.card .tag{
  display:inline-block;align-self:flex-start;font-size:11.5px;font-weight:600;
  color:var(--gold);background:rgba(255,145,48,.14);
  box-shadow:inset 0 0 0 1px rgba(255,145,48,.3);
  padding:4px 11px;border-radius:999px;margin-bottom:11px;
}
.card-media{aspect-ratio:16/10;overflow:hidden;background:var(--ink-700);position:relative;}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1);}
a.card:hover .card-media img{transform:scale(1.07);}
.card-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(13,5,7,.55));
}
.card-more{margin-top:auto;padding-top:14px;font-weight:600;color:var(--kesari);font-size:15px;}

/* =========================================================================
   SPLIT
   ========================================================================= */
.split{display:grid;gap:clamp(22px,5vw,52px);align-items:center;grid-template-columns:1fr;}
@media (min-width:860px){ .split{grid-template-columns:1fr 1fr;} }
.split-media{
  position:relative;border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--lift-3), inset 0 0 0 1px var(--line-2);
  transform:perspective(1000px) rotateY(-3deg) rotateX(1.5deg);
  transition:transform .5s cubic-bezier(.2,.7,.3,1);
}
.split-media:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg) scale(1.01);}
.split-media img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.split-media figcaption{
  position:absolute;inset-inline:0;bottom:0;padding:30px 18px 14px;
  color:var(--text);font-size:13px;
  background:linear-gradient(transparent,rgba(13,5,7,.9));
}
.portrait-ph{
  aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:14px;text-align:center;padding:24px;
  background:linear-gradient(160deg,var(--ink-700),var(--ink-800));
  box-shadow:inset 0 0 0 1px var(--line);
}
.portrait-ph img{width:110px;opacity:.55;}
.portrait-ph p{margin:0;font-size:14px;color:var(--faint);max-width:26ch;}

/* =========================================================================
   GALLERY
   ========================================================================= */
.gallery{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);}
@media (min-width:700px){ .gallery{grid-template-columns:repeat(3,1fr);} }
@media (min-width:1050px){ .gallery{grid-template-columns:repeat(4,1fr);} }
.gal{
  position:relative;display:block;border:0;padding:0;cursor:pointer;
  background:var(--ink-700);border-radius:14px;overflow:hidden;aspect-ratio:4/3;
  box-shadow:var(--lift-1), inset 0 0 0 1px var(--line-2);
  transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s ease;
}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.3,1);}
.gal:hover,.gal:focus-visible{transform:translateY(-4px) scale(1.015);box-shadow:var(--glow),var(--lift-2);}
.gal:hover img,.gal:focus-visible img{transform:scale(1.09);}
.gal .zoom{
  position:absolute;inset-inline-end:8px;bottom:8px;z-index:2;
  width:30px;height:30px;border-radius:50%;
  background:rgba(255,145,48,.92);color:#2A1206;
  display:flex;align-items:center;justify-content:center;
  opacity:0;transform:scale(.8);transition:.25s ease;
}
.gal:hover .zoom,.gal:focus-visible .zoom{opacity:1;transform:scale(1);}
.gal .zoom svg{width:15px;height:15px;}

.lightbox{
  position:fixed;inset:0;z-index:300;background:rgba(8,3,5,.96);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  display:none;align-items:center;justify-content:center;padding:16px;
}
.lightbox.show{display:flex;}
.lightbox img{max-width:96vw;max-height:82vh;object-fit:contain;border-radius:10px;box-shadow:var(--lift-3);}
.lb-close,.lb-prev,.lb-next{
  position:absolute;background:rgba(255,255,255,.1);border:1px solid var(--line-2);
  color:#fff;width:46px;height:46px;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.lb-close:hover,.lb-prev:hover,.lb-next:hover{background:var(--kesari);color:#2A1206;border-color:var(--kesari);}
.lb-close{top:16px;inset-inline-end:16px;}
.lb-prev{inset-inline-start:12px;top:50%;translate:0 -50%;}
.lb-next{inset-inline-end:12px;top:50%;translate:0 -50%;}
.lb-close svg,.lb-prev svg,.lb-next svg{width:20px;height:20px;}
.lb-cap{position:absolute;bottom:14px;inset-inline:0;text-align:center;color:var(--muted);font-size:13.5px;}

/* =========================================================================
   VIDEO CARDS
   ========================================================================= */
.vcard{
  position:relative;border-radius:var(--r-lg);overflow:hidden;
  background:linear-gradient(150deg,var(--ink-700),var(--void));
  box-shadow:inset 0 0 0 1px var(--line-2), var(--lift-2);
  aspect-ratio:16/9;display:flex;align-items:flex-end;padding:0;cursor:pointer;
  width:100%;text-align:start;
  transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s ease;
}
.vcard:hover{transform:translateY(-4px);box-shadow:var(--glow),var(--lift-3);}
.vcard::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:repeating-conic-gradient(from 0deg,rgba(255,145,48,.30) 0deg 1.8deg,transparent 1.8deg 13deg);
  -webkit-mask-image:radial-gradient(closest-side,#000 8%,transparent 68%);
          mask-image:radial-gradient(closest-side,#000 8%,transparent 68%);
}
.vcard .vinfo{position:relative;z-index:2;padding:16px;}
.vcard .vinfo b{display:block;font-size:16px;font-weight:600;color:var(--paper);line-height:1.4;}
.vcard .vinfo small{color:var(--faint);font-size:12.5px;}
.vcard .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;}
.vcard .play span{
  width:60px;height:60px;border-radius:50%;
  background:linear-gradient(180deg,var(--sindoor),#C22);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 34px rgba(240,60,60,.55), inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .25s cubic-bezier(.2,.7,.3,1);
}
.vcard:hover .play span{transform:scale(1.12);}
.vcard .play svg{width:23px;height:23px;fill:#fff;margin-inline-start:3px;}
.vcard iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:5;}

/* =========================================================================
   TIMELINE / NEWS / NOTES
   ========================================================================= */
.timeline{list-style:none;margin:0;padding:0;position:relative;}
.timeline::before{
  content:"";position:absolute;inset-block:8px;inset-inline-start:7px;width:2px;
  background:linear-gradient(var(--kesari),rgba(255,145,48,.06));
}
.timeline > li{position:relative;padding-inline-start:30px;margin-bottom:30px;}
.timeline > li::before{
  content:"";position:absolute;inset-inline-start:0;top:9px;
  width:16px;height:16px;border-radius:50%;
  background:var(--ink-900);box-shadow:0 0 0 3px var(--kesari),0 0 18px rgba(255,145,48,.6);
}
.timeline time{display:block;font-size:13px;font-weight:600;color:var(--kesari);margin-bottom:2px;}
.timeline h3{font-size:19px;margin-bottom:.3em;}
.timeline p{margin-bottom:.5em;color:var(--muted);}
.timeline p.body{color:var(--text);}

.sources{font-size:13px;color:var(--faint);margin:0;}
.sources span{font-family:var(--deva);}
.sources a{display:inline-block;margin-inline-end:7px;color:var(--kesari-lt);}
.sources a::after{content:" ↗";font-size:.8em;opacity:.65;}

.news{list-style:none;margin:0;padding:0;}
.news li{
  border-bottom:1px solid var(--line-2);padding:16px 0;margin:0;
  display:grid;grid-template-columns:1fr;gap:3px;
}
@media (min-width:700px){ .news li{grid-template-columns:140px 1fr;gap:4px 22px;align-items:baseline;} }
.news li:first-child{border-top:1px solid var(--line-2);}
.news .when{font-size:13px;font-weight:600;color:var(--kesari);}
.news .what a{font-weight:600;text-decoration:none;color:var(--paper);}
.news .what a:hover{color:var(--kesari-lt);text-decoration:underline;}
.news .outlet{display:block;font-size:13.5px;color:var(--faint);margin-top:2px;}

.note{
  background:linear-gradient(160deg,rgba(255,145,48,.10),rgba(255,255,255,.02));
  border-radius:var(--r);padding:18px 20px;font-size:15px;color:var(--text);
  box-shadow:inset 0 0 0 1px var(--line);
}
.note p:last-child{margin-bottom:0;}
.note strong{color:var(--gold);}

.contact-list{list-style:none;margin:0;padding:0;}
.contact-list li{
  display:flex;flex-direction:column;gap:2px;
  padding:15px 0;border-bottom:1px solid var(--line-2);margin:0;
}
@media (min-width:620px){
  .contact-list li{flex-direction:row;gap:14px;align-items:flex-start;}
  .contact-list .k{flex:0 0 150px;}
}
.contact-list li:first-child{border-top:1px solid var(--line-2);}
.contact-list .k{font-weight:600;color:var(--gold);font-size:15px;}
.contact-list .v{flex:1;min-width:0;}
.contact-list .v small{display:block;color:var(--faint);font-size:13px;line-height:1.65;}

.prose{max-width:70ch;}
.prose h2{margin-top:1.7em;}
.prose h2:first-child{margin-top:0;}
.prose h3{margin-top:1.3em;}
.prose p{color:var(--text);}

/* =========================================================================
   CTA BAND
   ========================================================================= */
.cta-band{
  background:linear-gradient(140deg,#8A2B1E 0%,var(--sindoor) 45%,var(--kesari) 100%);
  color:#fff;text-align:center;position:relative;overflow:hidden;
}
.cta-band::before{
  content:"";position:absolute;inset:0;
  background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.14) 0deg 1.8deg,transparent 1.8deg 14deg);
  -webkit-mask-image:radial-gradient(closest-side,#000 6%,transparent 66%);
          mask-image:radial-gradient(closest-side,#000 6%,transparent 66%);
}
.cta-band .wrap{position:relative;z-index:1;}
.cta-band h2{color:#fff;margin-bottom:.3em;text-shadow:0 3px 20px rgba(0,0,0,.3);}
.cta-band p{color:rgba(255,255,255,.92);max-width:56ch;margin:0 auto 1.5em;}
.cta-actions{display:flex;gap:11px;justify-content:center;flex-wrap:wrap;}

/* =========================================================================
   INNER PAGE HEADER
   ========================================================================= */
.pagehead{
  position:relative;overflow:hidden;
  padding-block:clamp(30px,7vw,58px);
  background:linear-gradient(165deg,var(--ink-700),var(--ink-900));
  border-bottom:1px solid var(--line);
}
.pagehead::before{
  content:"";position:absolute;top:-58%;left:50%;translate:-50% 0;
  width:min(820px,150%);aspect-ratio:1;opacity:.2;
  background:repeating-conic-gradient(from 0deg,var(--kesari) 0deg 1.6deg,transparent 1.6deg 13deg);
  -webkit-mask-image:radial-gradient(closest-side,#000 10%,transparent 70%);
          mask-image:radial-gradient(closest-side,#000 10%,transparent 70%);
}
.pagehead .wrap{position:relative;z-index:1;}
.pagehead h1{margin-bottom:.25em;}
.pagehead p{color:var(--muted);max-width:62ch;margin-bottom:0;}
.crumbs{font-size:13px;color:var(--faint);margin-bottom:8px;}
.crumbs a{color:var(--kesari);text-decoration:none;}
.crumbs a:hover{text-decoration:underline;}

/* =========================================================================
   FOOTER
   ========================================================================= */
.site-foot{
  background:linear-gradient(180deg,var(--ink-900),var(--void));
  color:var(--muted);padding-block:clamp(38px,7vw,64px) 24px;
  border-top:1px solid var(--line);
}
.site-foot a{color:var(--kesari-lt);}
.site-foot a:hover{color:var(--gold);}
.foot-grid{
  display:grid;gap:26px;grid-template-columns:1fr;
  padding-bottom:24px;border-bottom:1px solid var(--line-2);
}
@media (min-width:620px){ .foot-grid{grid-template-columns:repeat(2,1fr);} }
@media (min-width:960px){ .foot-grid{grid-template-columns:repeat(4,1fr);} }
.foot-brand img{width:64px;margin-bottom:12px;filter:drop-shadow(0 4px 16px rgba(255,145,48,.45));}
.foot-grid h4{color:var(--paper);font-size:14.5px;margin-bottom:.6em;}
.foot-grid ul{list-style:none;margin:0;padding:0;}
.foot-grid li{margin-bottom:.4em;font-size:14.5px;}
.foot-grid a{text-decoration:none;}
.foot-grid a:hover{text-decoration:underline;}
.foot-note{padding-top:18px;font-size:13px;color:var(--faint);line-height:1.75;}
.foot-note p{margin:0 0 .45em;}
.foot-note p:last-child{margin-bottom:0;}

/* =========================================================================
   SCROLL REVEAL
   ========================================================================= */
[data-reveal]{
  opacity:0;transform:translate3d(0,22px,0);
  transition:opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1);
  will-change:opacity,transform;
}
[data-reveal].in{opacity:1;transform:none;}

/* =========================================================================
   MOTION / PRINT
   ========================================================================= */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  [data-reveal]{opacity:1;transform:none;}
  .jaghosh-move{animation:none;}
  .stage::before{animation:none;}
  .split-media{transform:none;}
}
@media print{
  .masthead,.navbar,.appnav,.jaghosh,.stage,.cta-band,.lightbox{display:none;}
  body{background:#fff;color:#000;padding-bottom:0;}
}