/* ============================================================
   हरिहर स्वामी करपात्री धर्मार्थ ट्रस्ट
   प्रातःकाल का मंदिर — उजाला, और बीच-बीच में गहरे हिस्से
   ------------------------------------------------------------
   ⚠ यह फ़ाइल पूरी तरह अलग है।
   • हर class का नाम .t- से शुरू होता है — मौजूदा website से
     कभी टकरा नहीं सकती।
   • सारे रंग .t-page के *अंदर* हैं, :root में नहीं।
   • style.css में एक अक्षर भी नहीं बदला गया।

   3D बिना किसी library के — केवल CSS की perspective और translateZ से।
   ============================================================ */

.t-page{
  /* ---------- उजाला ---------- */
  --t-page-bg:#FBFAF7;        /* मुख्य — गरम, लगभग सफ़ेद */
  --t-raised:#FFFFFF;         /* cards, उठे हुए तल */
  --t-band:#F4F1EA;           /* पट्टियाँ */
  --t-band-2:#EDE8DD;
  --t-deep:#161310;           /* गहरे हिस्से */
  --t-deep-2:#221D18;

  /* ---------- सोना ---------- */
  --t-gold:#8C6D14;
  --t-gold-bright:#C9A227;
  --t-gold-deepest:#6E5410;
  --t-flame:#C0571A;

  /* ---------- अक्षर ---------- */
  --t-head-ink:#17140F;
  --t-body-ink:#3A342C;
  --t-soft-ink:#6B6357;
  --t-faint-ink:#948A7B;

  --t-line:rgba(140,109,20,.22);
  --t-line-soft:rgba(140,109,20,.10);

  /* ---- गहरे हिस्सों के अपने अक्षर ---- */
  --t-on-deep:#F6F1E4;
  --t-on-deep-2:rgba(240,234,220,.74);
  --t-on-deep-3:rgba(240,234,220,.46);
  --t-gold-on-deep:#DCC069;

  /* ---------- पुराने नाम — ताकि कुछ न टूटे ----------
     live वाला पन्ना और कुछ inline styles इन्हीं नामों से
     रंग माँगते हैं। इन्हें हटाइए मत। */
  --t-ivory:var(--t-page-bg);
  --t-bg:var(--t-page-bg);
  --t-void:#FFFFFF;
  --t-parchment:var(--t-band);
  --t-parchment-2:var(--t-band-2);
  --t-surface:var(--t-raised);
  --t-surface-2:var(--t-band);
  --t-earth:var(--t-deep);
  --t-earth-2:var(--t-deep-2);
  --t-paper:var(--t-raised);
  --t-ink:var(--t-head-ink);
  --t-text:var(--t-body-ink);
  --t-muted:var(--t-soft-ink);
  --t-white:var(--t-head-ink);
  --t-cream:var(--t-body-ink);
  --t-mute:var(--t-soft-ink);
  --t-faint:var(--t-faint-ink);
  --t-hair:var(--t-line);
  --t-hair-soft:var(--t-line-soft);
  --t-gold-deep:var(--t-gold);
  --t-gold-hi:var(--t-gold-deepest);
  --t-gold-dim:var(--t-gold-bright);
  --t-saffron:#AE5A11;
  --t-maroon:#5A2320;

  --t-shadow:0 1px 2px rgba(60,48,28,.04), 0 12px 40px rgba(60,48,28,.07);
  --t-shadow-lg:0 4px 12px rgba(60,48,28,.06), 0 40px 100px rgba(60,48,28,.13);
  --t-glow:0 0 60px rgba(201,162,39,.16);

  --t-head:'Cormorant Garamond','Tiro Devanagari Hindi',Georgia,serif;
  --t-hindi:'Tiro Devanagari Hindi','Cormorant Garamond',serif;
  --t-body:'Inter','Mukta',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  --t-wrap:1220px;
  --t-sect:clamp(6rem,13vw,12rem);
  --t-ease:cubic-bezier(.22,.61,.36,1);
  --t-ease-out:cubic-bezier(.16,1,.3,1);

  background:var(--t-page-bg);
  color:var(--t-body-ink);
  font-family:var(--t-body);
  font-size:1rem;
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

.t-page *,.t-page *::before,.t-page *::after{box-sizing:border-box}
.t-page img,.t-page svg,.t-page video{max-width:100%}
.t-page h1,.t-page h2,.t-page h3,.t-page h4,.t-page p,.t-page ul,.t-page ol,.t-page figure{margin:0}
.t-page ul,.t-page ol{padding:0;list-style:none}
.t-page ::selection{background:rgba(201,162,39,.28);color:var(--t-head-ink)}

/* काग़ज़ जैसी बहुत महीन बनावट — चित्र नहीं, केवल गणित */
.t-page::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55;
  background:
    radial-gradient(1px 1px at 18% 24%, rgba(140,109,20,.055) 50%, transparent 51%),
    radial-gradient(1px 1px at 72% 58%, rgba(90,35,32,.04) 50%, transparent 51%),
    radial-gradient(1px 1px at 41% 81%, rgba(140,109,20,.045) 50%, transparent 51%);
  background-size:140px 140px,200px 200px,170px 170px;
}
.t-page > *{position:relative;z-index:1}

.t-wrap{max-width:var(--t-wrap);margin-inline:auto;padding-inline:clamp(1.3rem,5vw,3rem)}
.t-narrow{max-width:820px;margin-inline:auto}
.t-sec{padding-block:var(--t-sect);position:relative}

.t-skip{
  position:absolute;left:-9999px;top:0;background:var(--t-deep);color:#F6F1E4;
  padding:.8rem 1.4rem;z-index:2000;font-weight:600;
}
.t-skip:focus{left:0}

/* ============================================================
   अक्षर — बड़े, कसे हुए, बहुत हवा के साथ
   ============================================================ */
.t-eyebrow{
  font-family:var(--t-body);font-size:.7rem;font-weight:600;
  letter-spacing:.3em;text-transform:uppercase;color:var(--t-gold);
}
.t-num{
  font-family:var(--t-body);font-size:.7rem;font-weight:600;letter-spacing:.3em;
  color:var(--t-gold);
}
.t-h1{
  font-family:var(--t-hindi);font-weight:400;
  font-size:clamp(2.4rem,7.4vw,6rem);line-height:1.1;letter-spacing:-.018em;
  color:var(--t-head-ink);
}
.t-h2{
  font-family:var(--t-hindi);font-weight:400;
  font-size:clamp(1.95rem,5.4vw,4rem);line-height:1.16;letter-spacing:-.015em;
  color:var(--t-head-ink);
}
.t-h3{
  font-family:var(--t-hindi);font-weight:400;
  font-size:clamp(1.2rem,2.4vw,1.6rem);line-height:1.4;color:var(--t-head-ink);
}
.t-lead{
  font-family:var(--t-hindi);font-size:clamp(1.08rem,2.1vw,1.45rem);
  line-height:1.78;color:var(--t-body-ink);
}
.t-body{font-size:clamp(.98rem,1.4vw,1.08rem);line-height:1.85;color:var(--t-soft-ink)}
.t-small{font-size:.86rem;line-height:1.7;color:var(--t-faint-ink)}
.t-page b,.t-page strong{font-weight:600;color:var(--t-head-ink)}

