@font-face{font-family:"Town 10";src:url(town-10-display-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
:root{
  --brand:"Town 10","Jost",sans-serif;
  --serif:"Cormorant Garamond",Georgia,serif;
  --canvas:#160829;--panel:#22103c;--panel-2:#2c1650;
  --accent:#f2c14e;--accent-hover:#ffdf8a;--accent-muted:rgba(242,193,78,.24);
  --text-secondary:#cfc2df;--text-primary:#f8f1e4;
  --ease:cubic-bezier(.22,.8,.26,1);--ease-soft:cubic-bezier(.4,0,.2,1);
  --arch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140' preserveAspectRatio='none'%3E%3Cpath d='M0 140V46C0 40 3 37 7 35 12 33 13 28 17 25 22 21 26 22 30 19 35 15 37 11 42 9 46 7 48 5 50 0 52 5 54 7 58 9 63 11 65 15 70 19 74 22 78 21 83 25 87 28 88 33 93 35 97 37 100 40 100 46V140Z'/%3E%3C/svg%3E");
  --jaali:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cpath fill='none' stroke='%23f2c14e' stroke-width='1' d='M36 2C44 14 58 28 70 36 58 44 44 58 36 70 28 58 14 44 2 36 14 28 28 14 36 2Z'/%3E%3Ccircle cx='36' cy='36' r='3' fill='none' stroke='%23f2c14e'/%3E%3C/svg%3E");
}
*{box-sizing:border-box;margin:0}
[hidden]{display:none!important}
html{overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth;background:var(--canvas)}
body{overflow-x:hidden;overflow-x:clip;background:var(--canvas);color:var(--text-primary);font:400 18px/1.65 Jost,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--brand);font-weight:700;line-height:1.1}
.skip{position:fixed;left:16px;top:-60px;z-index:100;background:var(--accent);color:#1b0f38;padding:10px 16px;border-radius:8px;transition:top .25s var(--ease)}
.skip:focus{top:16px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
main:focus{outline:none}

/* One environment behind everything */
.env{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60vw 50vh at 72% 18%,rgba(101,47,143,.42),transparent 70%),radial-gradient(50vw 50vh at 20% 82%,rgba(166,2,145,.14),transparent 70%),var(--canvas)}
.env::after{content:"";position:absolute;inset:0;background:var(--jaali);opacity:.035}


/* Nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(20px,4vw,48px) 34px;background:linear-gradient(rgba(12,4,24,.97),rgba(12,4,24,.84) 58%,rgba(12,4,24,0));opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .5s var(--ease),transform .5s var(--ease)}
.nav.on{opacity:1;transform:none;pointer-events:auto}
.nav .brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 19px/1 var(--brand);letter-spacing:.04em}
.nav .brand .icon{width:30px;margin:0;--r:60px}
.nav ul{display:flex;align-items:center;gap:clamp(16px,3vw,34px);list-style:none;padding:0}
.nav li a:not(.btn){text-decoration:none;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);transition:color .3s var(--ease-soft)}
.nav li a:not(.btn):hover{color:var(--accent-hover)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:999px;border:0;cursor:pointer;background:var(--accent);color:#1b0f38;font:500 16px/1 Jost,sans-serif;letter-spacing:.06em;text-decoration:none;transition:background .3s var(--ease-soft),transform .3s var(--ease)}
.btn{white-space:nowrap}
.btn:hover{background:var(--accent-hover);transform:translateY(-2px)}
.nav .btn{min-height:40px;padding:0 20px;font-size:14px}

/* Gold type */
.au{position:relative;display:inline-block;color:var(--accent);padding:.1em .04em;margin:-.1em -.04em}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .au{color:transparent;background:linear-gradient(rgba(255,228,150,.38),rgba(255,228,150,.38)),url(gold-texture.webp) 50% 50%/620px;-webkit-background-clip:text;background-clip:text}
  .au::after{content:attr(data-t);position:absolute;inset:0;padding:inherit;color:transparent;pointer-events:none;background:radial-gradient(circle var(--r,190px) at var(--x,-999px) var(--y,-999px),#fff 0,#fff5cf 20%,rgba(255,220,130,.9) 44%,rgba(255,205,100,0) 74%);-webkit-background-clip:text;background-clip:text;opacity:var(--on,0);transition:opacity .35s var(--ease-soft)}
}

/* Hero */
.hero{position:relative;height:340vh}
.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#12061f;isolation:isolate}
.layer{position:absolute;inset:0;background-size:cover;background-position:center;will-change:transform,opacity}
.need-arch .arch{background-image:url(bg-arch.webp)}
.arch{transform:scale(1.04)}
.open,.drape{background-image:url(bg-open.webp)}
.video-ready .arch,.video-ready .open,.video-ready .drape{visibility:hidden;transition:visibility 0s .9s}
.drape.l{-webkit-mask:linear-gradient(90deg,#000 16%,transparent 24%);mask:linear-gradient(90deg,#000 16%,transparent 24%)}
.drape.r{-webkit-mask:linear-gradient(270deg,#000 16%,transparent 24%);mask:linear-gradient(270deg,#000 16%,transparent 24%)}
#film{object-fit:cover;width:100%;height:100%;opacity:0;transition:opacity .8s var(--ease-soft);transform:translateZ(0)}
.video-ready #film{opacity:1}
.goldwash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 55% at 50% 34%,rgba(255,196,96,.16),rgba(255,180,80,.04) 54%,transparent 76%)}
.spot{position:absolute;left:0;top:0;width:440px;height:440px;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .35s var(--ease-soft);will-change:transform;-webkit-mask:radial-gradient(circle,#000 34%,transparent 70%);mask:radial-gradient(circle,#000 34%,transparent 70%)}
.spot i{position:absolute;left:0;top:0;display:block;background-position:center;background-size:cover;will-change:transform}
.spot.armed i{background-image:url(gold-lit-open.webp)}
.spot.armed.b i{background-image:url(gold-lit-arch.webp)}
.spot.on{opacity:1}
.vig{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 120% 90% at 50% 45%,rgba(14,5,28,0) 45%,rgba(14,5,28,.6) 100%)}
#dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

.lockup{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1.1vh,12px);padding:clamp(16px,3vh,32px) 20px clamp(64px,10vh,96px);text-align:center;will-change:transform,opacity}
.lockup h1{display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.8vh,8px);font:inherit}
.icon{position:relative;width:clamp(50px,7.4vh,76px);aspect-ratio:1/1;margin-bottom:clamp(2px,.6vh,8px)}
.icon img{width:100%;height:100%}
.num{position:relative;height:clamp(180px,43vh,440px);aspect-ratio:1000/747}
.num img{width:100%;height:100%}
.gl{position:absolute;inset:0;pointer-events:none;opacity:var(--on,0);transition:opacity .3s var(--ease-soft);background:radial-gradient(circle calc(var(--r,210px)*.3) at var(--x,-999px) var(--y,-999px),#fff 0,rgba(255,250,225,.9) 40%,transparent 100%),radial-gradient(circle var(--r,210px) at var(--x,-999px) var(--y,-999px),rgba(255,232,160,.72) 0,rgba(255,214,120,.26) 50%,transparent 78%)}
.num .gl{-webkit-mask:url(gold-25.webp) center/contain no-repeat;mask:url(gold-25.webp) center/contain no-repeat}
.icon .gl{-webkit-mask:url(logo-icon.webp) center/contain no-repeat;mask:url(logo-icon.webp) center/contain no-repeat;--r:90px}
.yrs{font:700 clamp(15px,2.3vh,22px)/1 var(--brand);letter-spacing:.42em;text-transform:uppercase;margin-right:-.42em}
.word{font:700 clamp(40px,8.8vh,90px)/1 var(--brand);letter-spacing:.01em}
.join-line{margin-top:clamp(4px,1vh,10px);font:italic 500 clamp(24px,4vh,40px)/1.2 "Cormorant Garamond",serif}
.years-line{font:700 clamp(14px,2.1vh,20px)/1 var(--brand);letter-spacing:.24em;margin-right:-.24em}
.join-line .au{letter-spacing:.01em;background:none;color:#f8e2a6}
.static-cta{display:none;margin-top:14px}
.cue{position:absolute;left:50%;bottom:clamp(14px,2.6vh,28px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary);font-size:12px;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;will-change:opacity}
.cue i{position:relative;display:block;width:1px;height:34px;background:rgba(242,193,78,.3);overflow:hidden}
.cue i::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--accent);animation:cue 2.6s var(--ease-soft) infinite;animation-delay:-.8s}
@keyframes cue{to{transform:translateY(350%)}}

.two{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:18vh 20px 0;text-align:center;opacity:0;will-change:opacity,transform;pointer-events:none}
.two::before{content:"";position:absolute;inset:-4%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 46% 44% at 50% 60%,rgba(18,6,34,.74) 0,rgba(18,6,34,.5) 50%,rgba(18,6,34,0) 78%)}
.two h2{font-size:clamp(32px,5.6vh,60px);max-width:15ch;text-shadow:0 1px 2px rgba(12,4,24,.95),0 3px 12px rgba(12,4,24,.78),0 10px 44px rgba(12,4,24,.8)}
.two p{font:italic 500 clamp(23px,3.2vh,30px)/1.2 var(--serif);color:#f8e2a6;text-shadow:0 1px 3px rgba(12,4,24,.9)}
.two.live{pointer-events:auto}

/* Sections */
section{position:relative}
.wrap{width:min(1180px,100%);margin:0 auto;padding:0 clamp(20px,5vw,48px)}
.kick,.sub{font:italic 500 clamp(21px,1.8vw,25px)/1.25 var(--serif);color:var(--accent-hover)}
.sub{color:var(--text-secondary)}
.ribbon{display:block;height:7px;width:min(440px,74%);transform-origin:left;background:linear-gradient(105deg,#eb1c24 0 13%,#fff000 0 23%,#fc1185 0 39%,#652f8f 0 59%,#00b3d2 0 69%,#00d98e 0 79%,#ffa800 0 91%,#ff5004 0)}
[data-r]{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i,0)*90ms)}
[data-r].in{opacity:1;transform:none}
[data-r].done{transition-delay:0s!important}
.ribbon[data-r]{transform:scaleX(0);opacity:1;transition:transform 1.5s var(--ease)}
.ribbon[data-r].in{transform:none}

.story{padding:clamp(96px,14vw,170px) 0 clamp(80px,10vw,130px)}
.story .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(36px,6vw,90px);align-items:start}
.story h2{font-size:clamp(30px,3.4vw,46px);margin:14px 0 22px}
.story h2 em{display:block;font:italic 500 clamp(54px,7.4vw,104px)/1 var(--serif);margin-top:8px}
.story p+p{margin-top:1em}
.story .copy{color:var(--text-secondary);max-width:52ch;padding-top:clamp(0px,6vw,74px)}

.acts{padding:0 0 clamp(90px,11vw,150px)}
.acts .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.6vw,34px);align-items:end}
.act:nth-child(2){margin-bottom:clamp(20px,4vw,56px)}
.frame{position:relative;filter:drop-shadow(0 0 1px rgba(242,193,78,.85))}
.frame .in-frame{position:relative;-webkit-mask:var(--arch) center/100% 100% no-repeat;mask:var(--arch) center/100% 100% no-repeat;overflow:hidden;background:var(--panel)}
.act .in-frame{aspect-ratio:5/7}
.frame img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.act:hover img,.artist:hover img{transform:scale(1.05)}
.acts-head{margin-bottom:clamp(30px,4vw,54px)}
.acts-head h2{font-size:clamp(34px,4.2vw,58px);margin-top:14px;max-width:26ch}
.act h3{font-size:clamp(24px,2.5vw,34px);margin-top:18px}
.act p{font:italic 500 21px/1.3 var(--serif);color:var(--text-secondary);margin-top:6px;max-width:32ch}
a.act{display:block;text-decoration:none}
.act .go{display:inline-block;margin-top:8px;color:var(--accent-hover);font-size:15px;letter-spacing:.04em;transition:transform .3s var(--ease)}
.act:hover .go{transform:translateX(5px)}

.artists{padding:clamp(70px,9vw,120px) 0;background:linear-gradient(transparent,rgba(44,22,80,.55) 16%,rgba(44,22,80,.55) 84%,transparent)}
.artists h2{font-size:clamp(34px,4.2vw,58px);margin:14px 0 clamp(30px,4vw,52px)}
.roster{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,2vw,26px) clamp(12px,1.8vw,24px)}
.artist .in-frame{aspect-ratio:4/5}
.artist h3{font-size:clamp(17px,1.45vw,21px);margin-top:12px;line-height:1.15}
.artist p{font:italic 500 18px/1.2 var(--serif);color:var(--accent-hover);margin-top:3px}
a.artist{display:block;text-decoration:none}

.join{padding:clamp(90px,11vw,150px) 0;overflow:hidden}
.join::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(var(--canvas),rgba(22,8,41,.42) 26%,rgba(22,8,41,.42) 74%,var(--canvas)),url(bg-open.webp) center/cover}
.join .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,84px);align-items:center}
.lamps{position:relative;width:min(100%,460px);margin:0 auto;aspect-ratio:1/1}
.lamps svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lamp .fl{opacity:0;transform-box:fill-box;transform-origin:50% 100%;transform:scale(.3);transition:opacity .5s var(--ease-soft),transform .5s var(--ease)}
.lamp .gw{opacity:0;transition:opacity .6s var(--ease-soft)}
.lamp.lit .fl{opacity:1;transform:none}
.lamp.lit .gw{opacity:1}
.hold{position:absolute;left:50%;top:50%;width:148px;height:148px;margin:-74px 0 0 -74px;border-radius:50%;border:0;cursor:pointer;background:rgba(34,16,60,.86);color:var(--text-primary);font:500 15px/1.25 Jost,sans-serif;letter-spacing:.04em;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .4s var(--ease)}
.hold:active{transform:scale(.96)}
.hold svg{position:absolute;inset:0;transform:rotate(-90deg)}
.hold circle{fill:none;stroke-width:3}
.hold .tr{stroke:var(--accent-muted)}
.hold .pr{stroke:var(--accent);stroke-dasharray:440;stroke-dashoffset:calc(440*(1 - var(--h,0)))}
.lamps-note{text-align:center;font:italic 500 23px/1.3 var(--serif);color:var(--text-secondary);margin-top:16px;min-height:1.65em;transition:color .5s var(--ease-soft)}
.lamps.done+.lamps-note{color:var(--accent-hover)}
.join h2{font-size:clamp(36px,4.4vw,60px);margin:14px 0 14px}
.join .lede{font:italic 500 23px/1.3 var(--serif);color:var(--text-secondary);max-width:40ch}
form{margin-top:26px;display:grid;gap:14px;max-width:460px}
label{display:grid;gap:5px;font-size:15px;color:var(--text-secondary)}
input{width:100%;min-height:50px;padding:0 16px;border-radius:10px;border:1px solid #8d7aa8;background:rgba(22,8,41,.72);color:var(--text-primary);font:400 17px Jost,sans-serif;transition:border-color .3s var(--ease-soft)}
input:hover{border-color:#b4a2cb}
input:focus{border-color:var(--accent)}
form .btn{justify-self:start;margin-top:6px}
.thanks{margin-top:22px;padding:18px 20px;border-radius:12px;background:rgba(34,16,60,.8);border:1px solid var(--accent-muted);max-width:460px;opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.thanks.in{opacity:1;transform:none}

.faq{padding:clamp(70px,9vw,120px) 0}
.faq .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,70px)}
.faq h2{font-size:clamp(34px,3.8vw,52px);margin-top:14px}
details{border-bottom:1px solid rgba(242,193,78,.28);padding:16px 0}
summary{cursor:pointer;font:500 clamp(19px,1.7vw,22px)/1.3 Jost,sans-serif;list-style:none;display:flex;justify-content:space-between;gap:20px;transition:color .3s var(--ease-soft)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--accent);transition:transform .4s var(--ease)}
details[open] summary::after{transform:rotate(45deg)}
summary:hover{color:var(--accent-hover)}
details p{color:var(--text-secondary);margin-top:8px;max-width:58ch}

