.program-scene{position:relative;z-index:1;height:500vh;height:500svh}.program-scene__sticky{position:fixed;z-index:2;top:0;left:0;right:0;height:100vh;height:100svh;padding:112px 24px 32px;pointer-events:none}.program-scene__stage{position:relative;width:100%;max-width:1400px;height:100%;margin:0 auto;pointer-events:none;--award-mask: linear-gradient(to bottom, #000 var(--award-fade-start, 100%), rgba(0, 0, 0, .85) calc(var(--award-fade-start, 100%) + var(--award-fade-size, 0px) * .25), rgba(0, 0, 0, .5) calc(var(--award-fade-start, 100%) + var(--award-fade-size, 0px) * .5), rgba(0, 0, 0, .15) calc(var(--award-fade-start, 100%) + var(--award-fade-size, 0px) * .75), transparent var(--award-fade-end, 100%));-webkit-mask-image:var(--award-mask);mask-image:var(--award-mask);clip-path:inset(0 0 var(--award-clip-bottom, 0px) 0)}.program-scene__title{position:absolute;top:53.5%;z-index:0;transform:translateY(calc(-50% + var(--title-scroll-y, 0px)));opacity:var(--title-opacity, 1);will-change:transform,opacity;left:0;width:100%;margin:0;color:#f5eeff;text-align:center;font-family:Poppins,sans-serif;font-size:clamp(28px,5.8vw,84px);font-weight:800;letter-spacing:-.055em;line-height:1.08}.program-scene__viewport{position:absolute;z-index:1;transform:translateY(-24px);top:18%;bottom:11%;left:28%;width:44%}.program-scene__signature{position:absolute;bottom:3%;width:100%;margin:0;text-align:center;color:#d8baf4;font-family:Poppins,sans-serif;font-size:clamp(10px,1.3vw,17px);font-weight:600;letter-spacing:.25em}.program-scene__viewport:before,.program-scene__viewport:after{content:"";position:absolute;z-index:0;left:50%;bottom:3%;transform:translate(-50%,50%);border-radius:50%;pointer-events:none}.program-scene__viewport:before{width:70%;height:16%;background:radial-gradient(ellipse at 35% 50%,#8bd6ec30,transparent 55%),radial-gradient(ellipse,#a855f744,#6a1bb130 38%,transparent 72%);filter:blur(7px)}.program-scene__viewport:after{width:30%;height:5%;background:radial-gradient(ellipse,#030107a6,#08021050 40%,transparent 72%);filter:blur(3px)}.program-scene__reflection{position:absolute;top:98%;left:0;width:100%;height:32%;z-index:0;opacity:.28;filter:blur(1.5px);pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000,#0006 35%,transparent 85%);mask-image:linear-gradient(180deg,#000,#0006 35%,transparent 85%)}.program-scene__reflection canvas{transform:scaleY(-1)}.program-scene__albums{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(100% - 48px);max-width:1400px;margin:0 auto;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent var(--album-mask-top, 0px),#000 calc(var(--album-mask-top, 0px) + 90px));mask-image:linear-gradient(to bottom,transparent var(--album-mask-top, 0px),#000 calc(var(--album-mask-top, 0px) + 90px))}.program-scene__album{position:absolute;isolation:isolate;top:var(--album-offset);width:min(25%,310px);margin:0;opacity:var(--album-opacity, 0);transform:translate(var(--album-x, 0px)) rotate(var(--album-rotation, 0deg));will-change:transform,opacity}.program-scene__album--left{left:1%}.program-scene__album--right{right:1%}.program-scene__album-glow{position:absolute;z-index:-1;width:175%;aspect-ratio:1;left:-37.5%;top:-15%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 28% 35%,rgb(var(--album-accent) / .27),transparent 55%),radial-gradient(ellipse at 60% 55%,rgb(var(--album-light) / .32),transparent 65%);filter:blur(22px)}.program-scene__album>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:8px;box-shadow:0 16px 60px #0005}.program-scene__album-meta{display:flex;justify-content:space-between;margin:18px 0 7px;color:#bc99d5;font-size:10px;letter-spacing:.18em}.program-scene__album-name{display:block;color:#f5eeff;font-family:Poppins,sans-serif;font-size:clamp(14px,1.6vw,22px);font-weight:600;line-height:1.3;letter-spacing:-.025em}.program-scene__album-description{display:block;margin:6px 0 0;color:#c7b7d4;font-size:11px;line-height:1.6;white-space:pre-line}.program-scene__album-song{display:block;margin-top:16px;color:#e0c7f4;font-size:11px;font-weight:600}.program-scene__viewport canvas,.program-scene__poster{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.program-scene__poster{object-fit:contain}.program-scene__poster--hidden{visibility:hidden}@media(min-width:1024px){.program-scene__albums{width:calc(100% - 96px)}.program-scene__sticky{padding:176px 48px 40px}}@media(max-width:639px){.program-scene__sticky{padding:118px 20px 20px}.program-scene__title{top:36.5%;font-size:clamp(25px,8.5vw,46px)}.program-scene__viewport{top:15%;bottom:42%;left:20%;width:60%}.program-scene__signature{top:58%;bottom:auto;font-size:9px;letter-spacing:.18em}.program-scene__albums{width:calc(100% - 40px)}.program-scene__album{width:32%}.program-scene__album--left{left:0}.program-scene__album--right{right:0}.program-scene__album-meta{margin:9px 0 4px;font-size:8px}.program-scene__album-name{font-size:12px}.program-scene__album-description{font-size:10px}}@media(min-width:640px)and (max-height:650px){.program-scene__album{width:min(24%,33svh)}.program-scene__title{font-size:clamp(28px,4.5vw,54px)}.program-scene__album-meta{margin-top:8px}.program-scene__album-name{font-size:14px}}@media(prefers-reduced-motion:reduce){.program-scene{height:auto}.program-scene__sticky{position:relative;height:auto}.program-scene__stage{mask-image:none;-webkit-mask-image:none;clip-path:none}.program-scene__title{position:relative;top:auto;transform:none;opacity:1;will-change:auto}.program-scene__viewport{position:relative;inset:auto;width:100%;height:48svh}.program-scene__signature{position:relative;inset:auto;margin:12px 0 48px}.program-scene__albums{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;max-width:850px;margin:auto;mask-image:none;-webkit-mask-image:none}.program-scene__album{position:relative;inset:auto;width:100%;opacity:1;transform:none;will-change:auto}}.stage-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:#0b0614;contain:strict}.stage-background__glow,.stage-background__curtains,.stage-background__dust,.stage-background__vignette{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.stage-background__glow{background:radial-gradient(ellipse at 50% 4%,#7224b02e,transparent 54%),radial-gradient(ellipse at 15% 80%,#23477745,transparent 46%),radial-gradient(ellipse at 85% 80%,#23477745,transparent 46%),radial-gradient(ellipse at 50% 115%,#152c584d,transparent 59%)}.stage-background__curtains{opacity:.68;transform:translateY(var(--curtain-shift, 0px))}.stage-background__beam{position:absolute;top:-12%;width:32%;height:100%;transform-origin:50% 0;translate:0 var(--beam-shift, 0px);filter:blur(20px)}.stage-background__beam:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#cb80ff66 0%,#a342ef26 34%,#7726bd0d 62%,transparent 86%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%)}.stage-background__beam--left{left:14%;transform:rotate(-24deg)}.stage-background__beam--right{right:14%;transform:rotate(24deg);opacity:.8}.stage-background__floor{position:absolute;top:81%;bottom:0;left:0;right:0;background:radial-gradient(ellipse at 24% 12%,#6598d125,transparent 46%),radial-gradient(ellipse at 76% 12%,#6598d125,transparent 46%),linear-gradient(180deg,#070d1820,#050a13bf 42%,#04050de6);-webkit-mask-image:linear-gradient(180deg,transparent,#000 28%);mask-image:linear-gradient(180deg,transparent,#000 28%)}.stage-background__floor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 38px,#a6d5ef08 39px,transparent 40px);transform:perspective(500px) rotateX(55deg) scale(1.4);transform-origin:50% 100%;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 72%);mask-image:radial-gradient(ellipse,#000,transparent 72%)}.stage-background__haze{position:absolute;bottom:-13%;width:85%;height:48%;translate:0 var(--haze-shift, 0px)}.stage-background__haze:before{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;filter:blur(28px);animation:stage-mist-drift 28s ease-in-out infinite alternate;will-change:transform;background:radial-gradient(ellipse at 22% 52%,#73a8da32,transparent 25%),radial-gradient(ellipse at 48% 66%,#345f994d,transparent 34%),radial-gradient(ellipse at 75% 43%,#537fae30,transparent 23%),radial-gradient(ellipse at 44% 86%,#112c5a80,transparent 52%)}.stage-background__haze--left{left:-28%;transform:rotate(-16deg)}.stage-background__haze--right{right:-28%;transform:rotate(16deg) scaleX(-1)}.stage-background__album-light{position:absolute;top:22%;bottom:8%;width:75%;filter:blur(25px);pointer-events:none}.stage-background__album-light--left{left:-22%;opacity:var(--album-left-strength, 0);background:radial-gradient(ellipse,rgb(var(--album-left-color, 168 85 247) / .5),transparent 68%)}.stage-background__album-light--right{right:-22%;opacity:var(--album-right-strength, 0);background:radial-gradient(ellipse,rgb(var(--album-right-color, 168 85 247) / .5),transparent 68%)}@keyframes stage-mist-drift{0%{transform:translate3d(-4%,2%,0) scale(1)}to{transform:translate3d(5%,-3%,0) scale(1.06)}}.stage-background[data-paused=true] .stage-background__haze:before{animation-play-state:paused}.stage-background__dust{opacity:.38;background:radial-gradient(circle at 12% 65%,#dab5fa 0 1px,transparent 2px),radial-gradient(circle at 8% 82%,#a879d5 0 1px,transparent 2px),radial-gradient(circle at 27% 90%,#c39adc 0 .7px,transparent 2px),radial-gradient(circle at 79% 73%,#ca9ef0 0 1px,transparent 2px),radial-gradient(circle at 92% 56%,#dab5fa 0 .7px,transparent 2px),radial-gradient(circle at 85% 92%,#a879d5 0 .7px,transparent 2px)}.stage-background__vignette{background:radial-gradient(ellipse at 50% 45%,#0b061430 15%,transparent 60%),linear-gradient(180deg,#0b061410,transparent 65%,#0b061433)}@media(max-width:639px){.stage-background__curtains{opacity:.48}.stage-background__beam{width:46%;height:78%;opacity:.65;filter:blur(9px)}.stage-background__beam--left{left:1%;transform:rotate(-18deg)}.stage-background__beam--right{right:1%;transform:rotate(18deg)}.stage-background__haze{width:110%;opacity:.7}.stage-background__haze:before{filter:blur(20px)}.stage-background__floor{top:58%}}@media(prefers-reduced-motion:reduce){.stage-background__curtains{transform:none}.stage-background__beam,.stage-background__haze{translate:none}.stage-background__haze:before{animation:none;transform:none;will-change:auto}}