.t-rule{width:72px;height:1px;background:linear-gradient(90deg,var(--t-gold-bright),transparent);margin:2rem 0}
.t-rule.t-mid{margin-inline:auto;background:linear-gradient(90deg,transparent,var(--t-gold-bright),transparent);width:120px}

.t-head{max-width:820px;margin-bottom:clamp(3rem,6vw,5.5rem)}
.t-head.t-mid{margin-inline:auto;text-align:center}
.t-head .t-h2{margin-top:1.4rem}
.t-head .t-lead{margin-top:1.6rem}

/* ============================================================
   बटन — गोल गोली
   ============================================================ */
.t-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  min-height:54px;padding:.95rem 2.1rem;border-radius:999px;
  font-family:var(--t-body);font-size:.92rem;font-weight:500;letter-spacing:.01em;
  text-decoration:none;cursor:pointer;border:1px solid transparent;
  transition:background .35s var(--t-ease),color .35s var(--t-ease),
             border-color .35s var(--t-ease),transform .35s var(--t-ease-out),
             box-shadow .35s var(--t-ease);
}
.t-btn-solid{background:var(--t-deep);color:#F6F1E4;border-color:var(--t-deep);font-weight:500}
.t-btn-solid:hover{background:var(--t-deep-2);transform:translateY(-2px);box-shadow:0 12px 32px rgba(22,19,16,.22)}
.t-btn-line{background:transparent;color:var(--t-head-ink);border-color:var(--t-line)}
.t-btn-line:hover{border-color:var(--t-gold-bright);color:var(--t-gold);transform:translateY(-2px)}
.t-btn-gold{background:var(--t-gold);color:#FFFBF0;border-color:var(--t-gold);font-weight:600}
.t-btn-gold:hover{background:var(--t-gold-deepest);transform:translateY(-2px);box-shadow:0 12px 32px rgba(140,109,20,.28)}
.t-btn:focus-visible{outline:2px solid var(--t-gold-bright);outline-offset:4px}
.t-btns{display:flex;flex-wrap:wrap;gap:1rem}

/* गहरे हिस्सों के अंदर के बटन */
.t-dark .t-btn-line,.t-btn-light{background:transparent;color:var(--t-on-deep);border-color:rgba(240,234,220,.28)}
.t-dark .t-btn-line:hover,.t-btn-light:hover{border-color:var(--t-gold-on-deep);color:var(--t-gold-on-deep)}
.t-dark .t-btn-solid{background:var(--t-gold-on-deep);color:#161310;border-color:var(--t-gold-on-deep);font-weight:600}
.t-dark .t-btn-solid:hover{background:#E8D28C}

/* ============================================================
   शीर्ष पट्टी — पतली, धुँधले काँच की
   ============================================================ */
.t-bar{
  position:sticky;top:0;z-index:900;
  background:rgba(251,250,247,.76);
  -webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);
  border-bottom:1px solid var(--t-line-soft);
}
.t-bar-in{display:flex;align-items:center;gap:1.2rem;min-height:76px}
.t-brand{display:flex;align-items:center;gap:.9rem;text-decoration:none;color:inherit;min-width:0}
.t-seal{flex:none;width:42px;height:42px;color:var(--t-gold)}
.t-brand-txt{min-width:0}
.t-brand-hi{display:block;font-family:var(--t-hindi);font-size:.98rem;line-height:1.25;color:var(--t-head-ink)}
.t-brand-en{
  display:block;font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--t-gold);margin-top:.24rem;
}
.t-nav{margin-left:auto;display:flex;align-items:center;gap:2.1rem}
.t-nav a{font-size:.85rem;color:var(--t-soft-ink);text-decoration:none;transition:color .3s var(--t-ease)}
.t-nav a:hover{color:var(--t-head-ink)}
.t-nav .t-btn{min-height:40px;padding:.45rem 1.25rem;font-size:.82rem}
@media(max-width:960px){.t-nav{display:none}}

/* ============================================================
   HERO — 3D मंच
   मंदिर पाँच परतों में है, हर परत अलग गहराई पर (translateZ)।
   ============================================================ */
.t-hero{
  position:relative;overflow:hidden;
  min-height:100svh;display:flex;align-items:center;
  background:
    radial-gradient(1100px 620px at 50% 104%, rgba(201,162,39,.16), transparent 62%),
    radial-gradient(1500px 900px at 50% -18%, rgba(201,162,39,.10), transparent 60%),
    linear-gradient(180deg,#FFFEFB 0%,var(--t-band) 46%,var(--t-page-bg) 100%);
}

.t-stage{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  perspective:1400px;perspective-origin:50% 62%;
}
.t-stage-in{
  position:absolute;inset:0;
  transform-style:preserve-3d;
  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(var(--tz,0px));
  transition:transform .12s linear;
  will-change:transform;
}
.t-layer{position:absolute;left:50%;bottom:0;transform-style:preserve-3d;color:var(--t-gold)}
/* उजाले पर रेखाएँ गहरी चाहिए — इसलिए opacity दुगुनी */
.t-l1{transform:translateX(-50%) translateZ(-420px);width:min(1900px,190%);opacity:.20}
.t-l2{transform:translateX(-50%) translateZ(-240px);width:min(1600px,165%);opacity:.28}
.t-l3{transform:translateX(-50%) translateZ(-60px); width:min(1340px,140%);opacity:.38}
.t-l4{transform:translateX(-50%) translateZ(110px); width:min(1180px,125%);opacity:.52}
.t-l5{transform:translateX(-50%) translateZ(260px); width:min(1060px,115%);opacity:.8}

/* दीप की आभा — उजाले पर बहुत हल्की, वरना धब्बा लगती है */
.t-glow{
  position:absolute;left:50%;bottom:6%;width:min(760px,86%);height:300px;
  transform:translateX(-50%) translateZ(200px);
  background:radial-gradient(ellipse at 50% 70%, rgba(192,87,26,.2), rgba(201,162,39,.06) 45%, transparent 70%);
  filter:blur(30px);
  animation:t-breathe 6s ease-in-out infinite;
}
@keyframes t-breathe{0%,100%{opacity:.7}50%{opacity:1}}

.t-hero-veil{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(251,250,247,.5) 0%,rgba(251,250,247,.06) 40%,rgba(251,250,247,.92) 100%);
}
.t-hero-in{position:relative;z-index:2;width:100%;padding-block:clamp(6rem,14vh,9rem)}
.t-hero-mark{width:58px;height:58px;color:var(--t-gold);margin-bottom:2.2rem}
.t-hero h1{max-width:16ch}
.t-hero-motto{
  display:flex;flex-wrap:wrap;align-items:center;gap:.85rem;
  margin-top:2rem;font-family:var(--t-hindi);
  font-size:clamp(1.05rem,2.3vw,1.5rem);color:var(--t-gold);letter-spacing:.08em;
}
.t-hero-motto i{display:block;width:5px;height:5px;border-radius:50%;background:var(--t-gold-bright);font-style:normal}
.t-hero-sub{margin-top:1.8rem;max-width:54ch;color:var(--t-soft-ink)}
.t-hero .t-btns{margin-top:3rem}

/* ---- hero में चलता हुआ चित्र ----
   assets/trust-hero.mp4 रख दीजिए तो अपने आप चलने लगेगा। */
.t-hero-video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity 1.2s var(--t-ease);z-index:0;
}
.t-hero-video.t-on{opacity:.3}
.t-hero-photo{position:absolute;inset:0;background-size:cover;background-position:center 30%;opacity:0;transition:opacity 1s var(--t-ease);z-index:0}
.t-hero-photo.t-on{opacity:.26}
.t-hero-art{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(1500px,150%);color:var(--t-gold);opacity:.2;pointer-events:none}

.t-scroll{
  position:absolute;left:50%;bottom:2.2rem;z-index:3;transform:translateX(-50%);
  display:grid;place-items:center;gap:.7rem;
  font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--t-faint-ink);
}
.t-scroll span{display:block;width:1px;height:42px;background:linear-gradient(var(--t-gold-bright),transparent);animation:t-drop 2.4s ease-in-out infinite}
@keyframes t-drop{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}
                  55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ============================================================
   भरोसे की पट्टी
   ============================================================ */