footer{padding:56px 0 40px;border-top:1px solid rgba(242,193,78,.18);background:rgba(14,5,28,.6)}
footer .wrap{display:flex;flex-wrap:wrap;gap:30px 60px;justify-content:space-between;align-items:baseline}
footer .b{font:700 24px/1 var(--brand);letter-spacing:.03em}
footer small{display:block;font:italic 500 19px/1.3 var(--serif);color:var(--text-secondary);margin-top:8px}
footer ul{list-style:none;padding:0;color:var(--text-secondary);font-size:16px}
footer a{text-decoration:none;transition:color .3s var(--ease-soft)}
footer a:hover{color:var(--accent-hover)}

@media (max-width:980px){
  .story .wrap,.join .wrap,.faq .wrap{grid-template-columns:1fr}
  .story .copy{padding-top:0}
  .roster{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .acts .grid{grid-template-columns:1fr;gap:34px}
  .act:nth-child(2){margin-bottom:0}
  .act .in-frame{aspect-ratio:5/6}
  .roster{grid-template-columns:repeat(2,1fr)}
  .nav li:not(:last-child){display:none}
}
@media (max-height:560px){.cue{display:none}}
@media (pointer:coarse){.nav li a:not(.btn){display:inline-flex;align-items:center;min-height:44px}.btn{min-height:44px}}

/* Static hero gates: these five strings match the script exactly */
@media (max-width: 720px),(orientation: portrait) and (max-width: 1024px),(orientation: portrait) and (pointer: coarse),(orientation: landscape) and (pointer: coarse) and (max-height: 560px),(prefers-reduced-motion: reduce){
  .hero{height:auto}
  .stage{position:relative;height:auto;min-height:100vh;min-height:100svh;display:flex}
  .lockup{position:relative;inset:auto;flex:1;min-height:100vh;min-height:100svh}
  .two,.arch,#film,.spot,#dust{display:none}
  .num{height:auto;width:min(82vw,52vh)}
  .word{font-size:clamp(40px,13.4vw,82px)}
  .join-line{font-size:clamp(23px,6vw,34px)}
  .static-cta{display:inline-flex}
  .goldwash{opacity:.55;animation:none}
  .drape.l{-webkit-mask:none;mask:none}
  .drape.r{display:none}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important;transition-delay:0s!important}
  [data-r]{opacity:1;transform:none}
  .ribbon[data-r]{transform:none}
  .spot{display:none}
  .cue{transform:translateX(-50%)}
}
body.paused *,body.paused *::before,body.paused *::after{animation-play-state:paused!important}

