/* =====================================================================
   Golden glass components (care tiles, Agni four fires, Urja, living tree,
   full-screen scenes). Rules below the "extracted" line come from
   docs/sitewide/reference/bharatclinic-home.html (claude/amazing-ritchie-okh0x6),
   scoped under .golden. The block above it is our section shells.
   ===================================================================== */
.golden{--night:#0C2B20;--fire-night:#07170F;--green:#143D2C;--green-2:#1B4A36;--ivory:#F6F0E4;--paper:#EEE4D2;--paper-2:#E5D7BF;--edge:#D3C5AE;--maroon:#6F2631;--maroon-d:#4E1822;--gold:#B69357;--gold-s:#D9C190;--ink:#261F19;--body-ink:#3A3229;--muted:#5F574B;--ember:#E26C3C;--serif:"Cormorant Garamond","Cormorant",Georgia,serif;--sans:"Mukta",system-ui,sans-serif;--ease:cubic-bezier(.2,.8,.2,1);}
.golden h2,.golden h3{font-family:var(--serif);font-weight:500;margin:0;letter-spacing:-.012em;text-wrap:balance;}
.golden h2{font-size:clamp(2.4rem,1.6rem + 2.8vw,3.9rem);line-height:1;}
.golden h3{font-size:1.9rem;line-height:1.06;}
.golden p{margin:0;max-width:36rem;}
.golden .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ---------- feature sections: the animation leads, two lines and one button around it ---------- */
.golden .feature { position: relative; overflow: hidden; color: var(--ivory); padding: clamp(4.5rem, 9vw, 7.5rem) clamp(1.25rem, 4vw, 2.5rem); }
.golden .feature--agni { background: radial-gradient(70% 55% at 62% 55%, rgba(226,108,60,.16), rgba(226,108,60,0) 62%), var(--fire-night); }
.golden .feature--urja { background: radial-gradient(70% 55% at 62% 45%, rgba(182,147,87,.14), rgba(182,147,87,0) 60%), var(--maroon-d); }
.golden .feature__in { max-width: 1180px; margin: 0 auto; display: grid; gap: 28px; align-items: center; justify-items: center; text-align: center; }
.golden .feature__copy { display: grid; gap: 14px; justify-items: center; max-width: 30rem; }
.golden .feature__eyebrow { font: 600 .9rem var(--sans); letter-spacing: .04em; color: var(--gold-s); }
.golden .feature__line { color: rgba(246,240,228,.8); font-size: 1.125rem; }
.golden .feature__fig { margin: 0; display: grid; justify-items: center; gap: 10px; }
.golden .feature__fig figcaption { font-size: .8rem; color: rgba(246,240,228,.5); }
.golden .feature__open { min-height: 54px; padding: 0 26px; font-size: 1.0625rem; gap: 10px; }
.golden .feature__open::after { content: "⤢"; font-size: 1.05rem; opacity: .85; }
.golden .feature__hint { font-size: .85rem; color: rgba(246,240,228,.55); }
@media (min-width: 900px) {
  .golden .feature__in { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); justify-items: start; text-align: left; gap: 60px; }
  .golden .feature__copy { justify-items: start; }
  .golden .feature__fig { justify-self: center; }
  .golden .feature--agni .stage { width: min(36vw, 76vh, 540px); }
  .golden .feature--urja .ustage { width: min(30vw, 70vh, 430px); }
}
@media (max-width: 899px) {
  .golden .feature__fig { order: -1; }
  .golden .feature--agni .stage { width: min(70vw, 300px); }
  .golden .feature--urja .ustage { width: min(52vw, 220px); }
}
.golden .feature__fig .stage, .golden .feature__fig .ustage { cursor: pointer; }
/* scenes sit above the site header */
.golden .scene { z-index: 400; }
.golden #urjaScene::before { background: radial-gradient(70% 50% at 50% 34%, rgba(182,147,87,.16), rgba(182,147,87,0) 60%), var(--maroon-d); }
.golden .scene-fig .ustage { width: min(64vw, 30vh, 380px); }

