:root{--ink:#17110c;--ink2:#3a2f26;--mute:#7a6b5d;--ivory:#f6efe2;--paper:#fbf7ee;--sand:#eadfc9;--gold:#c98a2b;--gold2:#e9b45a;--saffron:#d9731f;--night:#0e0a07;--night2:#1a120b;--line:rgba(23,17,12,.14);--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.7 "Hanken Grotesk","Mukta",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html[data-lang=en] [lang=hi]{display:none!important}html[data-lang=hi] [lang=en]{display:none!important}
.serif{font-family:"Cormorant Garamond","Tiro Devanagari Hindi",serif}
[lang=hi]{font-family:"Mukta","Hanken Grotesk",sans-serif}
h1,h2,h3,h4{font-family:"Cormorant Garamond","Tiro Devanagari Hindi",serif;font-weight:500;line-height:1.08;margin:0;letter-spacing:-.01em}
h1[lang=hi],h2[lang=hi],h3[lang=hi],h4[lang=hi],.hd[lang=hi]{font-family:"Tiro Devanagari Hindi",serif;font-weight:400;line-height:1.25;letter-spacing:0}
a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .4s,backdrop-filter .4s,border-color .4s;border-bottom:1px solid transparent}
.nav.scrolled,.nav.solid{background:rgba(14,10,7,.82);backdrop-filter:blur(14px);border-color:rgba(233,180,90,.18)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}
.brand{display:flex;gap:12px;align-items:center;color:#f3e6cc;text-decoration:none;font-family:"Tiro Devanagari Hindi",serif;font-size:19px;white-space:nowrap}
.brand i{width:30px;height:30px;border:1px solid var(--gold2);border-radius:50%;display:grid;place-items:center;font-style:normal;color:var(--gold2);font-size:16px}
.links{display:flex;gap:26px;align-items:center}
.links a{color:#e6d6b8;text-decoration:none;font-size:14px;letter-spacing:.06em;text-transform:uppercase;position:relative;padding:6px 0}
.links a:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--gold2);transition:width .35s}
.links a:hover:after,.links a.on:after{width:100%}
.links a[lang=hi]{text-transform:none;font-size:15px;letter-spacing:0}
.lang{border:1px solid rgba(233,180,90,.5);background:transparent;color:var(--gold2);padding:6px 14px;border-radius:99px;font:600 13px "Hanken Grotesk";cursor:pointer;letter-spacing:.08em}
.lang:hover{background:rgba(233,180,90,.12)}
.burger{display:none;background:none;border:0;color:#f3e6cc;font-size:26px;cursor:pointer}
@media(max-width:900px){.burger{display:block}.links{position:fixed;inset:68px 0 auto 0;background:rgba(14,10,7,.97);flex-direction:column;padding:26px;gap:18px;transform:translateY(-130%);transition:transform .45s;align-items:flex-start}.links.open{transform:none}.nav .wrap{height:60px}}
/* hero */
.hero{position:relative;min-height:100vh;min-height:100svh;background:radial-gradient(120% 90% at 50% 105%,#3d2410 0%,#1a0f07 42%,#0b0705 100%);color:#f6e9cf;display:grid;place-items:center;text-align:center;overflow:hidden;isolation:isolate}
.hero.small{min-height:62vh;padding-top:90px}
.glow{position:absolute;width:90vmin;height:90vmin;left:50%;top:50%;translate:-50% -50%;background:radial-gradient(circle,rgba(233,160,60,.28),rgba(217,115,31,.08) 45%,transparent 68%);filter:blur(10px);animation:breathe 9s ease-in-out infinite;z-index:-2}
@keyframes breathe{50%{scale:1.14;opacity:.75}}
.mandala{position:absolute;left:50%;top:50%;width:min(120vmin,1000px);translate:-50% -50%;z-index:-1;opacity:.34;pointer-events:none}
.mandala svg{width:100%;height:auto;animation:spin 220s linear infinite}
.mandala .m2{transform-origin:50% 50%;animation:spinr 140s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinr{to{transform:rotate(-360deg)}}
.om{position:absolute;font-family:"Tiro Devanagari Hindi";font-size:min(70vmin,620px);color:rgba(233,180,90,.045);left:50%;top:50%;translate:-50% -52%;z-index:-1;user-select:none}
.dust{position:absolute;inset:0;z-index:-1;pointer-events:none}
.dust span{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold2);opacity:0;animation:float linear infinite}
@keyframes float{0%{transform:translateY(20px);opacity:0}15%{opacity:.7}100%{transform:translateY(-110vh);opacity:0}}
.eyebrow{font:600 12.5px "Hanken Grotesk";letter-spacing:.34em;text-transform:uppercase;color:var(--gold2);margin-bottom:26px}
.eyebrow[lang=hi]{letter-spacing:.12em;font-size:15px;text-transform:none}
.title{font-family:"Tiro Devanagari Hindi",serif;font-weight:400;font-size:clamp(46px,9.4vw,128px);line-height:1.12;margin:0;background:linear-gradient(180deg,#fff1cf 10%,#e9b45a 55%,#b8741f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 40px rgba(217,115,31,.35))}
.title.en{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(40px,7.4vw,104px);line-height:1.02}
.sub{margin:26px auto 0;max-width:640px;color:#dccaa6;font-size:clamp(16px,1.6vw,20px)}
.btns{display:flex;gap:14px;justify-content:center;margin-top:38px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:99px;text-decoration:none;font:600 14px "Hanken Grotesk";letter-spacing:.1em;text-transform:uppercase;transition:.35s;cursor:pointer;border:1px solid transparent}
.btn[lang=hi]{letter-spacing:0;text-transform:none;font-size:16px;font-family:"Mukta"}
.btn.gold{background:linear-gradient(135deg,#f0c36d,#c98a2b);color:#1b1208;box-shadow:0 10px 40px rgba(217,115,31,.35)}
.btn.gold:hover{transform:translateY(-3px);box-shadow:0 16px 50px rgba(217,115,31,.5)}
.btn.ghost{border-color:rgba(233,180,90,.55);color:#f0d9a8}.btn.ghost:hover{background:rgba(233,180,90,.12)}
.btn.dark{background:var(--ink);color:#f6e9cf}.btn.dark:hover{background:#2b2016;transform:translateY(-2px)}
.cue{position:absolute;bottom:28px;left:50%;translate:-50% 0;color:var(--gold2);font:12px "Hanken Grotesk";letter-spacing:.3em;text-transform:uppercase;opacity:.8}
.cue:after{content:"";display:block;width:1px;height:46px;margin:10px auto 0;background:linear-gradient(var(--gold2),transparent);animation:drop 2.2s ease-in-out infinite}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.ribbon{position:fixed;left:50%;bottom:14px;translate:-50% 0;z-index:60;background:rgba(14,10,7,.9);color:#e9d3a4;border:1px solid rgba(233,180,90,.35);padding:7px 16px;border-radius:99px;font:12px "Hanken Grotesk";letter-spacing:.06em;backdrop-filter:blur(8px);max-width:92vw;text-align:center}
/* reveal */
.rv{opacity:0;transform:translateY(34px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
.d1{transition-delay:.12s}.d2{transition-delay:.24s}.d3{transition-delay:.36s}
.hero .rv{transition-duration:1.6s}
/* sections */
section{padding:110px 0;position:relative}
.sec-ivory{background:var(--ivory)}.sec-night{background:var(--night);color:#efe0c2}.sec-night .mute{color:#b9a784}
.kicker{font:600 12px "Hanken Grotesk";letter-spacing:.3em;text-transform:uppercase;color:var(--saffron);margin-bottom:16px}
.kicker[lang=hi]{letter-spacing:.1em;font-size:15px;text-transform:none;font-family:"Mukta"}
.h2{font-size:clamp(34px,4.6vw,60px)}.h2[lang=hi]{font-size:clamp(30px,4vw,50px)}
.lead{font-size:19px;color:var(--ink2);max-width:680px;margin-top:20px}.sec-night .lead{color:#d6c6a4}
.mute{color:var(--mute)}
.rule{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border:0;margin:0}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(233,180,90,.2);border-block:1px solid rgba(233,180,90,.2)}
.stat{background:var(--night);padding:44px 20px;text-align:center}
.stat b{display:block;font:500 clamp(40px,5vw,66px)/1 "Cormorant Garamond",serif;color:var(--gold2)}
.stat span{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#bda980}
.stat span[lang=hi]{letter-spacing:0;font-size:15px;text-transform:none}
@media(max-width:700px){.stats{grid-template-columns:1fr 1fr}}
/* player */
.stage{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000;box-shadow:0 40px 90px -30px rgba(40,20,5,.55);border:1px solid rgba(233,180,90,.35)}
.stage iframe,.stage img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.stage .play{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(0deg,rgba(14,10,7,.6),transparent 60%);cursor:pointer;border:0;width:100%}
.pbtn{width:84px;height:84px;border-radius:50%;background:rgba(246,233,207,.94);display:grid;place-items:center;transition:.4s;box-shadow:0 0 0 12px rgba(246,233,207,.18)}
.stage:hover .pbtn{transform:scale(1.1);box-shadow:0 0 0 20px rgba(246,233,207,.14)}
.pbtn:after{content:"";border-left:24px solid var(--ink);border-block:15px solid transparent;margin-left:7px}
.vmeta{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:22px;align-items:flex-start}
.vmeta h3{font-size:clamp(24px,3vw,36px)}
.tag{display:inline-block;font:600 11px "Hanken Grotesk";letter-spacing:.14em;text-transform:uppercase;border:1px solid currentColor;border-radius:99px;padding:4px 12px;opacity:.85}
/* series cards */
.series{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px}
@media(max-width:960px){.series{grid-template-columns:1fr 1fr}}@media(max-width:620px){.series{grid-template-columns:1fr}}
.scard{position:relative;background:linear-gradient(160deg,#fffaf0,#f1e6cf);border:1px solid var(--line);border-radius:var(--r);padding:32px 28px 26px;text-decoration:none;overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;min-height:260px;display:flex;flex-direction:column}
.scard:hover{transform:translateY(-8px);box-shadow:0 30px 60px -30px rgba(60,30,5,.4)}
.scard .n{position:absolute;right:-6px;top:-30px;font:500 150px/1 "Cormorant Garamond",serif;color:rgba(201,138,43,.14);transition:.6s}
.scard:hover .n{color:rgba(201,138,43,.3);transform:translateY(8px)}
.scard h3{font-size:30px;position:relative}.scard h3[lang=hi]{font-size:27px}
.scard .s{color:var(--saffron);font-size:14px;margin-top:6px;position:relative}
.scard p{color:var(--ink2);font-size:15.5px;margin:14px 0 auto;position:relative}
.scard .f{display:flex;justify-content:space-between;margin-top:22px;font-size:13px;color:var(--mute);border-top:1px solid var(--line);padding-top:14px;position:relative}
/* quotes */
.quote{max-width:900px;margin:0 auto;text-align:center;min-height:250px}
.quote blockquote{margin:0;font:italic 500 clamp(26px,3.6vw,44px)/1.28 "Cormorant Garamond",serif;color:#f6e6c3;transition:opacity .7s}
.quote cite{display:block;margin-top:26px;font:600 12px "Hanken Grotesk";letter-spacing:.2em;text-transform:uppercase;color:var(--gold2);font-style:normal}
.dots{display:flex;gap:10px;justify-content:center;margin-top:30px}.dots button{width:9px;height:9px;border-radius:50%;background:rgba(233,180,90,.3);border:0;padding:0;cursor:pointer}.dots button.on{background:var(--gold2);width:28px;border-radius:9px;transition:.4s}
.qmark{font:500 120px/0.6 "Cormorant Garamond";color:rgba(233,180,90,.3);display:block;margin-bottom:10px}
/* themes */
.themes{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:50px;border-top:1px solid var(--line)}
@media(max-width:760px){.themes{grid-template-columns:1fr}}
.theme{padding:34px 8px 34px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:70px 1fr;gap:6px}
.theme:nth-child(odd){padding-right:40px}.theme:nth-child(even){padding-left:40px}
@media(max-width:760px){.theme:nth-child(n){padding-inline:0}}
.theme .no{font:500 44px/1 "Cormorant Garamond";color:var(--gold)}.theme h3{font-size:30px}.theme h3[lang=hi]{font-size:26px}
.theme p{margin:10px 0 0;color:var(--ink2);font-size:16px}.theme .ev{font-size:13px;color:var(--mute);margin-top:10px}
/* grade chips */
.g{display:inline-block;min-width:22px;text-align:center;font:700 11px "Hanken Grotesk";padding:2px 8px;border-radius:6px;letter-spacing:.05em;margin-right:8px;vertical-align:1px}
.gA{background:#2c6b3f;color:#fff}.gB{background:#2b5d86;color:#fff}.gC{background:#b87a1c;color:#fff}.gP{background:#8a3b2c;color:#fff}
/* library */
.toolbar{position:sticky;top:68px;z-index:20;background:rgba(251,247,238,.92);backdrop-filter:blur(12px);padding:16px 0;border-bottom:1px solid var(--line)}
.tabs{display:flex;gap:8px;flex-wrap:wrap}
.tab{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 18px;font:600 14px "Hanken Grotesk";cursor:pointer;transition:.3s;color:var(--ink2)}
.tab[lang=hi]{font-family:"Mukta";font-size:15.5px}
.tab:hover{border-color:var(--gold)}.tab.on{background:var(--ink);color:#f6e9cf;border-color:var(--ink)}
.tab small{opacity:.6;margin-left:6px}
.search{margin-top:12px;width:100%;max-width:420px;border:1px solid var(--line);border-radius:99px;padding:11px 20px;font:inherit;font-size:15px;background:#fff;outline:none}.search:focus{border-color:var(--gold)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:36px}
@media(max-width:980px){.grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.grid{grid-template-columns:1fr}}
.vc{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.45s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column}
.vc:hover{transform:translateY(-6px);box-shadow:0 28px 50px -28px rgba(60,30,5,.45)}
.vc .stage{border-radius:0;border:0;box-shadow:none;aspect-ratio:16/9}
.vc .stage img{transition:transform .9s}.vc:hover .stage img{transform:scale(1.05)}
.vc .pbtn{width:58px;height:58px;box-shadow:0 0 0 8px rgba(246,233,207,.18)}.vc .pbtn:after{border-left-width:17px;border-block-width:11px;margin-left:5px}
.vc .dur{position:absolute;right:10px;bottom:10px;background:rgba(14,10,7,.82);color:#f6e9cf;font:600 12px "Hanken Grotesk";padding:3px 9px;border-radius:6px;z-index:2}
.vc .b{padding:18px 20px 20px}.vc .b small{color:var(--saffron);font:600 11.5px "Hanken Grotesk";letter-spacing:.14em;text-transform:uppercase}
.vc .b small[lang=hi]{letter-spacing:0;font-size:13.5px;text-transform:none;font-family:"Mukta"}
.vc .b h4{font-size:23px;margin-top:6px}.vc .b h4[lang=hi]{font-size:20px}
.vc .b p{margin:6px 0 0;color:var(--mute);font-size:13.5px}
.empty{padding:60px;text-align:center;color:var(--mute)}
.sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-top:64px}
.sechead:first-child{margin-top:20px}
.sechead p{max-width:560px;margin:8px 0 0;color:var(--ink2);font-size:15.5px}
/* timeline */
.tl{position:relative;margin-top:56px;padding-left:34px}
.tl:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:1px;background:linear-gradient(var(--gold),rgba(201,138,43,.1))}
.ti{position:relative;padding:0 0 46px}
.ti:before{content:"";position:absolute;left:-34px;top:9px;width:15px;height:15px;border-radius:50%;background:var(--paper);border:2px solid var(--gold)}
.ti time{font:600 13px "Hanken Grotesk";letter-spacing:.16em;text-transform:uppercase;color:var(--saffron)}
.ti h3{font-size:30px;margin-top:6px}.ti h3[lang=hi]{font-size:26px}
.ti p{margin:10px 0 0;color:var(--ink2);max-width:760px;font-size:16px}
.ti .src{margin-top:10px;font-size:13px;color:var(--mute)}.ti .src a{color:var(--mute)}
.ti .stage{max-width:560px;margin-top:18px}
/* boxes */
.box{border:1px solid var(--line);background:#fff;border-radius:var(--r);padding:30px 32px;margin-top:26px}
.box.warn{background:#fff6e4;border-color:#e7c98c}
.box h3{font-size:28px;margin-bottom:10px}.box h3[lang=hi]{font-size:24px}
.tbl{width:100%;border-collapse:collapse;margin-top:14px;font-size:15.5px}.tbl td,.tbl th{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:top}.tbl th{font:600 12px "Hanken Grotesk";letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}@media(max-width:900px){.two{grid-template-columns:1fr;gap:34px}}
.portrait{aspect-ratio:4/5;border-radius:200px 200px var(--r) var(--r);background:radial-gradient(circle at 50% 30%,#3d2410,#0e0a07);border:1px solid rgba(233,180,90,.4);display:grid;place-items:center;text-align:center;color:#d8c293;padding:30px;position:relative;overflow:hidden}
.portrait .om2{font:300 190px/1 "Tiro Devanagari Hindi";color:rgba(233,180,90,.35)}
.portrait small{position:absolute;bottom:26px;left:20px;right:20px;font-size:13px;letter-spacing:.04em;color:#bda980}
/* footer */
footer{background:var(--night);color:#cdbb97;padding:80px 0 40px;font-size:15px}
footer .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}@media(max-width:800px){footer .cols{grid-template-columns:1fr}}
footer h4{font:600 12px "Hanken Grotesk";letter-spacing:.24em;text-transform:uppercase;color:var(--gold2);margin-bottom:16px}
footer a{color:#e6d6b8;text-decoration:none;display:block;padding:3px 0}footer a:hover{color:var(--gold2)}
footer .nm{font:400 34px "Tiro Devanagari Hindi";color:#f3e2bd}
.credit{margin-top:56px;padding-top:26px;border-top:1px solid rgba(233,180,90,.2);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#a8977a;font-size:13.5px}
.credit b{color:#e9b45a;font-weight:600}
.marq{overflow:hidden;border-block:1px solid rgba(233,180,90,.2);background:var(--night2);padding:22px 0;white-space:nowrap}
.marq div{display:inline-block;animation:mq 60s linear infinite;font:italic 500 30px "Cormorant Garamond",serif;color:#cdb582}
.marq span{margin:0 34px}.marq span:after{content:"✦";margin-left:68px;color:var(--gold);font-style:normal;font-size:16px}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
html.shot .rv{opacity:1!important;transform:none!important}
html.shot .hero{min-height:800px!important;height:800px!important}
html.shot *{transition:none!important;animation-play-state:paused}