.t-strip{border-block:1px solid var(--t-line-soft);background:linear-gradient(180deg,#FFFEFB,var(--t-band))}
.t-strip ul{
  display:grid;grid-template-columns:repeat(4,1fr);
  font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--t-gold);text-align:center;
}
.t-strip li{padding:1.6rem .7rem;border-left:1px solid var(--t-line-soft)}
.t-strip li:first-child{border-left:0}
@media(max-width:760px){
  .t-strip ul{grid-template-columns:repeat(2,1fr)}
  .t-strip li:nth-child(3){border-left:0}
  .t-strip li:nth-child(n+3){border-top:1px solid var(--t-line-soft)}
}

/* ============================================================
   VIDEO — पहले चित्र और play, दबाने पर ही YouTube
   ============================================================ */
.t-video-wrap{position:relative;max-width:1000px;margin-inline:auto}
.t-video{
  position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;
  border:1px solid var(--t-line);background:var(--t-deep);
  box-shadow:var(--t-shadow-lg);cursor:pointer;
  transform-style:preserve-3d;
  transition:transform .6s var(--t-ease-out),box-shadow .6s var(--t-ease);
}
.t-video:hover{transform:translateZ(30px) translateY(-5px);box-shadow:var(--t-shadow-lg),var(--t-glow)}
.t-video img,.t-video iframe,.t-video video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.t-video-poster{
  position:absolute;inset:0;
  background:radial-gradient(900px 480px at 50% 40%, rgba(201,162,39,.16), transparent 70%),
             linear-gradient(165deg,var(--t-deep-2),var(--t-deep));
  display:grid;place-items:center;
}
.t-video-art{width:min(300px,52%);color:var(--t-gold-on-deep);opacity:.26}
.t-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:84px;height:84px;border-radius:50%;display:grid;place-items:center;
  background:rgba(246,241,228,.94);border:0;cursor:pointer;
  box-shadow:0 10px 40px rgba(0,0,0,.4);
  transition:transform .45s var(--t-ease-out),background .35s var(--t-ease);
}
.t-play::after{
  content:"";width:0;height:0;margin-left:5px;
  border-left:22px solid var(--t-deep);
  border-top:14px solid transparent;border-bottom:14px solid transparent;
}
.t-video:hover .t-play{transform:translate(-50%,-50%) scale(1.08);background:#FFF}
.t-play:focus-visible{outline:3px solid var(--t-gold-bright);outline-offset:4px}
.t-video-cap{margin-top:1.4rem;text-align:center;font-size:.86rem;color:var(--t-faint-ink)}
/* जब तक कोई video न भरा जाए, यह हिस्सा दिखता ही नहीं */
.t-video-sec[hidden]{display:none !important}

/* ============================================================
   दो-खंड
   ============================================================ */
.t-split{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(2.5rem,7vw,7rem);align-items:start}
@media(max-width:920px){.t-split{grid-template-columns:1fr}}

.t-emblem-box{
  border:1px solid var(--t-line);background:linear-gradient(160deg,#FFFEFB,var(--t-band));
  padding:clamp(2.2rem,4.5vw,3.4rem);text-align:center;
  box-shadow:var(--t-shadow);position:relative;overflow:hidden;
}
.t-emblem-box::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(400px 200px at 50% 0%, rgba(201,162,39,.14), transparent 70%);
}
.t-emblem-box svg{width:124px;height:124px;color:var(--t-gold);position:relative}
.t-emblem-name{font-family:var(--t-hindi);font-size:1.22rem;line-height:1.5;color:var(--t-head-ink);margin-top:1.6rem;position:relative}
.t-emblem-en{
  font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--t-gold);margin-top:.8rem;line-height:1.9;position:relative;
}
.t-stack > * + *{margin-top:1.5rem}

.t-quote{
  font-family:var(--t-hindi);font-size:clamp(1.2rem,2.6vw,1.6rem);line-height:1.8;
  color:var(--t-head-ink);border-left:1px solid var(--t-gold-bright);padding-left:clamp(1.3rem,3vw,2.2rem);
}

/* ============================================================
   तीन स्तम्भ — 3D झुकाव
   ============================================================ */
.t-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;perspective:1200px}
.t-pillar{
  background:var(--t-raised);border:1px solid var(--t-line-soft);
  padding:clamp(2.2rem,3.8vw,3.2rem);
  transform-style:preserve-3d;box-shadow:var(--t-shadow);
  transition:transform .5s var(--t-ease-out),border-color .5s var(--t-ease),box-shadow .5s var(--t-ease);
}
.t-pillar:hover{transform:translateZ(30px) rotateX(2.5deg);border-color:var(--t-line);box-shadow:var(--t-shadow-lg)}
.t-pillar .t-num{display:block;margin-bottom:1.6rem}
.t-pillar .t-h3{margin-bottom:1rem}
@media(max-width:880px){.t-pillars{grid-template-columns:1fr}}

/* ============================================================
   cards — गहराई के साथ
   ============================================================ */