/* Inner pages */
.inner .nav{opacity:1;transform:none;pointer-events:auto}
.top{padding:clamp(110px,13vh,150px) 0 clamp(40px,6vw,72px)}
.top .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(30px,6vw,84px);align-items:center}
.top .wrap.natak{grid-template-columns:minmax(0,1fr) minmax(0,.72fr)}
.top h1{font-size:clamp(46px,6.8vw,96px);line-height:1;margin:8px 0 12px}
.back{display:inline-block;margin-bottom:14px;color:var(--text-secondary);font-size:15px;text-decoration:none}
.back:hover{color:var(--accent-hover)}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px}
.btn.ghost{background:none;box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-hover)}
.btn.ghost:hover{background:rgba(242,193,78,.14)}
.socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding:0;list-style:none}
.socials a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--panel);text-decoration:none;font-size:15px;transition:background .3s var(--ease-soft)}
.socials a:hover{background:var(--panel-2)}
.socials b{font-weight:500;color:var(--accent-hover)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(242,193,78,.2);border-block:1px solid rgba(242,193,78,.2)}
.stat{background:var(--canvas);padding:clamp(22px,3vw,36px) clamp(14px,2vw,26px)}
.stat strong{display:block;font:700 clamp(34px,4.4vw,60px)/1 var(--brand);color:var(--accent)}
.stat span{display:block;margin-top:6px;font:italic 500 20px/1.2 var(--serif);color:var(--text-secondary)}
.band{padding:clamp(56px,7vw,96px) 0}
.band h2{font-size:clamp(30px,3.6vw,48px);margin:8px 0 clamp(24px,3vw,38px)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,84px)}
.bars{display:flex;align-items:flex-end;gap:clamp(14px,3vw,34px);height:220px;border-bottom:1px solid rgba(242,193,78,.34)}
.bars div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:6px;font:700 22px/1 var(--brand);color:var(--accent-hover)}
.bars i{display:block;width:100%;height:calc(var(--v)*1%);background:var(--accent);border-radius:6px 6px 0 0;transform-origin:bottom;transform:scaleY(0);transition:transform 1s var(--ease);transition-delay:calc(var(--i,0)*120ms)}
.in .bars i,.bars.in i{transform:none}
.barlabels{display:flex;gap:clamp(14px,3vw,34px);margin-top:8px;color:var(--text-secondary);font-size:15px}
.barlabels span{flex:1;text-align:center}
.meter{margin-bottom:16px}
.meter header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:16px}
.meter header b{font-weight:500;color:var(--accent-hover)}
.meter div{height:8px;margin-top:6px;border-radius:9px;background:var(--panel-2);overflow:hidden}
.meter i{display:block;height:100%;width:calc(var(--v)*1%);border-radius:9px;background:var(--c,var(--accent));transform-origin:left;transform:scaleX(0);transition:transform 1.1s var(--ease);transition-delay:calc(var(--i,0)*90ms)}
.in .meter i{transform:none}
.line{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:18px;list-style:none;padding:0;border-top:1px solid rgba(242,193,78,.34)}
.line li{position:relative;padding-top:18px}
.line li::before{content:"";position:absolute;left:0;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.line b{display:block;font:700 26px/1 var(--brand);color:var(--accent)}
.line span{display:block;margin-top:6px;font:italic 500 20px/1.2 var(--serif);color:var(--text-secondary)}
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}
.chips li{padding:8px 15px;border-radius:999px;background:var(--panel);font-size:15px}
.note{margin-top:20px;font-size:14px;color:#b5a6c8}
.book{padding:clamp(56px,7vw,90px) 0;text-align:center;background:linear-gradient(transparent,rgba(44,22,80,.55))}
.book h2{font-size:clamp(32px,4.4vw,60px);margin-bottom:8px}
.book .cta-row{justify-content:center}

/* Navratri tours */
.tours{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,36px)}
.tour .in-frame{aspect-ratio:5/6}
.tour h3{font-size:clamp(24px,2.5vw,32px);margin-top:18px}
.tour .sub{margin:2px 0 14px}
.tour .fol{display:flex;gap:18px;margin-bottom:14px;padding:0;list-style:none}
.tour .fol b{display:block;font:700 26px/1 var(--brand);color:var(--accent)}
.tour .fol span{font-size:14px;color:var(--text-secondary)}
.mystery{display:grid;place-items:center;height:100%;background:radial-gradient(70% 60% at 50% 34%,#3c2169,#1a0a31 74%)}
.mystery svg{position:absolute;inset:0;width:100%;height:100%}
.mystery b{position:relative;margin-top:-16%;font:700 clamp(90px,12vw,150px)/1 var(--brand);color:var(--accent)}
.soon{margin-top:clamp(30px,4vw,46px);text-align:center;font:italic 500 clamp(26px,3vw,38px)/1.2 var(--serif);color:var(--accent-hover)}

/* Natak */
.poster{justify-self:end;width:min(100%,430px)}
.poster img{width:100%;height:auto;border-radius:10px;box-shadow:0 0 0 1px rgba(242,193,78,.5)}
.credits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0;list-style:none}
.credits b{display:block;font-weight:500}
.credits span{font:italic 500 19px/1.2 var(--serif);color:var(--accent-hover)}
.cal-wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,52px)}
.month h3{font-size:clamp(22px,2.2vw,28px);margin-bottom:12px}
.dow,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.dow span{font-size:13px;text-align:center;color:var(--text-secondary);padding-bottom:4px}
.day{aspect-ratio:1/1;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;font:400 16px/1 Jost,sans-serif;color:#a897bd;border:0;background:rgba(44,22,80,.4)}
button.day{cursor:pointer;background:var(--accent);color:#1b0f38;font-weight:500;transition:background .2s var(--ease-soft),transform .2s var(--ease)}
button.day small{font-size:10px;letter-spacing:.03em;margin-top:3px;font-weight:500}
button.day:hover,button.day[aria-expanded="true"]{background:#fff0c4;transform:translateY(-2px)}
.pop{position:absolute;z-index:20;width:250px;max-width:100%;padding:16px;border-radius:12px;background:#2c1650;border:1px solid var(--accent);box-shadow:0 12px 30px rgba(8,2,18,.5);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s var(--ease-soft),transform .18s var(--ease),visibility 0s .18s}
.pop.on{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.pop h4{font:700 19px/1.15 var(--brand)}
.pop p{font:italic 500 19px/1.25 var(--serif);color:var(--text-secondary);margin:4px 0 12px}
.pop .btn{width:100%;min-height:42px;font-size:15px}
.pop a.link{display:block;margin-top:8px;text-align:center;font-size:14px;color:var(--text-secondary)}

@media (max-width:980px){
  .top .wrap,.top .wrap.natak,.two-col{grid-template-columns:1fr}
  .poster{justify-self:start}
  .stats{grid-template-columns:repeat(2,1fr)}
  .tours{grid-template-columns:1fr 1fr}
  .credits{grid-template-columns:1fr 1fr}
  .cal-wrap{grid-template-columns:1fr}
}
@media (max-width:640px){
  .tours{grid-template-columns:1fr}
  .line{grid-auto-flow:row;border-top:0;border-left:1px solid rgba(242,193,78,.34);padding-left:16px}
  .line li{padding-top:0}
  .line li::before{left:-21px;top:8px}
}
@media (prefers-reduced-motion: reduce){.bars i,.meter i{transform:none}}
