/* The Popular Story - main styles */

:root{--bg:#04060d;--navy:#08153a;--navy2:#0e2459;--or:#ff7a1a;--gold:#f0b95e;--tx:#f7f1e6;--mu:#a7b2cc;--ln:rgba(240,185,94,.25);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{background:var(--bg);color:var(--tx);font:15px/1.85 Montserrat,system-ui,sans-serif;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;line-height:1.04}
.hi{font-family:'Noto Serif Devanagari',serif;color:var(--gold)}
.w{max-width:1200px;margin:auto;padding:0 24px}
section{padding:110px 0;position:relative}
.ey{color:var(--gold);letter-spacing:.38em;font-size:10.5px;font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:16px;margin-bottom:20px}
.ey:before{content:"";width:46px;height:1px;background:linear-gradient(90deg,var(--or),var(--gold))}
.ctr{text-align:center}.ctr .ey{justify-content:center}.ctr .sub{margin:auto}
h2{font-size:clamp(38px,6vw,68px);margin-bottom:22px}
em{font-style:italic;background:linear-gradient(100deg,#ff6a00,#ffd27a);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.sub{color:var(--mu);max-width:640px}
.gold{background:linear-gradient(100deg,#ff6a00,#ffd27a 55%,#ff8a2a);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-block;background:linear-gradient(120deg,#ff6a00,#ffc15e);color:#1a0b00;font-weight:700;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;padding:18px 36px;box-shadow:0 14px 44px rgba(255,122,24,.32);transition:.35s;cursor:pointer;border:0;font-family:inherit}
.btn:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(255,122,24,.5)}.btn.o{background:none;color:var(--gold);border:1px solid var(--gold);box-shadow:none}.btn.o:hover{background:rgba(240,185,94,.1)}
.row{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}
/* splash */
#sp{position:fixed;inset:0;z-index:100;background:radial-gradient(600px 400px at 50% 50%,#0e2459,#04060d 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;animation:spo 1s 2.6s forwards}
#sp img{width:min(420px,72vw);animation:spl 2.2s both}#sp i{width:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:spw 2s .3s forwards}
#sp span{letter-spacing:.5em;font-size:10px;color:var(--gold);animation:spl 2.4s .4s both}
@keyframes spl{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes spw{to{width:min(320px,60vw)}}@keyframes spo{to{opacity:0;visibility:hidden}}
nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(4,6,13,.8);backdrop-filter:blur(16px);border-bottom:1px solid var(--ln)}
nav .w{display:flex;align-items:center;justify-content:space-between;height:74px}
nav img{height:52px}
nav .l{display:flex;gap:34px;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--mu)}
nav .l a{padding:6px 0;border-bottom:1px solid transparent;transition:.3s}nav .l a.on,nav .l a:hover{color:var(--gold);border-color:var(--gold)}
nav .btn{padding:12px 22px;font-size:10.5px}
.mb{display:none;background:none;border:1px solid var(--ln);color:var(--gold);width:44px;height:44px;font-size:20px}
@keyframes fi{from{opacity:0;transform:translateY(12px)}}
.ph{padding:100px 0 64px;text-align:center;background:radial-gradient(800px 320px at 50% 0,rgba(255,122,24,.2),transparent),linear-gradient(180deg,var(--navy),var(--bg))}
.ph h1{font-size:clamp(46px,8vw,96px);margin:6px 0 16px}
/* hero */
.hero{min-height:94vh;display:flex;align-items:center;padding:80px 0 110px;position:relative;overflow:hidden;background:radial-gradient(900px 600px at 80% 20%,rgba(255,122,24,.2),transparent 60%),radial-gradient(700px 500px at 10% 90%,rgba(14,36,89,.9),transparent 70%),var(--bg)}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 120px,rgba(240,185,94,.035) 120px 121px)}
.hero .w{display:grid;gap:40px;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;z-index:2}
.hero h1{font-size:clamp(54px,9vw,128px);letter-spacing:-.015em;margin:14px 0 22px;line-height:.92}
.hero h1 small{display:block;font:600 clamp(10px,1.4vw,13px) Montserrat;letter-spacing:.5em;color:var(--gold);margin-bottom:18px;text-transform:uppercase}
.fan{position:relative;height:min(560px,110vw);}
.fan img{position:absolute;width:56%;border:1px solid var(--ln);box-shadow:0 40px 90px #000,0 0 70px rgba(255,122,24,.2);transition:.6s}
.fan img:nth-child(1){left:0;top:70px;transform:rotate(-9deg);filter:brightness(.8)}
.fan img:nth-child(2){right:0;top:40px;transform:rotate(8deg);filter:brightness(.85)}
.fan img:nth-child(3){left:22%;top:0;z-index:3;animation:fl 8s ease-in-out infinite}
.fan:hover img:nth-child(1){transform:rotate(-14deg) translateX(-16px)}.fan:hover img:nth-child(2){transform:rotate(13deg) translateX(16px)}
@keyframes fl{50%{transform:translateY(-14px)}}
.mq{border-block:1px solid var(--ln);background:#050a1c;overflow:hidden;padding:18px 0}
.mq div{display:flex;gap:52px;width:max-content;animation:mqa 50s linear infinite;font:italic 600 27px 'Cormorant Garamond',serif;color:var(--gold)}
.mq span:after{content:"❖";margin-left:52px;color:var(--or);font-size:13px;font-style:normal}@keyframes mqa{to{transform:translateX(-50%)}}
.two{display:grid;gap:70px;grid-template-columns:1fr 1fr;align-items:center}
.frame{position:relative}.frame:before{content:"";position:absolute;inset:20px -20px -20px 20px;border:1px solid var(--gold)}.frame img{position:relative;width:100%;height:540px;object-fit:cover}
.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px;border-top:1px solid var(--ln);padding-top:28px}
.nums b{font:600 54px/1 'Cormorant Garamond',serif;display:block}.nums span{font-size:10px;letter-spacing:.18em;color:var(--mu);text-transform:uppercase}
.dark{background:radial-gradient(900px 400px at 90% 0,rgba(255,122,24,.13),transparent),linear-gradient(180deg,var(--navy),var(--bg))}
.pil{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ln);border:1px solid var(--ln);margin-top:46px}
.pil div{background:var(--bg);padding:38px 26px;transition:.4s}.pil div:hover{background:var(--navy)}
.pil i{font:normal 44px 'Cormorant Garamond',serif;color:var(--or)}.pil h3{font-size:26px;margin:6px 0 10px}.pil p{font-size:13px;color:var(--mu);line-height:1.7}
.eds{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}
.ed{position:relative;transition:.5s}.ed:hover{transform:translateY(-10px)}
.ed img{width:100%;border:1px solid var(--ln);box-shadow:0 30px 70px #000}
.ed .m{padding:20px 4px}.ed small{font-size:10px;letter-spacing:.3em;color:var(--or);text-transform:uppercase}.ed h3{font-size:28px;margin:4px 0}.ed p{font-size:13px;color:var(--mu);line-height:1.7}
.cats{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.cats span{border:1px solid var(--ln);padding:13px 24px;font:italic 600 21px 'Cormorant Garamond',serif;background:linear-gradient(160deg,var(--navy2),transparent);transition:.3s}.cats span:hover{border-color:var(--gold);color:var(--gold)}
.pkg{border:1px solid var(--gold);background:radial-gradient(500px 300px at 0 0,rgba(255,122,24,.2),transparent),linear-gradient(135deg,var(--navy2),#000);display:grid;grid-template-columns:1fr 1fr;margin-top:50px;position:relative}
.pkg:before{content:"";position:absolute;inset:8px;border:1px solid var(--ln);pointer-events:none}
.pkg>div{padding:56px 50px}.amt{font:600 clamp(70px,11vw,120px)/1 'Cormorant Garamond',serif}
.pkg ul{list-style:none;padding:0}.pkg li{padding:12px 0 12px 32px;border-bottom:1px solid var(--ln);position:relative;font-size:14px}.pkg li:before{content:"❖";position:absolute;left:0;color:var(--or)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:50px;counter-reset:s}
.steps div{border-top:1px solid var(--gold);padding-top:22px;counter-increment:s}.steps div:before{content:"0" counter(s);font:italic 600 46px 'Cormorant Garamond',serif;color:var(--or)}.steps h3{font-size:25px;margin:2px 0 8px}.steps p{font-size:13px;color:var(--mu);line-height:1.7}
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:46px}.strip img{width:100%;height:360px;object-fit:cover;border:1px solid var(--ln);cursor:zoom-in;transition:.5s}.strip img:hover{filter:brightness(1.15)}
.fl{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:6px 0 40px}
.fl button{background:none;border:1px solid var(--ln);color:var(--mu);padding:12px 24px;font:600 10.5px Montserrat;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:.3s}.fl button:hover{color:var(--gold);border-color:var(--gold)}
.fl button.on{background:linear-gradient(120deg,#ff6a00,#ffc15e);color:#1a0b00;border-color:transparent}
.gal{columns:4 230px;column-gap:14px}.gal figure{break-inside:avoid;margin-bottom:14px;position:relative;overflow:hidden;cursor:zoom-in;background:#000;border:1px solid var(--ln)}.gal figure.h{display:none}
.gal img{width:100%;transition:transform .9s}.gal figure:hover img{transform:scale(1.07)}
.gal figcaption{position:absolute;inset:auto 0 0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.92));font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);opacity:0;transition:.4s}.gal figure:hover figcaption{opacity:1}
.lb{position:fixed;inset:0;background:rgba(4,6,13,.97);z-index:90;display:none;align-items:center;justify-content:center;padding:26px;cursor:zoom-out}.lb.on{display:flex}.lb img{max-height:92vh;max-width:94vw;border:1px solid var(--gold)}
.rd{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.rd a{border:1px solid var(--ln);padding:30px 26px;background:linear-gradient(160deg,var(--navy2),var(--navy));transition:.4s;text-align:center}.rd a:hover{border-color:var(--gold);transform:translateY(-6px)}.rd h3{font-size:26px;color:var(--gold)}.rd p{font-size:12px;letter-spacing:.18em;color:var(--mu)}
.ml{margin-top:10px}.mi{display:grid;grid-template-columns:150px 1fr auto;gap:26px;align-items:center;padding:26px 6px;border-bottom:1px solid var(--ln);transition:.4s}
.mi:hover{padding-left:20px;background:linear-gradient(90deg,rgba(255,122,24,.1),transparent)}
.mi b{font:600 22px 'Cormorant Garamond',serif;color:var(--gold);line-height:1.2}.mi small{display:block;font:500 10px Montserrat;letter-spacing:.18em;color:var(--mu);text-transform:uppercase;margin-top:4px}
.mi h3{font-size:25px;line-height:1.2}.mi .tg{font-size:9.5px;letter-spacing:.18em;color:var(--or);text-transform:uppercase;margin-top:6px;display:block}.mi .rv{font-size:10.5px;letter-spacing:.2em;color:var(--gold);white-space:nowrap}
.note{border:1px solid var(--ln);padding:22px 26px;color:var(--mu);font-size:13px;margin-top:40px;background:rgba(14,36,89,.35)}
.ct{display:grid;gap:22px;grid-template-columns:repeat(3,1fr);margin-top:30px}.ct a,.ct div{border:1px solid var(--ln);padding:36px 24px;text-align:center;background:var(--navy);transition:.4s}.ct a:hover{border-color:var(--gold)}.ct h3{font-size:27px;color:var(--gold)}.ct p{color:var(--mu);font-size:13px}
.cta{text-align:center;background:radial-gradient(700px 350px at 50% 100%,rgba(255,122,24,.3),transparent),linear-gradient(180deg,var(--navy),var(--bg))}.cta h2{font-size:clamp(42px,7.5vw,92px)}.cta .ey{justify-content:center}
footer{border-top:1px solid var(--ln);padding:60px 0 34px;background:#02030a}footer .w{display:grid;gap:34px;grid-template-columns:1.5fr 1fr 1fr}
footer h4{font:600 10.5px Montserrat;letter-spacing:.28em;color:var(--gold);margin-bottom:14px}footer a,footer p{display:block;color:var(--mu);font-size:13px;line-height:2.1}footer a:hover{color:var(--gold)}
.cp{text-align:center;color:var(--mu);font-size:10px;letter-spacing:.2em;margin-top:40px}
.wa{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;background:#25d366;color:#04230f;font-weight:700;font-size:11px;letter-spacing:.14em;padding:14px 20px;box-shadow:0 8px 24px #000a}
.rv2{opacity:0;transform:translateY(36px);transition:1.1s}.rv2.in{opacity:1;transform:none}
@media(max-width:900px){nav .l{display:none;position:absolute;top:74px;left:0;right:0;background:#04060d;flex-direction:column;padding:22px 26px;gap:18px;border-bottom:1px solid var(--ln)}nav .l.on{display:flex}.mb{display:block}nav .btn{display:none}nav img{height:44px}section{padding:66px 0}.hero{padding:50px 0 80px}.hero .w,.two,.pkg,footer .w{grid-template-columns:1fr}.pkg>div{padding:34px 26px}.fan{height:105vw;max-height:440px;margin-top:10px}.eds,.rd,.ct{grid-template-columns:1fr}.pil,.strip,.steps{grid-template-columns:1fr 1fr}.strip img{height:220px}.frame img{height:360px}.mi{grid-template-columns:1fr;gap:6px}.nums b{font-size:40px}}

body.admin-bar nav{top:32px}@media(max-width:782px){body.admin-bar nav{top:46px}}
#sp.done{display:none}
.entry{max-width:820px;margin:auto;padding:60px 24px;color:var(--mu)}.entry h2,.entry h3{color:var(--tx)}.entry a{color:var(--gold)}