.intro-scene{position:fixed;z-index:var(--layer-intro);inset:0;display:grid;place-items:center;overflow:hidden;background:#09090a;transition:opacity .28s ease,visibility .28s}.intro-scene.is-done{opacity:0;visibility:hidden;pointer-events:none}.intro-skip{position:absolute;right:24px;top:24px;border:1px solid var(--line);border-radius:10px;background:transparent;color:#fff;padding:10px 13px;cursor:pointer}.intro-cities{position:absolute;inset:0}.intro-cities span{position:absolute;color:#9f9c96;font:800 clamp(18px,3vw,44px)/1 var(--display);text-transform:uppercase;opacity:0;animation:introWord 1.05s ease both}.intro-cities span:nth-child(1){left:8%;top:18%;animation-delay:.02s}.intro-cities span:nth-child(2){right:12%;top:21%;animation-delay:.11s}.intro-cities span:nth-child(3){left:18%;bottom:16%;animation-delay:.2s}.intro-cities span:nth-child(4){right:8%;bottom:22%;animation-delay:.29s}.intro-cities span:nth-child(5){left:44%;top:10%;animation-delay:.38s}.intro-cities span:nth-child(6){right:35%;bottom:8%;animation-delay:.47s}.intro-posters{position:absolute;inset:0}.intro-poster{position:absolute;width:clamp(80px,11vw,150px);aspect-ratio:.71;border-radius:10px;background:#151517;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.55);opacity:0;animation:introPoster 1.08s cubic-bezier(.16,1,.3,1) both}.intro-poster img{width:100%;height:100%;object-fit:contain}.intro-poster:nth-child(1){left:18%;top:18%;--r:-8deg;animation-delay:.05s}.intro-poster:nth-child(2){right:18%;top:15%;--r:7deg;animation-delay:.14s}.intro-poster:nth-child(3){left:31%;bottom:13%;--r:5deg;animation-delay:.23s}.intro-poster:nth-child(4){right:31%;bottom:12%;--r:-6deg;animation-delay:.32s}.intro-poster:nth-child(5){left:50%;top:44%;--r:0deg;animation-delay:.41s}.intro-mark{position:relative;z-index:3;font:950 clamp(56px,11vw,160px)/1 var(--display);letter-spacing:-.075em;opacity:0;animation:introMark .5s .7s ease both}.intro-mark span{color:var(--brand)}@keyframes introWord{0%{opacity:0;transform:translateY(16px)}35%{opacity:.75}100%{opacity:0;transform:translateY(-16px) scale(.92)}}@keyframes introPoster{0%{opacity:0;transform:translateY(32px) rotate(var(--r)) scale(.7)}35%{opacity:1}100%{opacity:0;transform:translate(calc(50vw - 50%),calc(50vh - 50%)) rotate(0) scale(.38)}}@keyframes introMark{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
.home-hero{position:relative;min-height:calc(100dvh - 74px);overflow:hidden;isolation:isolate;background:#09090a}.home-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(#000,transparent 88%)}.hero-atmosphere{position:absolute;z-index:-2;inset:0;overflow:hidden}.hero-atmosphere::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09090a 2%,rgba(9,9,10,.95) 34%,rgba(9,9,10,.2) 72%,#09090a),linear-gradient(0deg,#09090a,transparent 42%)}.hero-atmosphere img{position:absolute;right:1%;top:-10%;width:62%;height:110%;object-fit:cover;object-position:center 30%;filter:saturate(.72) contrast(1.08);opacity:.78;mask-image:linear-gradient(90deg,transparent,#000 24%,#000 75%,transparent)}.stage-light{position:absolute;right:-8%;top:-45%;width:70%;height:160%;background:conic-gradient(from 198deg at 50% 0,transparent 0 31%,rgba(255,255,255,.08) 35%,transparent 39%,transparent 58%,color-mix(in srgb,var(--scene) 28%,transparent) 63%,transparent 69%);transform-origin:50% 0;animation:stageBeam 10s ease-in-out infinite alternate}@keyframes stageBeam{to{transform:rotate(12deg) translateX(-3vw)}}.hero-layout{position:relative;min-height:calc(100dvh - 74px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.55fr);align-items:center;gap:4vw;padding:42px 0 190px}.hero-copy{position:relative;z-index:6}.hero-kicker{margin:0 0 22px;color:#d7bca8;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero-copy h1{max-width:760px;margin:0;font:950 clamp(72px,10vw,148px)/.78 var(--display);letter-spacing:-.07em;text-transform:uppercase}.hero-subtitle{margin:14px 0 0;color:transparent;font:950 clamp(48px,7vw,96px)/.82 var(--display);letter-spacing:-.06em;text-transform:uppercase;-webkit-text-stroke:1px rgba(255,255,255,.72)}.hero-actions{display:flex;gap:10px;margin-top:30px}.hero-ticket-zone{position:relative;z-index:9;display:flex;justify-content:center}.main-ticket{position:relative;width:min(330px,27vw);aspect-ratio:.66;border:0;border-radius:17px;background:var(--paper);color:var(--ink);padding:0;cursor:pointer;box-shadow:0 40px 100px rgba(0,0,0,.62);transform:rotate(1.4deg);perspective:1200px;transition:transform .35s cubic-bezier(.16,1,.3,1)}.main-ticket:hover{transform:translateY(-7px) rotate(.6deg)}.ticket-poster{position:absolute;inset:102px 10px 58px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#111}.ticket-poster img{width:100%;height:100%;object-fit:contain}.ticket-peel{position:absolute;z-index:4;left:0;right:0;top:0;height:105px;display:flex;justify-content:space-between;align-items:start;padding:22px 18px;border-bottom:1px dashed #8d887e;border-radius:17px 17px 0 0;background:var(--paper);transform-origin:50% 0;transition:transform .55s cubic-bezier(.16,1,.3,1),filter .3s}.ticket-peel::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:12px;background:linear-gradient(135deg,transparent 6px,var(--paper) 0) 0 0/12px 12px repeat-x}.ticket-peel b{max-width:64%;font:950 22px/.95 var(--display);text-align:left}.ticket-peel small{max-width:30%;font-size:8px;line-height:1.35;text-align:right;text-transform:uppercase}.main-ticket[data-peel-state=preview] .ticket-peel{transform:rotateX(-14deg) translateY(-4px);filter:drop-shadow(0 8px 8px rgba(0,0,0,.2))}.main-ticket[data-peel-state=opening] .ticket-peel,.main-ticket[data-peel-state=open] .ticket-peel{transform:translateY(-42px) rotateX(-138deg) rotateZ(-3deg);filter:drop-shadow(0 18px 13px rgba(0,0,0,.38))}.ticket-footer{position:absolute;left:17px;right:17px;bottom:14px;display:flex;justify-content:space-between;gap:12px;align-items:end;border-top:1px solid #b9b3a9;padding-top:10px;text-align:left}.ticket-footer b{font:950 24px/.9 var(--display);text-transform:uppercase}.ticket-footer small{max-width:46%;font-size:8px;line-height:1.4;text-align:right}.ticket-fan{position:absolute;z-index:12;left:50%;bottom:0;width:min(900px,70vw);height:230px;transform:translateX(-50%)}.fan-ticket{position:absolute;left:50%;bottom:-42px;width:148px;aspect-ratio:.69;border:1px solid rgba(255,255,255,.36);border-radius:12px;background:#111;padding:6px 6px 36px;box-shadow:0 25px 50px rgba(0,0,0,.72);cursor:pointer;transform-origin:50% 120%;transform:translateX(calc(-50% + var(--fan-x))) translateY(var(--fan-y)) rotate(var(--fan-r)) scale(var(--fan-s));opacity:var(--fan-o);transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .45s,filter .3s;filter:saturate(.65) brightness(.72)}.fan-ticket img{width:100%;height:100%;object-fit:contain}.fan-ticket span{position:absolute;left:8px;right:8px;bottom:7px;color:#fff;font:900 9px/1 var(--display);text-transform:uppercase}.fan-ticket.is-active{filter:none;box-shadow:0 30px 70px rgba(0,0,0,.72),0 0 0 2px var(--scene);transform:translateX(calc(-50% + var(--fan-x))) translateY(calc(var(--fan-y) - 22px)) rotate(0) scale(calc(var(--fan-s) + .08))}.fan-ticket:hover:not(.is-active){filter:saturate(1);transform:translateX(calc(-50% + var(--fan-x))) translateY(calc(var(--fan-y) - 14px)) rotate(var(--fan-r)) scale(calc(var(--fan-s) + .04))}
.city-events{background:#0e0e10}.inline-city{border:0;border-bottom:1px solid var(--brand);background:transparent;color:#fff;padding:0 2px;cursor:pointer}.section-action{margin-top:32px}.tour-stage{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--scene) 14%,transparent),transparent 34%),#0a0a0b}.tour-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:start}.route-preview{position:relative;padding-left:42px}.route-preview::before{content:"";position:absolute;left:12px;top:17px;bottom:17px;width:2px;background:linear-gradient(var(--brand),rgba(255,255,255,.12))}.route-stop{position:relative;display:grid;grid-template-columns:1fr auto;gap:20px;padding:18px 0 26px}.route-stop::before{content:"";position:absolute;left:-36px;top:22px;width:14px;height:14px;border:3px solid var(--bg);border-radius:50%;background:var(--brand);box-shadow:0 0 0 1px rgba(255,255,255,.35)}.route-stop b{font:950 28px/1 var(--display);text-transform:uppercase}.route-stop span{display:block;margin-top:6px;color:var(--muted);font-size:11px}.route-stop time{color:#d8d4cc;font-size:12px}.proof{background:#0c0c0e}
@media(max-width:1000px){.hero-layout{grid-template-columns:1fr .55fr}.hero-copy h1{font-size:78px}.hero-subtitle{font-size:52px}.main-ticket{width:260px}.ticket-fan{width:760px}.fan-ticket{width:126px}.tour-layout{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.intro-cities span:nth-child(n+5){display:none}.home-hero{min-height:900px}.hero-layout{min-height:900px;display:block;padding:70px 0 240px}.hero-copy h1{font-size:64px}.hero-subtitle{font-size:42px;max-width:90%}.hero-ticket-zone{position:absolute;right:0;top:330px}.main-ticket{width:230px}.hero-atmosphere img{right:-35%;width:120%;opacity:.48}.ticket-fan{width:520px;height:180px}.fan-ticket{width:105px}.tour-layout{grid-template-columns:1fr}.route-preview{margin-top:40px}}
@media(max-width:480px){.home-hero{min-height:860px}.hero-layout{min-height:860px;padding-top:50px}.hero-copy h1{font-size:54px}.hero-subtitle{font-size:34px}.hero-actions{flex-wrap:wrap}.hero-ticket-zone{top:320px}.main-ticket{width:205px}.ticket-poster{inset:92px 8px 52px}.ticket-peel{height:94px}.ticket-fan{width:430px}.fan-ticket{width:90px}.tour-stage .section-intro{margin-bottom:18px}}

/* Mobbin-inspired index: one continuous scene becomes the hero. */
body.intro-active{overflow:hidden}
.intro-scene{display:block;--intro-accent:#ef4b3f;background:#080808;transition:opacity .36s ease,visibility .36s,background .58s cubic-bezier(.16,1,.3,1)}
.intro-brand{position:absolute;z-index:9;left:26px;top:20px;color:#fff;font:950 28px/1 var(--display);letter-spacing:-.07em;transition:opacity .3s ease}.intro-brand span{color:var(--brand)}
.intro-layout{position:absolute;inset:9vh 5vw 13vh;display:grid;grid-template-columns:minmax(132px,180px) minmax(440px,680px) minmax(132px,180px);gap:4vw;align-items:center;justify-content:center}
.intro-list{display:grid;gap:8px;color:#d9d5cf;font:800 clamp(9px,.78vw,12px)/1.05 var(--display);letter-spacing:.02em;text-transform:uppercase;transition:opacity .35s ease,transform .55s cubic-bezier(.16,1,.3,1)}
.intro-list small{margin-bottom:12px;color:#77736d;font:800 7px/1 var(--body);letter-spacing:.16em}.intro-list span{opacity:0;animation:listBuild .48s cubic-bezier(.2,.8,.2,1) forwards}
.intro-list span:nth-child(2){animation-delay:.04s}.intro-list span:nth-child(3){animation-delay:.08s}.intro-list span:nth-child(4){animation-delay:.12s}.intro-list span:nth-child(5){animation-delay:.16s}.intro-list span:nth-child(6){animation-delay:.2s}
.intro-list-right{text-align:right}.intro-grid-wrap{position:relative;aspect-ratio:1.62;transition:transform .62s cubic-bezier(.16,1,.3,1)}
.intro-posters{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:7px;perspective:1200px}
.intro-poster{position:relative!important;inset:auto!important;width:auto;min-width:0;border:1px solid rgba(255,255,255,.11);border-radius:2px;background:#171719;opacity:0;overflow:hidden;transform-origin:center;animation:cellBuild .42s cubic-bezier(.16,1,.3,1) forwards;transition:transform .62s cubic-bezier(.16,1,.3,1),opacity .38s ease,filter .48s ease,border-radius .55s ease,box-shadow .55s ease}
.intro-poster:nth-child(1){animation-delay:.02s}.intro-poster:nth-child(2){animation-delay:.05s}.intro-poster:nth-child(3){animation-delay:.08s}.intro-poster:nth-child(4){animation-delay:.06s}.intro-poster:nth-child(5){animation-delay:.1s}.intro-poster:nth-child(6){animation-delay:.12s}.intro-poster:nth-child(7){animation-delay:.09s}.intro-poster:nth-child(8){animation-delay:.14s}.intro-poster:nth-child(9){animation-delay:.17s}
.intro-poster img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.055);filter:saturate(.58) brightness(.68);clip-path:inset(0 round 1px);transition:opacity .34s ease,transform .52s cubic-bezier(.16,1,.3,1),filter .4s ease,clip-path .55s cubic-bezier(.16,1,.3,1)}
.intro-poster img.is-current{z-index:2;opacity:1;transform:scale(1)}
.intro-poster.focus{z-index:5;box-shadow:0 0 0 1px rgba(255,255,255,.42),0 22px 70px rgba(0,0,0,.7)}
.intro-lock{position:absolute;z-index:8;left:50%;bottom:-27px;transform:translateX(-50%);color:#c5bcb1;font:850 8px/1 var(--body);letter-spacing:.16em;white-space:nowrap;opacity:0;transition:opacity .25s ease}
.intro-statement{position:absolute;z-index:8;top:45%;width:180px;margin:0;color:#ece7e1;font:900 clamp(11px,1vw,16px)/1.02 var(--display);text-transform:uppercase;opacity:0;transition:opacity .35s ease,transform .55s cubic-bezier(.16,1,.3,1)}
.intro-statement-left{right:calc(100% + 4vw);text-align:left;transform:translateX(18px)}.intro-statement-right{left:calc(100% + 4vw);text-align:right;transform:translateX(-18px)}
.intro-rail{position:absolute;z-index:8;left:50%;bottom:4.5vh;display:flex;align-items:end;justify-content:center;gap:clamp(24px,4vw,72px);width:min(94vw,1320px);transform:translate(-50%,18px);opacity:0;transition:opacity .4s ease,transform .55s cubic-bezier(.16,1,.3,1);white-space:nowrap}
.intro-rail::before{content:"";position:absolute;left:0;right:0;top:-14px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18) 12%,rgba(255,255,255,.18) 88%,transparent)}
.intro-rail span{color:rgba(255,255,255,.28);font:900 clamp(14px,2vw,29px)/1 var(--display);text-transform:uppercase;transition:color .25s ease,transform .35s cubic-bezier(.16,1,.3,1)}.intro-rail span.is-active{color:#fff;transform:translateY(-4px)}
@keyframes cellBuild{0%{opacity:0;transform:scaleY(.035)}55%{opacity:.7}100%{opacity:1;transform:none}}@keyframes listBuild{0%{opacity:0;transform:translateY(7px)}100%{opacity:.78;transform:none}}

/* Deep moving stage from the approved concept. */
.home-hero{--scene:#ef4b3f;min-height:calc(100dvh - 74px);background:radial-gradient(circle at 70% 38%,color-mix(in srgb,var(--scene) 24%,transparent),transparent 32%),radial-gradient(circle at 48% 58%,#33231d 0,#111013 38%,#070708 77%)}
.home-hero::before{content:"";position:absolute;z-index:-1;inset:-30%;background:conic-gradient(from 210deg at 70% 0,transparent 0 24%,rgba(255,255,255,.09) 30%,transparent 36%,transparent 53%,color-mix(in srgb,var(--scene) 21%,transparent) 60%,transparent 67%);animation:stageOrbit 14s linear infinite;transform-origin:70% 0}
.home-hero::after{opacity:.55;mask-image:radial-gradient(ellipse at center,#000,transparent 72%)}
.stage-orbit{position:absolute;inset:-28%;background:radial-gradient(ellipse at 72% 38%,color-mix(in srgb,var(--scene) 22%,transparent),transparent 31%),conic-gradient(from 145deg at 70% 10%,transparent 0 35%,rgba(255,255,255,.08) 39%,transparent 43%);filter:blur(5px);animation:orbitGlow 12s ease-in-out infinite alternate}
.hero-atmosphere::after{background:linear-gradient(90deg,#080809 0,rgba(8,8,9,.92) 29%,rgba(8,8,9,.26) 63%,#080809 100%),linear-gradient(0deg,#080809 2%,transparent 48%,rgba(8,8,9,.32))}
.hero-atmosphere img{right:-1%;top:-12%;width:69%;height:118%;object-position:center 26%;filter:saturate(.62) contrast(1.14);opacity:.67;transform:scale(1.04);mix-blend-mode:screen}
.stage-light{right:-2%;top:-50%;width:78%;height:175%;filter:blur(1px);opacity:.9;animation:stageBeam 8s ease-in-out infinite alternate}
.hero-giant-name{position:absolute;z-index:-1;left:3vw;top:48%;max-width:92vw;color:transparent;font:950 clamp(130px,22vw,330px)/.68 var(--display);letter-spacing:-.085em;text-transform:uppercase;white-space:nowrap;-webkit-text-stroke:1px rgba(255,255,255,.16);transform:translateY(-50%);opacity:.68;pointer-events:none}
.hero-side-mark{position:absolute;z-index:8;left:16px;top:50%;display:flex;align-items:center;gap:18px;transform:translate(-43%,-50%) rotate(-90deg);transform-origin:center;color:#fff;text-transform:uppercase}
.hero-side-mark b{font:950 17px/1 var(--display);letter-spacing:.04em}.hero-side-mark span{color:#8d8983;font-size:7px;font-weight:900;letter-spacing:.2em}
@keyframes stageOrbit{to{transform:rotate(360deg)}}@keyframes orbitGlow{to{transform:translate3d(-4vw,2vh,0) rotate(8deg) scale(1.06)}}

/* The stub tears from left to right; it never opens like a lid. */
.main-ticket{--tear:0;overflow:visible;transform:rotate(1.2deg) translateZ(0)}
.main-ticket::before,.main-ticket::after{content:"";position:absolute;z-index:8;top:99px;left:calc(var(--tear) * 100%);pointer-events:none;opacity:clamp(0,calc(var(--tear) * 8),1)}
.main-ticket::before{width:38px;height:28px;border-radius:4px;background:linear-gradient(145deg,#fffaf0 0 42%,#d8cdbf 63%,#8f8172 68%,transparent 72%);clip-path:polygon(0 45%,12% 27%,24% 43%,37% 12%,50% 40%,65% 18%,78% 45%,100% 32%,90% 74%,69% 66%,53% 91%,34% 68%,16% 85%);box-shadow:5px 7px 12px rgba(0,0,0,.38);transform:translate(-48%,-54%) rotate(calc(-18deg + var(--tear) * 420deg))}
.main-ticket::after{width:52px;height:19px;background:repeating-linear-gradient(112deg,transparent 0 4px,rgba(255,250,240,.95) 5px 7px,transparent 8px 11px);clip-path:polygon(0 42%,14% 20%,25% 50%,39% 8%,51% 52%,65% 17%,78% 55%,100% 26%,92% 76%,74% 61%,58% 91%,41% 64%,22% 86%);transform:translate(-10px,-48%) rotate(-5deg);filter:drop-shadow(0 4px 3px rgba(0,0,0,.3))}
.ticket-reveal{position:absolute;z-index:2;left:0;right:0;top:0;height:105px;display:flex;justify-content:space-between;align-items:flex-start;padding:22px 18px;border-radius:17px 17px 0 0;background:linear-gradient(120deg,#d9342a,#f0543e);color:#fff;text-align:left}
.ticket-reveal b{font:950 23px/.95 var(--display);text-transform:uppercase}.ticket-reveal small{max-width:32%;font-size:8px;line-height:1.35;text-align:right;text-transform:uppercase}
.ticket-peel{z-index:6;clip-path:inset(0 0 0 calc(var(--tear) * 100%));transform:none!important;filter:drop-shadow(calc(var(--tear) * 5px) calc(var(--tear) * 8px) calc(var(--tear) * 5px) rgba(0,0,0,.28));transition:clip-path .09s linear,filter .12s linear}
.main-ticket[data-peel-state=idle] .ticket-peel{transition:clip-path .35s cubic-bezier(.16,1,.3,1),filter .25s}.main-ticket[data-peel-state=opening] .ticket-peel{transition:none}.tear-roll{display:none}
.main-ticket:hover{transform:translateY(-7px) rotate(.4deg)}

/* Seven visible tickets, all 28 programs remain in the moving fan. */
.ticket-fan{width:min(820px,72vw);height:230px}
.fan-ticket{width:112px;aspect-ratio:.66;padding:5px 5px 32px;border-radius:8px;background:#eee5d6;color:#17120f;opacity:0;pointer-events:none;visibility:hidden}
.fan-ticket.is-visible{opacity:var(--fan-o);pointer-events:auto;visibility:visible}
.fan-ticket::before,.fan-ticket::after{content:"";position:absolute;z-index:5;bottom:21px;width:9px;height:9px;border-radius:50%;background:#09090a}.fan-ticket::before{left:-5px}.fan-ticket::after{right:-5px}
.fan-art{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:4px;background:#111}.fan-art img{width:100%;height:100%;object-fit:cover}
.fan-stub{position:absolute!important;left:5px!important;right:5px!important;bottom:4px!important;height:23px;color:#17120f!important;border-top:1px dashed #8f8272;padding-top:4px;text-align:center;overflow:hidden}
.fan-stub b{display:block;font:950 7.4px/1 var(--display);white-space:nowrap;text-transform:uppercase}.fan-stub small{display:block;margin-top:2px;color:#716659;font-size:5.4px;font-weight:800;white-space:nowrap}
.fan-ticket.is-active{transform:translateX(calc(-50% + var(--fan-x))) translateY(calc(var(--fan-y) - 16px)) rotate(0) scale(calc(var(--fan-s) + .14))}
.fan-ticket:hover:not(.is-active){transform:translateX(calc(-50% + var(--fan-x))) translateY(calc(var(--fan-y) - 11px)) rotate(calc(var(--fan-r) * .55)) scale(calc(var(--fan-s) + .1))}
.city-events .poster-card{transform:perspective(900px) translateZ(0);transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s,filter .28s}.city-events .poster-card:hover{transform:perspective(900px) translateY(-10px) rotateX(1.5deg) rotateY(-1.5deg);box-shadow:0 28px 70px rgba(0,0,0,.4);filter:saturate(1.08)}

@media(max-width:760px){.intro-layout{inset:7vh 16px 6vh;display:block}.intro-grid-wrap{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}.intro-list{position:absolute;left:8px;right:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:7px 12px;text-align:center}.intro-list-left{top:6%}.intro-list-right{bottom:5%}.intro-list small{width:100%}.intro-list span:nth-child(n+5){display:none}.hero-side-mark{display:none}.hero-giant-name{top:39%;font-size:29vw}.ticket-fan{width:440px}.fan-ticket{width:76px}.main-ticket::before,.main-ticket::after{top:88px}.ticket-reveal{height:94px}}
@media(prefers-reduced-motion:reduce){.intro-scene{display:none}.home-hero::before,.stage-orbit{animation:none!important}}

/* Controlled index, selected project fan, then one-object handoff. */
.intro-list span{color:rgba(231,226,218,.32);transition:color .13s ease,transform .16s cubic-bezier(.16,1,.3,1),text-shadow .16s ease}
.intro-list-left span.is-hot{color:#fff;transform:translateX(6px);text-shadow:0 0 20px rgba(255,255,255,.22)}
.intro-list-right span.is-hot{color:#fff;transform:translateX(-6px);text-shadow:0 0 20px rgba(255,255,255,.22)}
.intro-poster.beat{border-color:rgba(255,255,255,.42);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 18px 46px rgba(0,0,0,.45)}
.intro-poster.beat img.is-current{transform:scale(1.025);filter:saturate(1.05) brightness(1.02)}
.intro-poster.focus img.is-current{filter:saturate(.86) brightness(.82)}
.intro-scene.is-locking .intro-lock{opacity:1}.intro-scene.is-locking .intro-poster.focus img.is-current{filter:saturate(1) brightness(.94)}
.intro-scene.is-selecting{background:radial-gradient(circle at 61% 45%,rgba(173,49,39,.24),transparent 34%),#0b0a0b}
.intro-scene.is-selecting .intro-grid-wrap{transform:translateY(-3vh)}
.intro-scene.is-selecting .intro-list{opacity:0;transform:translateY(18px)}
.intro-scene.is-selecting .intro-lock{opacity:0}
.intro-scene.is-selecting .intro-poster{animation:none;opacity:.82;filter:saturate(.8) brightness(.76)}
.intro-scene.is-selecting .intro-poster-0,.intro-scene.is-selecting .intro-poster-2,.intro-scene.is-selecting .intro-poster-6,.intro-scene.is-selecting .intro-poster-8{opacity:0;transform:scale(.45);pointer-events:none}
.intro-scene.is-selecting .intro-poster-1{z-index:2;transform:translate(-70%,105%) rotate(-7deg) scale(.92)}
.intro-scene.is-selecting .intro-poster-3{z-index:1;transform:translateX(-5%) rotate(-12deg) scale(.84)}
.intro-scene.is-selecting .intro-poster-4{z-index:6;opacity:1;transform:scale(1.55);filter:none;border-radius:8px;box-shadow:0 34px 90px rgba(0,0,0,.66)}
.intro-scene.is-selecting .intro-poster-5{z-index:1;transform:translateX(5%) rotate(12deg) scale(.84)}
.intro-scene.is-selecting .intro-poster-7{z-index:2;transform:translate(70%,-105%) rotate(7deg) scale(.92)}
.intro-scene.is-selecting .intro-statement{opacity:1;transform:none}
.intro-scene.is-selecting .intro-rail{opacity:1;transform:translate(-50%,0)}
.intro-scene.is-isolating .intro-statement,.intro-scene.is-isolating .intro-rail{opacity:0;transform:translate(-50%,18px)}
.intro-scene.is-isolating .intro-poster:not(.focus){opacity:0;filter:blur(2px) saturate(.45)}
.intro-scene.is-isolating .intro-poster-1{transform:translate(-155%,-75%) rotate(-18deg) scale(.54)}
.intro-scene.is-isolating .intro-poster-3{transform:translate(-145%,38%) rotate(-20deg) scale(.5)}
.intro-scene.is-isolating .intro-poster-5{transform:translate(145%,38%) rotate(20deg) scale(.5)}
.intro-scene.is-isolating .intro-poster-7{transform:translate(155%,-75%) rotate(18deg) scale(.54)}
.intro-poster.focus::before,.intro-poster.focus::after{position:absolute;z-index:4;left:6%;color:#171411;opacity:0;pointer-events:none;transition:opacity .32s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.intro-poster.focus::before{content:"16 февраля\A 2027, 19:00";top:5%;white-space:pre;font:950 clamp(9px,.8vw,14px)/.92 var(--display);transform:translateY(8px)}
.intro-poster.focus::after{content:"СЛАВА";bottom:3.5%;font:950 clamp(11px,1vw,17px)/1 var(--display);letter-spacing:-.04em;transform:translateY(-7px)}
.intro-scene.is-ticketing .intro-poster.focus{background:#eee9df;border-color:rgba(238,233,223,.9);box-shadow:0 34px 90px rgba(0,0,0,.66),0 0 0 1px rgba(255,255,255,.35)}
.intro-scene.is-ticketing .intro-poster.focus img.is-current{clip-path:inset(19% 3% 10% round 7px);filter:saturate(.92) brightness(.84)}
.intro-scene.is-ticketing .intro-poster.focus::before,.intro-scene.is-ticketing .intro-poster.focus::after{opacity:1;transform:none}
.intro-skip{transition:opacity .25s ease}
.intro-scene.is-isolating .intro-skip{opacity:0;pointer-events:none}
.intro-scene.is-handoff{background:rgba(8,8,9,.18)}
.intro-scene.is-handoff .intro-brand,.intro-scene.is-handoff .intro-statement,.intro-scene.is-handoff .intro-rail{opacity:0}
.intro-scene.is-handoff .intro-grid-wrap{transform:translateY(-3vh)}
.intro-scene.is-handoff .intro-poster:not(.focus){opacity:0;transform:translateY(58vh) scale(.38);filter:blur(2px)}
.intro-scene.is-handoff .intro-poster.focus{opacity:1;transform:translate(var(--intro-dx),var(--intro-dy)) scale(calc(var(--intro-ticket-x) * 1.55),calc(var(--intro-ticket-y) * 1.55));border-radius:15px;filter:saturate(.92) brightness(.82);box-shadow:0 34px 100px rgba(0,0,0,.72);transition-duration:.68s}
.intro-active .hero-copy,.intro-active .ticket-fan{opacity:0;transition:opacity .48s ease,transform .58s cubic-bezier(.16,1,.3,1)}
.intro-active .hero-copy{transform:translateY(18px)}.intro-active .ticket-fan{transform:translateX(-50%) translateY(22px)}
.intro-active.intro-handoff .hero-copy{opacity:1;transform:none}.intro-active.intro-handoff .ticket-fan{opacity:1;transform:translateX(-50%)}
.intro-active .main-ticket{opacity:0;visibility:hidden}.main-ticket{transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s ease}

@media(max-width:760px){.intro-layout{inset:8vh 16px 14vh;grid-template-columns:1fr}.intro-list{position:absolute;left:8px;right:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 11px;text-align:center}.intro-list-left{top:0}.intro-list-right{bottom:0}.intro-list small{width:100%}.intro-list span:nth-child(n+5){display:none}.intro-grid-wrap{width:100%;max-width:560px;margin:auto}.intro-statement{display:none}.intro-rail{bottom:6vh;justify-content:flex-start;gap:24px;overflow:hidden;padding:0 18px}.intro-rail span{font-size:17px}.intro-scene.is-selecting .intro-grid-wrap,.intro-scene.is-handoff .intro-grid-wrap{transform:translateY(-1vh)}}

/* Two moving spotlights, haze and dust deepen the hero without changing its layout. */
.stage-orbit{z-index:2;overflow:visible;isolation:isolate}
.stage-orbit::before,.stage-orbit::after{content:"";position:absolute;inset:-12%;pointer-events:none;mix-blend-mode:screen;filter:blur(3px);opacity:.7}
.stage-orbit::before{background:conic-gradient(from 205deg at 24% 0,transparent 0 31%,rgba(255,244,226,.13) 35%,transparent 39%);transform-origin:24% 0;animation:spotlightLeft 9s ease-in-out infinite alternate}
.stage-orbit::after{background:conic-gradient(from 152deg at 82% 0,transparent 0 35%,color-mix(in srgb,var(--scene) 34%,transparent) 40%,rgba(255,255,255,.07) 43%,transparent 48%);transform-origin:82% 0;animation:spotlightRight 11s ease-in-out infinite alternate}
.hero-atmosphere::before{content:"";position:absolute;z-index:2;inset:16% -8% -12% 32%;background:radial-gradient(ellipse at 58% 58%,color-mix(in srgb,var(--scene) 25%,transparent),transparent 44%),radial-gradient(ellipse at 35% 76%,rgba(255,255,255,.055),transparent 36%);filter:blur(28px);opacity:.72;animation:stageHaze 10s ease-in-out infinite alternate}
.stage-dust{position:absolute;z-index:4;inset:5% 0 0 36%;opacity:.46;mix-blend-mode:screen;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 88%,transparent)}
.stage-dust::before,.stage-dust::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.82) 0 1px,transparent 1.5px),radial-gradient(circle,color-mix(in srgb,var(--scene) 65%,white) 0 1px,transparent 1.7px);background-position:7% 18%,61% 43%;background-size:83px 91px,127px 139px;animation:dustDrift 18s linear infinite}
.stage-dust::after{opacity:.5;transform:scale(1.2);background-size:151px 163px,97px 121px;animation-duration:25s;animation-direction:reverse}
.stage-particle{position:absolute;z-index:3;left:var(--particle-x);top:var(--particle-y);width:var(--particle-size);aspect-ratio:1;border-radius:50%;transform:translate3d(var(--push-x,0),var(--push-y,0),0);transition:transform .72s cubic-bezier(.16,1,.3,1);will-change:transform}
.stage-particle::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:rgba(255,248,233,.92);box-shadow:0 0 8px color-mix(in srgb,var(--scene) 48%,white);animation:particleBreathe 4.8s var(--particle-delay) ease-in-out infinite alternate}
.stage-light{opacity:1;animation:stageBeamLive 7.2s ease-in-out infinite alternate}
@keyframes spotlightLeft{0%{transform:rotate(-10deg) translateX(-3%)}100%{transform:rotate(13deg) translateX(4%)}}
@keyframes spotlightRight{0%{transform:rotate(11deg) translateX(4%)}100%{transform:rotate(-12deg) translateX(-5%)}}
@keyframes stageHaze{to{transform:translate3d(-5%,3%,0) scale(1.08);opacity:.9}}
@keyframes dustDrift{to{transform:translate3d(-38px,-72px,0)}}
@keyframes particleBreathe{from{opacity:.28;transform:translate3d(-2px,3px,0) scale(.7)}to{opacity:1;transform:translate3d(4px,-5px,0) scale(1.25)}}
@keyframes stageBeamLive{from{transform:translate3d(var(--light-x,0),var(--light-y,0),0) rotate(-8deg) translateX(1vw)}to{transform:translate3d(var(--light-x,0),var(--light-y,0),0) rotate(14deg) translateX(-4vw)}}
@media(prefers-reduced-motion:reduce){.stage-orbit::before,.stage-orbit::after,.hero-atmosphere::before,.stage-dust::before,.stage-dust::after,.stage-particle::before,.stage-light{animation:none!important}}
@media(max-width:480px){.ticket-fan{width:410px}.fan-ticket{width:70px}}