.t-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.3rem;perspective:1300px}
.t-card{
  display:flex;flex-direction:column;
  background:var(--t-raised);border:1px solid var(--t-line-soft);
  padding:clamp(2rem,3.2vw,2.6rem);text-decoration:none;color:inherit;
  transform-style:preserve-3d;position:relative;overflow:hidden;box-shadow:var(--t-shadow);
  transition:transform .55s var(--t-ease-out),border-color .5s var(--t-ease),box-shadow .5s var(--t-ease);
}
.t-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(340px 200px at 50% -10%, rgba(201,162,39,.14), transparent 70%);
  transition:opacity .5s var(--t-ease);
}
.t-card:hover{transform:translateZ(38px) translateY(-6px);border-color:var(--t-line);box-shadow:var(--t-shadow-lg)}
.t-card:hover::after{opacity:1}
.t-card:focus-visible{outline:2px solid var(--t-gold-bright);outline-offset:4px}
.t-card-ic{
  width:54px;height:54px;display:grid;place-items:center;margin-bottom:1.7rem;
  border:1px solid var(--t-line);border-radius:50%;color:var(--t-gold);
  background:radial-gradient(circle at 34% 28%,#FFFEFB,var(--t-band));position:relative;
}
.t-card-ic svg{width:24px;height:24px}
.t-card .t-h3{margin-bottom:.8rem;position:relative}
.t-card p{font-size:.95rem;line-height:1.8;color:var(--t-soft-ink);flex:1;position:relative}
.t-card-go{
  margin-top:1.8rem;font-size:.82rem;font-weight:500;
  color:var(--t-gold);display:inline-flex;align-items:center;gap:.5rem;position:relative;
}
.t-card:hover .t-card-go span{transform:translateX(5px)}
.t-card-go span{transition:transform .4s var(--t-ease-out)}

/* ============================================================
   गहरे हिस्से — उजाले पन्ने पर पूरे गहरे खंड
   ============================================================ */
.t-dark{background:linear-gradient(170deg,var(--t-deep),var(--t-deep-2));position:relative;overflow:hidden;color:var(--t-on-deep)}
.t-dark .t-h1,.t-dark .t-h2,.t-dark .t-h3{color:var(--t-on-deep)}
.t-dark .t-lead{color:var(--t-on-deep-2)}
.t-dark .t-body{color:var(--t-on-deep-2)}
.t-dark .t-small{color:var(--t-on-deep-3)}
.t-dark .t-eyebrow,.t-dark .t-num{color:var(--t-gold-on-deep)}
.t-dark b,.t-dark strong{color:#FFFBF0}
.t-dark .t-rule{background:linear-gradient(90deg,var(--t-gold-on-deep),transparent)}
.t-dark-art{
  position:absolute;right:-8%;top:50%;transform:translateY(-50%);
  width:min(680px,60%);height:auto;color:var(--t-gold-on-deep);opacity:.07;pointer-events:none;
}

/* ai-summary — पुराना नाम */
.t-page .ai-summary{
  background:var(--t-raised);border:1px solid var(--t-line-soft);
  padding:clamp(1.8rem,3vw,2.4rem);
}
.t-page .ai-summary p{color:var(--t-body-ink);font-size:1.02rem;line-height:1.85}
.t-page .ai-summary p + p{margin-top:1.1rem}
.t-dark .ai-summary{background:rgba(255,255,255,.04);border-color:rgba(220,192,105,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.t-dark .ai-summary p{color:var(--t-on-deep-2)}

/* "पूजा केवल एक सेवा नहीं है" */
.t-creed p:first-child{
  font-family:var(--t-hindi);font-size:clamp(2.1rem,6.4vw,4.6rem);line-height:1.14;
  letter-spacing:-.018em;color:var(--t-on-deep);max-width:14ch;
}
.t-creed-list{margin-top:3.4rem;display:grid;gap:1.3rem;max-width:22ch}
.t-creed-list li{
  font-family:var(--t-hindi);font-size:clamp(1.25rem,3vw,2rem);line-height:1.4;
  color:var(--t-gold-on-deep);padding-left:1.9rem;position:relative;
}
.t-creed-list li::before{content:"";position:absolute;left:0;top:.72em;width:11px;height:1px;background:var(--t-gold-on-deep);opacity:.8}
.t-creed-note{margin-top:3.6rem;max-width:50ch}
.t-quiet{
  border-left:1px solid var(--t-gold-on-deep);padding-left:1.6rem;margin-top:2.4rem;
  font-family:var(--t-hindi);font-size:1.08rem;line-height:1.85;color:var(--t-on-deep-2);
}

/* ============================================================
   टिका हुआ हिस्सा
   ============================================================ */
.t-pin{position:relative;background:linear-gradient(180deg,var(--t-page-bg),var(--t-band) 30%,var(--t-band) 70%,var(--t-page-bg))}
.t-pin-tall{height:340vh}
.t-pin-stick{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}
.t-pin-art{
  position:absolute;left:50%;top:50%;width:min(680px,84vw);
  transform:translate(-50%,-50%) scale(var(--ps,1)) rotate(var(--pr,0deg));
  color:var(--t-gold);opacity:.13;pointer-events:none;
  transition:transform .15s linear;
}
.t-pin-slides{position:relative;z-index:2;width:100%;text-align:center}
.t-slide{
  position:absolute;left:50%;top:50%;width:min(760px,88vw);
  transform:translate(-50%,-50%) translateY(26px);
  opacity:0;pointer-events:none;
  transition:opacity .6s var(--t-ease),transform .7s var(--t-ease-out);
}
.t-slide.t-on{opacity:1;transform:translate(-50%,-50%) translateY(0);pointer-events:auto}
.t-slide .t-num{display:block;margin-bottom:1.5rem}
.t-slide .t-h2{margin-bottom:1.4rem}
.t-slide p{max-width:54ch;margin-inline:auto}
.t-pin-dots{position:absolute;left:50%;bottom:3.5rem;transform:translateX(-50%);display:flex;gap:.5rem;z-index:3}
.t-pin-dots i{display:block;width:26px;height:2px;background:rgba(140,109,20,.2);transition:background .4s var(--t-ease)}
.t-pin-dots i.t-on{background:var(--t-gold)}

/* ============================================================
   प्रक्रिया
   ============================================================ */
.t-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.t-step{padding:0 clamp(1rem,2.4vw,2.2rem);border-left:1px solid var(--t-line-soft)}
.t-step:first-child{border-left:0;padding-left:0}
.t-step-no{
  font-family:var(--t-head);font-size:3rem;font-weight:600;line-height:1;
  color:var(--t-gold-bright);opacity:.6;display:block;margin-bottom:1.4rem;
}
.t-step .t-h3{margin-bottom:.8rem}
.t-step p{font-size:.93rem;line-height:1.8;color:var(--t-soft-ink)}
.t-dark .t-step{border-color:rgba(220,192,105,.2)}
.t-dark .t-step p{color:var(--t-on-deep-2)}
.t-dark .t-step-no{color:var(--t-gold-on-deep)}
@media(max-width:920px){
  .t-steps{grid-template-columns:1fr 1fr;gap:2.8rem 0}
  .t-step:nth-child(odd){border-left:0;padding-left:0}
}
@media(max-width:580px){
  .t-steps{grid-template-columns:1fr;gap:2.4rem}
  .t-step{border-left:0;padding-left:0}
}

/* ============================================================
   ज्ञान
   ============================================================ */
.t-know{display:grid;grid-template-columns:repeat(auto-fit,minmax(262px,1fr));gap:1px;background:var(--t-line-soft);border:1px solid var(--t-line-soft)}
.t-know li{
  background:var(--t-raised);padding:2.1rem 1.8rem;
  font-family:var(--t-hindi);font-size:1.1rem;line-height:1.6;color:var(--t-head-ink);
  transition:background .4s var(--t-ease);
}
.t-know li:hover{background:var(--t-band)}

/* ============================================================
   डॉ. शर्मा
   ============================================================ */
.t-person{display:grid;grid-template-columns:320px 1fr;gap:clamp(2.4rem,6vw,5rem);align-items:center;perspective:1200px}
@media(max-width:840px){.t-person{grid-template-columns:1fr;justify-items:start}}
.t-portrait{
  width:320px;max-width:100%;aspect-ratio:1/1.16;object-fit:cover;object-position:50% 20%;
  border:1px solid var(--t-line);padding:8px;background:var(--t-raised);
  box-shadow:var(--t-shadow-lg);transition:transform .6s var(--t-ease-out);
}
.t-portrait:hover{transform:translateZ(26px) rotateY(-3deg)}

/* ============================================================
   पारदर्शिता
   ============================================================ */
.t-grid6{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:1px;background:var(--t-line-soft);border:1px solid var(--t-line-soft)}
.t-fact{background:var(--t-raised);padding:2rem 1.8rem;transition:background .4s var(--t-ease)}
.t-fact:hover{background:var(--t-band)}
.t-fact h3{
  font-family:var(--t-body);font-size:.66rem;font-weight:600;letter-spacing:.24em;
  text-transform:uppercase;color:var(--t-gold);margin-bottom:1rem;
}
.t-fact p{font-size:.95rem;line-height:1.8;color:var(--t-soft-ink)}
.t-fact a{color:var(--t-gold);text-decoration:none;border-bottom:1px solid var(--t-line)}
.t-fact a:hover{color:var(--t-gold-deepest);border-bottom-color:var(--t-gold)}

/* ============================================================
   सहभागिता
   ============================================================ */
.t-offer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:1.4rem;perspective:1300px}
.t-offer{
  display:flex;flex-direction:column;position:relative;overflow:hidden;
  background:var(--t-raised);border:1px solid var(--t-line);
  padding:clamp(2.2rem,3.6vw,3rem);box-shadow:var(--t-shadow);
  transform-style:preserve-3d;
  transition:transform .55s var(--t-ease-out),box-shadow .5s var(--t-ease);
}
.t-offer::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(420px 220px at 50% -8%, rgba(201,162,39,.12), transparent 70%);
}
.t-offer:hover{transform:translateZ(26px);box-shadow:var(--t-shadow-lg),var(--t-glow)}
.t-offer-kind{font-size:.64rem;letter-spacing:.26em;text-transform:uppercase;color:var(--t-gold);position:relative}
.t-offer .t-h3{margin:1.2rem 0 1.6rem;position:relative}
.t-dakshina{
  display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap;position:relative;
  padding-block:1.4rem;border-block:1px solid var(--t-line-soft);
}
.t-dakshina b{
  font-family:var(--t-head);font-size:clamp(2.4rem,5.6vw,3.4rem);font-weight:600;
  line-height:1;color:var(--t-gold);letter-spacing:-.02em;
}
.t-dakshina b sup{font-size:.48em;vertical-align:baseline;margin-right:.08em}
.t-dakshina span{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--t-faint-ink)}
.t-incl{margin-top:1.8rem;display:grid;gap:.85rem;flex:1;position:relative}
.t-incl li{position:relative;padding-left:1.6rem;font-size:.95rem;line-height:1.75;color:var(--t-soft-ink)}
.t-incl li::before{content:"";position:absolute;left:0;top:.72em;width:9px;height:1px;background:var(--t-gold-bright)}
.t-offer .t-btn{margin-top:2.1rem;position:relative}
.t-offer-note{margin-top:1.2rem;font-size:.82rem;line-height:1.7;color:var(--t-faint-ink);text-align:center}

/* ============================================================
   संकल्प — गहरे हिस्से के अंदर
   ============================================================ */
.t-intents{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:rgba(220,192,105,.16)}
.t-intent{
  background:var(--t-deep);padding:2rem 1.7rem;
  font-family:var(--t-hindi);font-size:1.08rem;line-height:1.5;color:var(--t-on-deep);
  transition:background .4s var(--t-ease);
}
.t-intent:hover{background:var(--t-deep-2)}
.t-intent span{
  display:block;font-family:var(--t-body);font-size:.62rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--t-gold-on-deep);margin-bottom:.8rem;
}