/* ---------- heritage tree ---------- */
.golden .heritage { padding: clamp(4.5rem, 8vw, 7rem) clamp(1.25rem, 4vw, 2.5rem); background: radial-gradient(60% 50% at 50% 30%, #FBF7EE, var(--paper) 70%); color: var(--ink); }
.golden .heritage__in { max-width: 1180px; margin: 0 auto; display: grid; gap: 28px; align-items: center; }
@media (min-width: 900px) { .golden .heritage__in { grid-template-columns: 1fr 1fr; gap: 60px; } }
.golden .heritage__copy { display: grid; gap: 14px; justify-items: start; }
.golden .heritage__copy h2 { color: var(--green); }
.golden .heritage__copy p { color: var(--body-ink); font-size: 1.125rem; }
.golden .heritage__link { display: block; text-decoration: none; color: inherit; border-radius: 22px; }
.golden .heritage__link .tstage { aspect-ratio: 2 / 3; max-width: 420px; margin: 0 auto; border-radius: 22px; box-shadow: 0 30px 60px -36px rgba(20,30,24,.6); transition: transform .4s var(--ease), box-shadow .3s; }
.golden .heritage__link:hover .tstage { transform: translateY(-4px); box-shadow: 0 0 0 2px var(--gold), 0 30px 60px -30px rgba(20,30,24,.6); }
.golden .heritage__go { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; font-weight: 600; color: var(--maroon); }

/* ---------- tiles shell ---------- */
.golden .routes { padding: clamp(4.5rem, 8vw, 7rem) 0 clamp(4rem, 7vw, 6rem); background: radial-gradient(70% 50% at 100% 0%, rgba(182,147,87,.12), transparent 70%), var(--paper); color: var(--ink); overflow: hidden; }
.golden .wrap { max-width: 1180px; margin: 0 auto; padding: 0 20px; }
@media (min-width: 900px) { .golden .wrap { padding: 0 40px; } }
.golden .routes h2 { color: var(--green); }
.golden .routes .sub { margin-top: 10px; color: var(--muted); font-size: 1.0625rem; }
.golden .g-eyebrow { font: 600 .9rem var(--sans); color: var(--gold-s); }
.golden .g-eyebrow--ink { color: var(--maroon); margin-bottom: 10px; }
.golden .dir { display: grid; gap: 10px; margin-top: 26px; }
.golden .dir-l { font: 600 .85rem var(--sans); color: var(--muted); }
.golden .dir-links { display: flex; flex-wrap: wrap; gap: 8px; }
.golden .dir-links a { min-height: 44px; display: inline-flex; align-items: center; padding: 0 16px; border-radius: 999px; border: 1px solid var(--edge); background: rgba(255,255,255,.5); color: var(--green); font-weight: 500; text-decoration: none; box-shadow: inset 0 1px 0 #fff; transition: border-color .2s, background-color .2s; }
.golden .dir-links a:hover { border-color: var(--gold); background: #fff; }

/* ---------- toast ---------- */
.g-toast { position: fixed; z-index: 500; left: 50%; bottom: calc(5.5rem + env(safe-area-inset-bottom)); display: flex; gap: .8rem; align-items: center; padding: .7rem 1rem; border-radius: 999px; background: #143D2C; color: #F6F0E4; box-shadow: 0 16px 40px -16px rgba(0,0,0,.6); font-size: .9375rem; transform: translate(-50%, 140%); opacity: 0; transition: transform .45s cubic-bezier(.22,1,.36,1), opacity .3s; }
.g-toast.on { transform: translate(-50%, 0); opacity: 1; }
.g-toast a { color: #D9C190; font-weight: 600; }
@media (min-width: 750px) { .g-toast { bottom: 1.5rem; } }

/* ===================== extracted ===================== */
.golden .sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
.golden .btn{min-height:48px; padding:0 20px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; gap:10px; font:600 1rem/1.1 var(--sans); text-decoration:none; border:1.5px solid transparent; cursor:pointer; transition:transform .15s var(--ease), background-color .2s, color .2s, border-color .2s; -webkit-tap-highlight-color:transparent; text-align:center;}
.golden .btn:active{transform:scale(.98);}
.golden .btn svg{width:20px; height:20px; flex:none;}
.golden .btn.primary{background:var(--green); color:var(--ivory);}
.golden .btn.secondary{background:transparent; color:var(--green); border-color:rgba(20,61,44,.32);}
.golden .btn.maroon{background:var(--maroon); color:var(--ivory);}
.golden .btn.ember{background:transparent; color:var(--ivory); border-color:rgba(226,108,60,.7);}
.golden .btn.ember:hover{background:rgba(226,108,60,.12);}
.golden .agni{position:relative; overflow:hidden; color:var(--ivory); padding:84px 20px 84px; background:radial-gradient(80% 55% at 50% 64%, rgba(226,108,60,.13), rgba(226,108,60,0) 62%), var(--fire-night);}
.golden .agni-in{max-width:1180px; margin:0 auto; display:grid; gap:34px;}
.golden .agni-copy{display:grid; gap:16px;}
.golden .agni-copy p{color:rgba(246,240,228,.8);}
.golden .shloka{margin:6px 0 0; padding:14px 0 0; border-top:1px solid rgba(182,147,87,.35); display:grid; gap:6px;}
.golden .shloka span{font:500 1.5rem/1.3 "Mukta", sans-serif; color:var(--gold-s);}
.golden .shloka cite{font-style:normal; font-size:.9rem; color:rgba(246,240,228,.62); line-height:1.45;}
.golden .guides{display:grid; gap:8px;}
.golden .guides span{font-size:.9rem; color:rgba(246,240,228,.62);}
.golden .guides div{display:flex; flex-wrap:wrap; gap:8px;}
.golden .guides a{min-height:44px; display:inline-flex; align-items:center; padding:0 14px; border-radius:999px; border:1px solid rgba(217,193,144,.32); color:var(--ivory); text-decoration:none; font-size:.95rem;}
.golden .guides a:hover{border-color:var(--gold-s);}
.golden .agni-fig{margin:0; display:grid; justify-items:center; gap:10px;}
.golden .agni-fig figcaption{font-size:.82rem; color:rgba(246,240,228,.5);}
.golden .stage{position:relative; width:min(80vw, 380px); aspect-ratio:300/420;}
.golden .stage .body{position:absolute; inset:0; width:100%; height:100%; overflow:visible;}
.golden .stage .body .c{fill:none; stroke:rgba(217,193,144,.62); stroke-width:1; vector-effect:non-scaling-stroke; stroke-linecap:round;}
.golden .stage .body .c2{fill:none; stroke:rgba(217,193,144,.28); stroke-width:1; vector-effect:non-scaling-stroke;}
.golden .stage .body .ring{fill:none; stroke:rgba(226,108,60,.35); stroke-width:1; vector-effect:non-scaling-stroke; stroke-dasharray:2 6; transform-origin:150px 216px; animation:turn 60s linear infinite;}
.golden .stage .body .ring.r2{stroke:rgba(217,193,144,.22); stroke-dasharray:1 10; animation-duration:90s; animation-direction:reverse;}
@keyframes turn{ to{ transform:rotate(360deg); } }
.paused .golden .stage .body .ring{animation-play-state:paused;}
.golden .stage canvas, .golden .stage .fallback{position:absolute; left:50%; top:51.4%; width:44%; aspect-ratio:3/4; transform:translate(-50%,-82%);}
.golden .stage .fallback{display:none; border-radius:50% 50% 45% 45%/60% 60% 40% 40%; background:radial-gradient(50% 60% at 50% 70%, #fff3d6 0%, #f3b25f 25%, #e26c3c 50%, rgba(111,38,49,0) 75%); filter:blur(4px); animation:flick 2.4s ease-in-out infinite alternate;}
@keyframes flick{ to{ transform:translate(-50%,-84%) scale(1.04,1.08); } }
.no-gl .golden .stage canvas{display:none;}
.no-gl .golden .stage .fallback{display:block;}
.golden .stage-ph{width:min(80vw, 380px); aspect-ratio:300/420;}
.golden .scene{position:fixed; inset:0; z-index:90; color:var(--ivory); overflow-y:auto; overscroll-behavior:contain;}
.golden .scene[hidden]{display:none;}
.golden .scene::before{content:""; position:fixed; inset:0; z-index:-1; background:radial-gradient(70% 50% at 50% 34%, rgba(226,108,60,.16), rgba(226,108,60,0) 60%), var(--fire-night); opacity:0; transition:opacity .45s var(--ease);}
.golden .scene.open::before{opacity:1;}
.golden .scene-bar{position:sticky; top:0; z-index:3; display:flex; justify-content:space-between; align-items:center; gap:10px; padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 10px; background:linear-gradient(var(--fire-night) 55%, rgba(7,23,15,0));}
.golden .scene-bar .grp{display:flex; gap:8px;}
.golden .ctl{min-height:44px; padding:0 14px; border-radius:14px; border:1px solid rgba(246,240,228,.28); background:rgba(246,240,228,.06); color:var(--ivory); font:500 .95rem var(--sans); cursor:pointer;}
.golden .ctl[aria-pressed="true"]{border-color:var(--ember); background:rgba(226,108,60,.16);}
.golden .scene-body{display:grid; gap:20px; padding:0 18px calc(env(safe-area-inset-bottom,0px) + 40px); max-width:1180px; margin:0 auto;}
.golden .scene-fig{display:grid; justify-items:center;}
.golden .scene-fig .stage{width:min(74vw, 38vh, 420px);}
.golden .scene-panel, .golden .scene-bar{opacity:0; transition:opacity .4s var(--ease) .18s;}
.golden .scene.open .scene-panel, .golden .scene.open .scene-bar{opacity:1;}
.golden .states{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.golden .state{min-height:66px; padding:10px 12px; border-radius:14px; border:1px solid rgba(246,240,228,.2); background:rgba(246,240,228,.04); color:var(--ivory); text-align:left; cursor:pointer; display:grid; gap:2px; transition:border-color .2s, background .2s;}
.golden .state span{font:500 1.15rem/1.15 "Mukta", sans-serif; color:var(--gold-s);}
.golden .state b{font:500 1.12rem/1.1 var(--serif);}
.golden .state[aria-pressed="true"]{border-color:var(--ember); background:rgba(226,108,60,.13);}
.golden .state-text{display:grid; gap:10px; padding:18px 0 4px; border-top:1px solid rgba(182,147,87,.3); margin-top:6px; min-height:250px;}
.golden .state-text h3{color:var(--ivory); font-size:2rem;}
.golden .state-text p{color:rgba(246,240,228,.82);}
.golden .tell{font-size:.9rem; color:rgba(246,240,228,.6) !important; margin-top:6px !important;}
.golden .tell q{display:block; font:italic 400 1.35rem/1.3 var(--serif); color:var(--ivory); margin-top:4px; quotes:"\201C" "\201D";}
.golden .caveat{font-size:.85rem; color:rgba(246,240,228,.55); margin-top:14px;}
.golden .state-swap{animation:swap .45s var(--ease);}
@keyframes swap{ from{ opacity:0; transform:translateY(8px); } }
.golden .scene-open .toast{bottom:calc(env(safe-area-inset-bottom,0px) + 20px);}
@media (min-width:900px){
  .golden .agni{padding:120px 40px;}
  .golden .agni-in{grid-template-columns:1fr 1fr; align-items:center; gap:60px;}
  .golden .stage, .golden .stage-ph{width:min(36vw, 420px);}
  .golden .scene-body{grid-template-columns:1fr 1fr; align-items:center; gap:48px; padding:0 40px 40px; min-height:calc(100vh - 80px);}
  .golden .scene-fig .stage{width:min(36vw, 62vh, 460px);}
}
.golden .urja-wrap{max-width:1180px; margin:0 auto; display:grid; gap:26px;}
.golden .urja-copy{display:grid; gap:14px; padding:0 4px;}
.golden .urja-copy p{color:rgba(246,240,228,.8);}
.golden .urja-fig{margin:0; display:grid; justify-items:center; gap:12px;}
.golden .ustage{position:relative; width:min(72vw, 330px); aspect-ratio:360/690;}
.golden .ustage > svg, .golden .ustage > canvas{position:absolute; inset:0; width:100%; height:100%;}
.golden .u-body .u-sil{fill:rgba(217,193,144,.045); stroke:rgba(217,193,144,.3); stroke-width:1; vector-effect:non-scaling-stroke;}
.golden .u-body .skeletal-frame, .golden .u-body .skeletal-frame *{fill:none; stroke:rgba(233,225,200,.34); stroke-width:1; vector-effect:non-scaling-stroke;}
.golden .u-body .neural-branches, .golden .u-body .neural-branches *{fill:none; stroke:rgba(217,193,144,.16); stroke-width:.8; vector-effect:non-scaling-stroke;}
.golden .u-flows path, .golden .u-flows circle{fill:none; stroke:#F3D58C; stroke-width:2.2; stroke-linecap:round; vector-effect:non-scaling-stroke; opacity:0; transition:opacity .5s; filter:drop-shadow(0 0 4px rgba(243,213,140,.9));}
.golden .u-flows .on{opacity:1; animation:uflow 2.6s linear infinite;}
.golden .u-flows .rev.on{animation-direction:reverse;}
@keyframes uflow{ from{ stroke-dashoffset:0; } to{ stroke-dashoffset:-1; } }
.golden .u-flows path{stroke-dasharray:.08 .12;}
.golden .u-flows circle{stroke-dasharray:.06 .1;}
.paused .golden .u-flows .on{animation-play-state:paused;}
.golden .u-hits{position:absolute; inset:0;}
.golden .u-hit{position:absolute; width:44px; height:44px; margin:-22px 0 0 -22px; border-radius:50%; border:0; background:transparent; cursor:pointer; padding:0;}
.golden .u-hit:focus-visible{outline:2px solid var(--gold-s); outline-offset:2px;}
.golden .u-hit[hidden]{display:none;}
.golden .u-name{min-height:1.6em; font:500 1.35rem/1.2 var(--serif); color:var(--gold-s); text-align:center; transition:opacity .4s;}
.golden .u-name span{display:block; font:500 .95rem "Mukta", sans-serif; color:rgba(246,240,228,.6);}
.golden .lenses{display:grid; grid-template-columns:repeat(3,1fr); gap:6px; padding:4px; border-radius:16px; background:rgba(246,240,228,.06); border:1px solid rgba(246,240,228,.14);}
.golden .lens{min-height:46px; border-radius:12px; border:0; background:transparent; color:rgba(246,240,228,.75); font:600 .9rem/1.15 var(--sans); cursor:pointer; padding:4px 6px;}
.golden .lens[aria-pressed="true"]{background:rgba(246,240,228,.14); color:var(--ivory); box-shadow:inset 0 1px 0 rgba(255,255,255,.18);}
.golden .u-items{display:flex; flex-wrap:wrap; gap:7px; margin-top:12px;}
.golden .u-item{min-height:44px; padding:0 13px; border-radius:999px; border:1px solid rgba(246,240,228,.22); background:rgba(246,240,228,.04); color:var(--ivory); font:500 .95rem var(--sans); cursor:pointer; display:inline-flex; align-items:center; gap:8px;}
.golden .u-item i{width:10px; height:10px; border-radius:50%; background:var(--c,#F3D58C); box-shadow:0 0 10px var(--c,#F3D58C);}
.golden .u-item[aria-pressed="true"]{border-color:var(--c,#F3D58C); background:rgba(246,240,228,.12);}
.golden .u-text{display:grid; gap:10px; padding:18px 0 4px; margin-top:14px; border-top:1px solid rgba(182,147,87,.3); min-height:260px;}
.golden .u-text h3{color:var(--ivory); font-size:2rem;}
.golden .u-text h3 small{display:block; font:500 1.1rem "Mukta", sans-serif; color:var(--gold-s); margin-top:4px;}
.golden .u-text p{color:rgba(246,240,228,.84);}
.golden .u-text .src{font-size:.86rem; color:rgba(246,240,228,.55);}
.golden .u-text .reflect{border-left:2px solid var(--c,#D9C190); padding-left:12px;}
.golden .u-text .reflect b{display:block; font:600 .85rem var(--sans); color:rgba(246,240,228,.6);}
.golden .u-text .reflect q{font:italic 400 1.3rem/1.3 var(--serif); color:var(--ivory); quotes:"\201C" "\201D";}
.golden .u-foot{font-size:.85rem; color:rgba(246,240,228,.55); margin-top:14px; display:grid; gap:6px;}
.golden #urjaScene .scene-fig .ustage{width:min(64vw, 30vh, 380px);}
.golden #urjaScene::before{background:radial-gradient(70% 55% at 50% 30%, rgba(182,147,87,.14), rgba(182,147,87,0) 60%), #071a12;}
.golden .ustage-ph{flex:none;}
@media (min-width:900px){
  .golden .urja-wrap{grid-template-columns:1fr 1fr; align-items:center; gap:60px;}
  .golden .ustage{width:min(30vw, 360px);}
  .golden #urjaScene .scene-fig .ustage{width:min(28vw, 40vh, 400px);}
}
.golden .tree-card{display:block; width:100%; border:0; padding:0; background:none; text-align:left; cursor:pointer; color:inherit; font:inherit;}
.golden .tstage{position:relative; width:100%; aspect-ratio:4/5; border-radius:14px; overflow:hidden; background:radial-gradient(80% 60% at 50% 35%, #FBF7EE, #F1E8D7 70%, #E9DDC6);}
.golden .tstage canvas{position:absolute; inset:0; width:100%; height:100%;}
.golden .tstage .tfallback{position:absolute; inset:0; width:100%; height:100%; object-fit:contain; display:none;}
.no-gl .golden .tstage canvas{display:none;}
.no-gl .golden .tstage .tfallback{display:block;}
.golden .tnode{position:absolute; left:50%; transform:translate(0,-50%); display:flex; align-items:center; gap:8px; pointer-events:none;}
.golden .tnode i{width:14px; height:14px; margin-left:-7px; border-radius:50%; border:1.5px solid var(--gold); background:rgba(255,255,255,.6); box-shadow:0 0 0 4px rgba(182,147,87,.18); flex:none;}
.golden .tnode span{padding:5px 10px; border-radius:999px; font:600 .78rem/1.2 var(--sans); color:var(--green); white-space:nowrap;
  background:linear-gradient(180deg, rgba(255,255,255,.75), rgba(246,240,228,.55)); -webkit-backdrop-filter:blur(8px) saturate(1.5); backdrop-filter:blur(8px) saturate(1.5);
  border:1px solid rgba(255,255,255,.8); box-shadow:inset 0 1px 0 #fff, 0 4px 12px -6px rgba(60,40,20,.5); opacity:0; transform:translateX(-6px); transition:opacity .5s var(--ease), transform .5s var(--ease);}
.golden .tnode.lit span{opacity:1; transform:none;}
.golden .tree-card:hover .tstage, .golden .tree-card:focus-visible .tstage{box-shadow:0 0 0 2px var(--gold);}
.golden .u-hit{width:36px; height:36px; margin:-18px 0 0 -18px;}
.golden #urjaScene .u-hit{width:44px; height:44px; margin:-22px 0 0 -22px;}
.golden .tc-head{display:flex; align-items:flex-end; justify-content:space-between; gap:16px;}
.golden .tc-arrows{display:flex; gap:8px; flex:none;}
.golden .tc-arrow{width:46px; height:46px; border-radius:50%; border:1px solid var(--edge); background:var(--ivory); color:var(--green); display:grid; place-items:center; cursor:pointer; transition:opacity .2s, transform .15s;}
.golden .tc-arrow:active{transform:scale(.94);}
.golden .tc-arrow:disabled{opacity:.35; cursor:default;}
.golden .tc-arrow svg{width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round;}
.golden .track{display:flex; gap:14px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:18px; padding:26px 18px 10px; margin:0 -18px;
  scrollbar-width:none; -webkit-overflow-scrolling:touch; cursor:grab;}
.golden .track::-webkit-scrollbar{display:none;}
.golden .track.drag{scroll-snap-type:none; cursor:grabbing;}
.golden .track.drag *{pointer-events:none;}
.golden .tcard{--d:0; --ad:0; position:relative; flex:0 0 min(82vw, 400px); scroll-snap-align:start; border-radius:26px; overflow:hidden; background:#173a2b;
  transform:scale(calc(1 - var(--ad) * .055)); transform-origin:center 60%; box-shadow:0 26px 50px -30px rgba(20,30,24,.7); isolation:isolate;}
.golden .tcard .ph{position:relative; aspect-ratio:4/4.3; overflow:hidden;}
.golden .tcard .ph img{position:absolute; inset:-2% -10%; width:120%; height:104%; object-fit:cover; transform:translateX(calc(var(--d) * -7%)); will-change:transform;}
.golden .tcard .ph::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(8,20,14,.55));}
.golden .tcard .num{position:absolute; top:14px; left:14px; z-index:2; padding:5px 11px; border-radius:999px; font:600 .8rem var(--sans); color:var(--ivory); background:rgba(10,24,18,.38); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.2);}
.golden .tc-panel{position:relative; margin-top:-56px; z-index:2; padding:18px 18px 20px; display:grid; gap:10px; color:var(--ivory);
  background:linear-gradient(180deg, rgba(20,61,44,.34), rgba(12,43,32,.8) 46%, rgba(12,43,32,.9)); -webkit-backdrop-filter:blur(18px) saturate(1.4); backdrop-filter:blur(18px) saturate(1.4);
  border-top:1px solid rgba(255,255,255,.22); box-shadow:inset 0 1px 0 rgba(255,255,255,.12); opacity:calc(1 - var(--ad) * .3);}
.golden .tc-label{font:600 .85rem var(--sans); color:var(--gold-s);}
.golden .tc-panel h3{font-size:clamp(1.75rem, 7vw, 2.15rem); line-height:1.04; color:var(--ivory);}
.golden .tc-panel p{color:rgba(246,240,228,.8); font-size:1rem;}
.golden .tc-chips{display:flex; flex-wrap:wrap; gap:6px;}
.golden .tc-chips a{min-height:44px; display:inline-flex; align-items:center; padding:0 12px; border-radius:999px; font-size:.88rem; text-decoration:none; color:var(--ivory); border:1px solid rgba(246,240,228,.26); background:rgba(255,255,255,.05);}
.golden .tc-chips a:hover{border-color:var(--gold-s);}
.golden .tc-acts{display:flex; flex-wrap:wrap; gap:8px; margin-top:4px;}
.golden .tc-acts .btn{min-height:46px; padding:0 16px; font-size:.95rem;}
.golden .tc-acts .btn.primary{background:var(--ivory); color:var(--green);}
.golden .tc-acts .btn.secondary{color:var(--ivory); border-color:rgba(246,240,228,.4);}
.golden .tcard.end{background:radial-gradient(80% 60% at 80% 0%, rgba(111,38,49,.45), transparent 70%), var(--green); display:flex; flex-direction:column; padding:10px; color:var(--ivory); min-height:100%;}
.golden .end-mosaic{flex:1; display:grid; grid-template-columns:1fr 1fr; grid-auto-rows:1fr; gap:8px; min-height:16rem;}
.golden .end-mosaic a{position:relative; overflow:hidden; border-radius:18px; isolation:isolate; text-decoration:none; color:var(--ivory);}
.golden .end-mosaic img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease);}
.golden .end-mosaic a::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 40%, rgba(8,20,14,.6));}
.golden .end-mosaic a:hover img{transform:scale(1.06);}
.golden .end-mosaic span{position:absolute; z-index:1; left:8px; top:8px; padding:4px 10px; border-radius:999px; font:600 .78rem var(--sans); background:rgba(10,24,18,.35); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.22);}
.golden .end-glass{position:relative; z-index:2; display:grid; gap:10px; margin:-64px 6px 6px; padding:18px 16px 16px; border-radius:20px;
  background:linear-gradient(160deg, rgba(31,90,64,.42), rgba(12,43,32,.72)); -webkit-backdrop-filter:blur(18px) saturate(1.4); backdrop-filter:blur(18px) saturate(1.4);
  border:1px solid rgba(255,255,255,.2); box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 18px 34px -20px rgba(0,0,0,.6);}
.golden .tcard.end h3{font-size:1.75rem; line-height:1.05; color:var(--ivory);}
.golden .tcard.end p{color:rgba(246,240,228,.78);}
.golden .tc-foot{display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:14px;}
.golden .tc-progress{display:flex; gap:6px; flex:1; max-width:260px;}
.golden .tc-progress button{flex:1; height:22px; border:0; background:none; padding:0; cursor:pointer; position:relative;}
.golden .tc-progress button::before{content:""; position:absolute; left:0; right:0; top:10px; height:3px; border-radius:3px; background:rgba(20,61,44,.15);}
.golden .tc-progress button::after{content:""; position:absolute; left:0; top:10px; height:3px; border-radius:3px; background:var(--green); width:calc(var(--f,0) * 100%);}
.golden .tc-count{font:600 .9rem var(--sans); color:var(--muted); white-space:nowrap;}
.golden .tc-note{font-size:.8rem; color:var(--muted); margin-top:8px;}
.golden .more-h{margin-top:46px; display:grid; gap:6px;}
.golden .more-h h3{color:var(--green); font-size:1.9rem;}
.golden .more-h p{color:var(--muted);}
.golden .more-list{display:grid; gap:10px; margin-top:18px;}
.golden .mcard{display:grid; grid-template-columns:104px 1fr; gap:14px; align-items:center; padding:10px; border-radius:20px; background:var(--ivory); border:1px solid var(--edge); text-decoration:none; color:var(--ink); transition:transform .2s var(--ease), border-color .2s;}
.golden .mcard img{width:104px; height:104px; border-radius:14px; object-fit:cover;}
.golden .mcard span{font:600 .8rem var(--sans); color:var(--maroon);}
.golden .mcard b{display:block; font:500 1.32rem/1.1 var(--serif); color:var(--green); margin:2px 0 4px;}
.golden .mcard small{color:var(--muted); font-size:.9rem; line-height:1.35; display:block;}
.golden .mcard:active{transform:scale(.985);}
@media (hover:hover){
  .golden .mcard:hover{border-color:var(--gold); transform:translateY(-2px);}
}
.golden .mcard.other{grid-template-columns:1fr; border-style:dashed; background:transparent; padding:16px 18px;}
@media (min-width:900px){
  .golden .tcard{flex-basis:400px;}
  .golden .track{scroll-padding-inline:max(40px, calc((100vw - 1180px)/2)); padding-inline:max(40px, calc((100vw - 1180px)/2)); margin:0 calc(-1 * max(40px, calc((100vw - 1180px)/2)));}
  .golden .more-list{grid-template-columns:1fr 1fr;}
}
@media (prefers-reduced-motion:reduce){
  .golden .tcard .ph img{transform:none;}
}
.golden .dir{display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:18px;}
.golden .dir-l{font:600 .85rem var(--sans); color:var(--muted); margin-right:4px;}
.golden .dir-links{display:flex; flex-wrap:wrap; gap:6px;}
.golden .dir-links a{min-height:44px; display:inline-flex; align-items:center; padding:0 14px; border-radius:12px; border:1px solid var(--edge); background:var(--ivory); color:var(--green); text-decoration:none; font-size:.92rem; font-weight:500;}
.golden .dir-links a:hover{border-color:var(--gold);}
.golden .scene-note{font-size:.92rem; color:var(--gold-s); margin:0 0 10px;}

/* the animation is a door into its full-screen room */
.golden .is-door { cursor: zoom-in; }
.golden .is-door:focus-visible { outline: 2px solid var(--gold-soft, #D9C190); outline-offset: 6px; border-radius: 24px; }
body.scene-open .golden .is-door { cursor: auto; }

/* Agni: the classical line that introduces it */
.golden .sloka{margin:0; display:grid; gap:6px; padding:14px 0 14px 18px; border-left:1px solid rgba(217,193,144,.5);}
.golden .sloka blockquote{margin:0;}
.golden .sloka__sa{font-family:'Mukta', var(--sans); font-size:clamp(1.35rem, 1.1rem + .8vw, 1.75rem); font-weight:500; line-height:1.3; color:var(--gold-s);}
.golden .sloka__tr{font-family:var(--serif, 'Cormorant Garamond', serif); font-style:italic; font-size:1.05rem; color:rgba(246,240,228,.66);}
.golden .sloka figcaption{font-size:1rem; color:rgba(246,240,228,.88);}
.golden .sloka cite{display:block; margin-top:2px; font-style:normal; font-size:.78rem; letter-spacing:.04em; color:rgba(246,240,228,.5);}
@media (max-width:899px){ .golden .sloka{border-left:0; padding:10px 0; border-top:1px solid rgba(217,193,144,.3); border-bottom:1px solid rgba(217,193,144,.3);} }

/* Nidaan lockup: the clinic's seal + the tool's name */
.golden .nidaan-mark{display:inline-flex; align-items:center; gap:12px; margin:0;}
.golden .nidaan-mark__seal{display:grid; place-items:center; width:54px; height:54px; border-radius:50%; background:var(--ivory); box-shadow:0 0 0 1px rgba(217,193,144,.6), 0 0 0 5px rgba(217,193,144,.12), 0 10px 24px -10px rgba(0,0,0,.6);}
.golden .nidaan-mark__seal img{width:40px; height:40px; object-fit:contain;}
.golden .nidaan-mark__name{display:grid; font-family:var(--serif, 'Cormorant Garamond', serif); font-size:2rem; font-weight:600; line-height:.9; color:var(--ivory); letter-spacing:.01em; text-align:left;}
.golden .nidaan-mark__name small{font-family:var(--sans); font-size:.72rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-s); margin-top:6px;}

/* blur-up: tile photos fade in over their placeholder */
.golden .tcard .ph { background-size: cover; background-repeat: no-repeat; }
.golden .tcard .ph img { transition: opacity .7s ease; }
.golden .end-mosaic img { transition: opacity .7s ease, transform .8s var(--ease); }
.golden .tcard .ph img.is-loading, .golden .end-mosaic img.is-loading { opacity: 0; }

/* tap targets ≥ 44px tall, same thin bars and the same look */
.golden .tc-progress button { height: 44px; margin: -11px 0; }
.golden .tc-progress button::before, .golden .tc-progress button::after { top: 21px; }
.golden .feature__hint a { display: inline-flex; align-items: center; min-height: 44px; }