/* ============================================================
   FAQ
   ============================================================ */
.t-faq{border-top:1px solid var(--t-line-soft)}
.t-faq details{border-bottom:1px solid var(--t-line-soft)}
.t-faq summary{
  list-style:none;cursor:pointer;padding:1.9rem 3.2rem 1.9rem 0;position:relative;
  font-family:var(--t-hindi);font-size:clamp(1.08rem,2.1vw,1.28rem);line-height:1.5;
  color:var(--t-body-ink);transition:color .3s var(--t-ease);
}
.t-faq summary::-webkit-details-marker{display:none}
.t-faq summary:hover,.t-faq details[open] summary{color:var(--t-head-ink)}
.t-faq summary::after{
  content:"";position:absolute;right:.4rem;top:2.35rem;width:14px;height:14px;
  background:
    linear-gradient(var(--t-gold),var(--t-gold)) center/14px 1px no-repeat,
    linear-gradient(var(--t-gold),var(--t-gold)) center/1px 14px no-repeat;
  transition:transform .4s var(--t-ease-out);
}
.t-faq details[open] summary::after{transform:rotate(135deg)}
.t-faq-a{padding:0 3.2rem 2.2rem 0;font-size:1rem;line-height:1.88;color:var(--t-soft-ink);max-width:74ch}
.t-faq-a a{color:var(--t-gold);text-decoration:none;border-bottom:1px solid var(--t-line)}

/* ============================================================
   अंतिम पुकार
   ============================================================ */
.t-close{text-align:center;position:relative;overflow:hidden}
.t-close .t-h1{margin-inline:auto;max-width:18ch}
.t-close .t-btns{justify-content:center;margin-top:3.4rem}

/* ============================================================
   पाद — गहरा, ताकि पन्ना ठोस ढंग से बंद हो
   ============================================================ */
.t-foot{background:var(--t-deep);color:var(--t-on-deep-2);padding-block:clamp(4rem,8vw,6rem) 0}
.t-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:clamp(2.2rem,5vw,4.5rem)}
@media(max-width:840px){.t-foot-grid{grid-template-columns:1fr;gap:2.8rem}}
.t-foot-name{font-family:var(--t-hindi);font-size:1.28rem;line-height:1.5;color:var(--t-on-deep)}
.t-foot-en{font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:var(--t-gold-on-deep);margin-top:.7rem;line-height:1.9}
.t-foot h3{
  font-family:var(--t-body);font-size:.64rem;font-weight:600;letter-spacing:.26em;
  text-transform:uppercase;color:var(--t-gold-on-deep);margin-bottom:1.4rem;
}
.t-foot-links{display:grid;gap:.85rem}
.t-foot a{color:var(--t-on-deep-2);text-decoration:none;font-size:.9rem;transition:color .3s var(--t-ease)}
.t-foot a:hover{color:var(--t-gold-on-deep)}
.t-foot-seal{width:50px;height:50px;color:var(--t-gold-on-deep);margin-bottom:1.6rem}
.t-foot-bottom{
  margin-top:clamp(3.4rem,7vw,5rem);padding-block:2rem;
  border-top:1px solid rgba(220,192,105,.16);
  display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;
  font-size:.78rem;color:var(--t-on-deep-3);
}

/* ============================================================
   मोबाइल की नीचे वाली पट्टी
   ============================================================ */
.t-dock{
  position:fixed;left:0;right:0;bottom:0;z-index:950;display:none;gap:.7rem;
  padding:.8rem clamp(.9rem,4vw,1.2rem) calc(.8rem + env(safe-area-inset-bottom,0px));
  background:rgba(251,250,247,.9);
  -webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);
  border-top:1px solid var(--t-line-soft);
  transform:translateY(120%);transition:transform .5s var(--t-ease-out);
}
.t-dock.t-up{transform:none}
.t-dock .t-btn{flex:1;min-height:50px;padding-inline:1rem;font-size:.86rem}
.t-dock .t-btn-line{flex:0 0 auto;padding-inline:1.1rem}
@media(max-width:960px){.t-dock{display:flex}.t-page{padding-bottom:86px}}

/* ============================================================
   उभरना
   ============================================================ */
.t-rise{opacity:0;transform:translateY(34px);transition:opacity 1s var(--t-ease-out),transform 1.1s var(--t-ease-out)}
.t-rise.t-in{opacity:1;transform:none}
.t-d1{transition-delay:.1s}.t-d2{transition-delay:.2s}.t-d3{transition-delay:.3s}

/* ============================================================
   गति कम चाहिए तो — सब शांत
   ============================================================ */
@media(prefers-reduced-motion:reduce){
  .t-rise{opacity:1;transform:none;transition:none}
  .t-page *,.t-page *::before,.t-page *::after{animation:none !important}
  .t-stage-in,.t-pin-art{transform:none !important;transition:none}
  .t-card:hover,.t-btn:hover,.t-pillar:hover,.t-offer:hover,.t-portrait:hover,.t-video:hover{transform:none}
  .t-slide{transition:opacity .2s linear}
  .t-hero-video{display:none}
}

/* ============================================================
   छोटा परदा
   ============================================================ */
@media(max-width:600px){
  .t-hero{min-height:92svh}
  .t-hero-in{padding-block:clamp(4.5rem,11vh,6rem) 5rem}
  .t-hero-mark{width:48px;height:48px;margin-bottom:1.6rem}
  .t-hero-motto{gap:.6rem;font-size:1.05rem;margin-top:1.5rem}
  .t-hero-sub{margin-top:1.3rem}
  .t-hero .t-btns{margin-top:2.2rem}
  .t-hero .t-btn{width:100%}
  .t-scroll{display:none}

  .t-sec{padding-block:clamp(4.2rem,13vw,6rem)}
  .t-head{margin-bottom:2.8rem}
  .t-rule{margin:1.6rem 0}

  .t-pillars,.t-cards,.t-offer-grid{gap:.9rem}
  .t-pillar,.t-card,.t-offer{padding:1.8rem 1.5rem}
  .t-card-ic{width:46px;height:46px;margin-bottom:1.2rem}
  .t-emblem-box{padding:2rem 1.5rem}
  .t-emblem-box svg{width:96px;height:96px}

  .t-play{width:64px;height:64px}
  .t-play::after{border-left-width:17px;border-top-width:11px;border-bottom-width:11px}

  /* फ़ोन पर 3D हल्का — गहराई कम, ताकि झटका न लगे */
  .t-stage{perspective:900px}
  .t-l1{opacity:.14}
  .t-l5{width:min(900px,132%)}

  .t-pin-tall{height:300vh}
  .t-pin-dots{bottom:2.2rem}

  .t-faq summary{padding-right:2.6rem;padding-block:1.5rem}
  .t-faq summary::after{top:1.9rem}
  .t-faq-a{padding-right:0;padding-bottom:1.7rem}

  .t-dakshina b{font-size:2.5rem}
  .t-foot-bottom{flex-direction:column;gap:.6rem}
}

/* touch वाले परदों पर hover का 3D नहीं चाहिए */
@media(hover:none){
  .t-card:hover,.t-pillar:hover,.t-offer:hover,.t-portrait:hover,.t-video:hover{transform:none;box-shadow:var(--t-shadow)}
  .t-card:hover::after{opacity:0}
}


/* ════════════════════════════════════════════════════════════
   परत — "और ऊँचा"
   ------------------------------------------------------------
   यहाँ से नीचे केवल परिष्कार है। न कोई नया रंग, न नया font,
   न कोई नया framework। ऊपर लिखी हर चीज़ वैसी की वैसी है —
   नीचे वाली पंक्तियाँ सिर्फ़ उसी को और साफ़ और ठोस बनाती हैं।

   चार चीज़ें बदली गई हैं, और केवल चार:
     1. काग़ज़   — cards की फीकी रेखा हटी, असली उठान आया
     2. अक्षर    — शरीर का पाठ बड़ा और गहरा, अब धुला हुआ नहीं
     3. लय       — हर खंड एक-सा नहीं; बीच-बीच में तल बदलता है
     4. ब्योरा   — बटन, वृत्त, भाव — सब में एक बारीक़ चमक

   हटाना हो तो इस टिप्पणी से फ़ाइल के अंत तक मिटा दीजिए —
   पन्ना ठीक वैसा लौट आएगा जैसा पहले था।
   ════════════════════════════════════════════════════════════ */

.t-page{
  /* दो और तल — वही रंग, बस बीच के पड़ाव */
  --t-band-soft:#F7F4ED;
  --t-band-edge:rgba(140,109,20,.13);

  /* उठान — एक नहीं, तीन परतों में, जैसे असली काग़ज़ */
  --t-lift-1:
    0 0 0 1px rgba(140,109,20,.07),
    0 1px 1px rgba(60,48,28,.04),
    0 10px 24px -12px rgba(60,48,28,.16),
    inset 0 1px 0 rgba(255,255,255,.9);
  --t-lift-2:
    0 0 0 1px rgba(140,109,20,.13),
    0 2px 4px rgba(60,48,28,.05),
    0 34px 70px -26px rgba(60,48,28,.26),
    inset 0 1px 0 #FFF;
}

/* ── 1. अक्षर — गहरे और थोड़े बड़े ───────────────────────── */
.t-page .t-body{
  font-size:clamp(1.03rem,1.3vw,1.14rem);
  line-height:1.82;
  color:var(--t-body-ink);
}
.t-page .t-small{font-size:.9rem;line-height:1.76;color:var(--t-soft-ink)}
.t-page .t-lead{color:var(--t-head-ink);line-height:1.72}

/* देवनागरी की मात्राएँ ऊपर-नीचे जगह माँगती हैं */
.t-page .t-h1{line-height:1.16}
.t-page .t-h2{line-height:1.22}
.t-page .t-h3{
  font-size:clamp(1.26rem,2.4vw,1.68rem);
  line-height:1.42;letter-spacing:-.006em;
}

/* छोटे-छोटे पाठ जो अब तक धुले लगते थे */
.t-page .t-card p,
.t-page .t-fact p,
.t-page .t-step p,
.t-page .t-incl li,
.t-page .t-pillar p{font-size:1.01rem;line-height:1.8;color:var(--t-body-ink)}
.t-page .t-faq-a{font-size:1.04rem;color:var(--t-body-ink)}

/* ── 2. भौंह पर सोने की छोटी रेखा ──────────────────────── */
.t-page .t-eyebrow{display:inline-flex;align-items:center;gap:.85rem;vertical-align:middle}
.t-page .t-eyebrow::before{
  content:"";width:24px;height:1px;background:currentColor;opacity:.55;flex:none;
}
.t-page .t-mid .t-eyebrow::after{
  content:"";width:24px;height:1px;background:currentColor;opacity:.55;flex:none;
}
/* गिनती वाले अंक (01 · 02) पर रेखा नहीं चाहिए */
.t-page .t-num::before,.t-page .t-num::after{content:none}

/* ── 3. खंडों की लय ───────────────────────────────────────
   पन्ने में पट्टियाँ पहले से थीं — दृष्टि, ज्ञान, पारदर्शिता,
   परम्परा। उन पर दूसरी पट्टी चढ़ाने से लय टूटती है, इसलिए
   यहाँ केवल उजाले खंडों के बीच एक बाल जितनी सुनहरी रेखा है। */
/* उजाले खंडों के बीच एक बाल जितनी सुनहरी रेखा */
.t-page .t-sec:not(.t-dark) + .t-sec:not(.t-dark)::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:min(var(--t-wrap),88vw);height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--t-band-edge) 22%,var(--t-band-edge) 78%,transparent);
}

/* ── 4. काग़ज़ — फीकी रेखा हटी, उठान आया ─────────────────── */
.t-page .t-card,
.t-page .t-pillar,
.t-page .t-offer,
.t-page .t-emblem-box{
  border-color:transparent;
  box-shadow:var(--t-lift-1);
  background:linear-gradient(180deg,#FFFFFF,#FDFCF9);
}
.t-page .t-emblem-box{background:linear-gradient(160deg,#FFFFFF,var(--t-band-soft))}

.t-page .t-card:hover,
.t-page .t-pillar:hover,
.t-page .t-offer:hover{border-color:transparent;box-shadow:var(--t-lift-2)}

/* ऊपर एक सोने की डोरी — hover पर बाएँ से खिंचती है */
.t-page .t-card::before,
.t-page .t-pillar::before,
.t-page .t-offer::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:2;
  background:linear-gradient(90deg,var(--t-gold-bright),var(--t-gold) 55%,transparent);
  transform:scaleX(0);transform-origin:left;
  transition:transform .65s var(--t-ease-out);
}
.t-page .t-card:hover::before,
.t-page .t-pillar:hover::before,
.t-page .t-offer:hover::before{transform:scaleX(1)}
.t-page .t-pillar{position:relative;overflow:hidden}

/* जालीदार सूचियाँ — खाने बड़े, अक्षर साफ़ */
.t-page .t-grid6,.t-page .t-know{
  border-color:var(--t-band-edge);background:var(--t-band-edge);
  box-shadow:var(--t-lift-1);
}
.t-page .t-fact{padding:clamp(2.1rem,3vw,2.7rem) clamp(1.9rem,2.6vw,2.4rem)}
.t-page .t-know li{padding:clamp(2.2rem,3vw,2.7rem) clamp(1.9rem,2.6vw,2.4rem);font-size:1.14rem}
.t-page .t-fact h3{letter-spacing:.22em;margin-bottom:1.15rem}

/* ── 5. वृत्त वाले चिह्न — सोने की पतली गोट ───────────────── */
.t-page .t-card-ic{
  border-color:var(--t-band-edge);
  background:
    radial-gradient(circle at 34% 26%,#FFFFFF,var(--t-band-soft) 78%);
  box-shadow:
    0 0 0 1px rgba(201,162,39,.16),
    0 6px 16px -8px rgba(60,48,28,.22),
    inset 0 1px 0 #FFF;
  transition:box-shadow .5s var(--t-ease),color .5s var(--t-ease);
}
.t-page .t-card:hover .t-card-ic{
  box-shadow:
    0 0 0 1px rgba(201,162,39,.4),
    0 10px 22px -8px rgba(140,109,20,.3),
    inset 0 1px 0 #FFF;
}

/* ── 6. बटन — पन्नी जैसी महीन चमक ───────────────────────── */
.t-page .t-btn-solid{
  background:linear-gradient(180deg,#2B241C,var(--t-deep));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 26px -12px rgba(22,19,16,.5);
}
.t-page .t-btn-solid:hover{
  background:linear-gradient(180deg,#352C22,var(--t-deep-2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 38px -14px rgba(22,19,16,.5);
}
.t-page .t-btn-gold{
  background:linear-gradient(180deg,#B08A1B,var(--t-gold) 60%,#7D6112);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 26px -12px rgba(140,109,20,.6);
}
.t-page .t-btn-gold:hover{
  background:linear-gradient(180deg,#C29A21,#8C6D14 60%,#6E5410);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 18px 38px -14px rgba(140,109,20,.6);
}
.t-page .t-btn-line{
  background:rgba(255,255,255,.62);
  border-color:var(--t-band-edge);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 14px -8px rgba(60,48,28,.3);
}
.t-page .t-btn-line:hover{
  background:#FFFFFF;border-color:var(--t-gold-bright);
  box-shadow:inset 0 1px 0 #FFF,0 12px 28px -12px rgba(140,109,20,.4);
}
/* गहरे खंडों में काँच वाला बटन नहीं चलता */
.t-page .t-dark .t-btn-line,.t-page .t-btn-light{
  background:rgba(255,255,255,.05);border-color:rgba(240,234,220,.26);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none;
}
.t-page .t-dark .t-btn-line:hover,.t-page .t-btn-light:hover{
  background:rgba(255,255,255,.09);border-color:var(--t-gold-on-deep);
}
.t-page .t-dark .t-btn-solid{
  background:linear-gradient(180deg,#E6CE86,var(--t-gold-on-deep));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 30px -14px rgba(220,192,105,.7);
}

/* ── 7. शीर्ष पट्टी — थोड़ी और गहरी, थोड़ी और काँच ─────────── */
.t-page .t-bar{
  background:rgba(251,250,247,.72);
  border-bottom-color:transparent;
  box-shadow:0 1px 0 var(--t-band-edge),0 10px 30px -22px rgba(60,48,28,.5);
}
.t-page .t-nav a{font-size:.87rem;color:var(--t-body-ink);position:relative}
.t-page .t-nav a:not(.t-btn)::after{
  content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;
  background:var(--t-gold);transform:scaleX(0);transform-origin:right;
  transition:transform .45s var(--t-ease-out);
}
.t-page .t-nav a:not(.t-btn):hover::after{transform:scaleX(1);transform-origin:left}
.t-page .t-seal{width:46px;height:46px}

/* ── 8. भरोसे की पट्टी — बड़ी, साँस लेती हुई ───────────────── */
.t-page .t-strip{
  background:linear-gradient(180deg,#FFFFFF,var(--t-band-soft));
  border-block-color:var(--t-band-edge);
}
.t-page .t-strip li{padding-block:1.95rem;font-size:.76rem;letter-spacing:.24em}
.t-page .t-strip li{border-left-color:var(--t-band-edge)}

/* ── 9. उद्धरण — सोने की मोटी डोरी ──────────────────────── */
.t-page .t-quote{
  border-left:0;position:relative;
  padding-left:clamp(1.6rem,3.4vw,2.6rem);
  color:var(--t-head-ink);
}
.t-page .t-quote::before{
  content:"";position:absolute;left:0;top:.35em;bottom:.35em;width:2px;
  background:linear-gradient(180deg,var(--t-gold-bright),rgba(201,162,39,.15));
}

/* ── 10. चित्र — दोहरी सुनहरी चौखट ──────────────────────── */
.t-page .t-portrait{
  border-color:var(--t-band-edge);padding:10px;
  box-shadow:
    0 0 0 1px rgba(201,162,39,.2),
    0 30px 60px -24px rgba(60,48,28,.34);
}
.t-page .t-emblem-box svg{filter:drop-shadow(0 6px 14px rgba(140,109,20,.22))}

/* ── 11. दक्षिणा — अंक को वज़न मिले ─────────────────────── */
.t-page .t-dakshina{border-top:1px solid var(--t-band-edge);padding-top:1.6rem}
.t-page .t-dakshina b{
  background:linear-gradient(180deg,#A07C17,var(--t-gold-deepest));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:var(--t-gold);
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .t-page .t-dakshina b{-webkit-text-fill-color:currentColor;color:var(--t-gold)}
}

/* ── 12. प्रश्नोत्तर — हाथ लगाने लायक ──────────────────── */
.t-page .t-faq{border-top-color:var(--t-band-edge)}
.t-page .t-faq details{border-bottom-color:var(--t-band-edge);transition:background .4s var(--t-ease)}
.t-page .t-faq details[open]{background:linear-gradient(180deg,rgba(255,255,255,.9),transparent)}
.t-page .t-faq summary{font-size:1.08rem}

/* ── 13. चरण — बाईं रेखा सोने की ───────────────────────── */
.t-page .t-step{border-left-color:var(--t-band-edge)}
.t-page .t-step-no{font-size:1.9rem}

/* ── 14. hero — कम खालीपन, ज़्यादा मंदिर ───────────────── */
.t-page .t-hero-in{padding-block:clamp(3.4rem,8vh,5.6rem)}
.t-page .t-hero-mark{
  width:70px;height:70px;margin-bottom:1.9rem;
  filter:drop-shadow(0 8px 20px rgba(140,109,20,.3));
}
/* नीचे का परदा हल्का — वरना कलाकृति धुल जाती है */
.t-page .t-hero-veil{
  background:linear-gradient(180deg,
    rgba(251,250,247,.42) 0%,
    rgba(251,250,247,.04) 38%,
    rgba(251,250,247,.72) 84%,
    var(--t-page-bg) 100%);
}
.t-page .t-l1{opacity:.24}
.t-page .t-l2{opacity:.32}
.t-page .t-l3{opacity:.44}
.t-page .t-l4{opacity:.58}
.t-page .t-l5{opacity:.88}
.t-page .t-hero-sub{color:var(--t-body-ink);font-size:clamp(1.04rem,1.4vw,1.16rem)}
.t-page .t-hero-motto{letter-spacing:.06em}

/* ── 15. गहरे खंड — अक्षरों में हल्की उभार ───────────────── */
.t-page .t-dark .t-h1,
.t-page .t-dark .t-h2{text-shadow:0 1px 0 rgba(0,0,0,.3)}
.t-page .t-dark .t-body,
.t-page .t-dark .t-lead{color:rgba(243,238,226,.82)}
.t-page .t-dark .t-small{color:rgba(243,238,226,.56)}
.t-page .t-intent{border-color:rgba(220,192,105,.18)}

/* ── 16. पाद — थोड़ा और दम ──────────────────────────────── */
.t-page .t-foot{
  background:linear-gradient(180deg,var(--t-deep-2),var(--t-deep));
  box-shadow:inset 0 1px 0 rgba(220,192,105,.14);
}
.t-page .t-foot a{font-size:.92rem}
.t-page .t-foot-seal{filter:drop-shadow(0 6px 16px rgba(220,192,105,.28))}

/* ── 17. मोबाइल की पट्टी ───────────────────────────────── */
.t-page .t-dock{
  background:rgba(251,250,247,.88);
  border-top-color:transparent;
  box-shadow:0 -1px 0 var(--t-band-edge),0 -18px 40px -26px rgba(60,48,28,.6);
}

/* ── 18. छोटा परदा — वही परिष्कार, नपे हुए माप में ────────── */
@media(max-width:600px){
  .t-page .t-body{font-size:1.02rem;line-height:1.8}
  .t-page .t-h3{font-size:1.24rem}
  .t-page .t-card p,.t-page .t-fact p,.t-page .t-step p,
  .t-page .t-incl li,.t-page .t-pillar p{font-size:.99rem}
  .t-page .t-know li{font-size:1.08rem;padding:1.8rem 1.4rem}
  .t-page .t-fact{padding:1.8rem 1.4rem}
  .t-page .t-faq summary{font-size:1.02rem}
  .t-page .t-hero-mark{width:56px;height:56px;margin-bottom:1.4rem}
  .t-page .t-hero-in{padding-block:clamp(3rem,9vh,4.6rem) 4.6rem}
  .t-page .t-eyebrow{gap:.6rem}
  .t-page .t-eyebrow::before,.t-page .t-mid .t-eyebrow::after{width:16px}
  .t-page .t-seal{width:40px;height:40px}
  /* फ़ोन पर सोने की डोरी हमेशा दिखे — वहाँ hover होता ही नहीं */
  .t-page .t-card::before,.t-page .t-pillar::before,.t-page .t-offer::before{
    transform:scaleX(1);opacity:.45;
  }
}

/* छूने वाले परदों पर उठान वही रहे, हिले नहीं */
@media(hover:none){
  .t-page .t-card:hover,.t-page .t-pillar:hover,.t-page .t-offer:hover{
    box-shadow:var(--t-lift-1);
  }
}

/* गति कम चाहिए तो डोरी बिना चाल के दिखे */
@media(prefers-reduced-motion:reduce){
  .t-page .t-card::before,.t-page .t-pillar::before,.t-page .t-offer::before{
    transition:none;transform:scaleX(1);opacity:.4;
  }
  .t-page .t-nav a:not(.t-btn)::after{transition:none}
}

/* ── 19. बहुत छोटे फ़ोन — शीर्ष पट्टी एक ही पंक्ति में ──────
   375px पर अंग्रेज़ी नाम दो पंक्तियों में टूट रहा था और पट्टी
   भरी-भरी लग रही थी। नीचे 430px पर केवल हिन्दी नाम रहता है। */
@media(max-width:430px){
  .t-page .t-brand-en{display:none}
  .t-page .t-brand-hi{font-size:1.02rem;line-height:1.3}
  .t-page .t-seal{width:38px;height:38px}
  .t-page .t-bar-in{min-height:64px}
}

/* ── 20. दक्षिणा का अंक हटाया गया ─────────────────────────
   सहभागिता के खानों से ₹ वाला हिस्सा निकल गया है। अब शीर्षक
   के ठीक नीचे सूची आती है — बीच का खालीपन कम किया, और अंक
   जो दृष्टि को थामता था उसकी जगह एक पतली सुनहरी रेखा रखी। */
.t-page .t-offer .t-h3{margin-bottom:0}
.t-page .t-offer .t-h3 + .t-incl{
  margin-top:1.8rem;padding-top:1.8rem;
  border-top:1px solid var(--t-band-edge);
}