.event-opening{position:relative;isolation:isolate;overflow:hidden;min-height:480px}.event-opening>.eyebrow,.event-opening>h1,.event-opening>.opening-bottom{position:relative;z-index:2}.event-opening h1{max-width:68%}.chrome-scene{position:absolute;right:1%;top:0;width:42%;height:100%;pointer-events:none;z-index:0;background:radial-gradient(ellipse,#bccedf0b,transparent 65%)}.chrome-scene canvas{width:100%;height:100%;display:block;mask-image:linear-gradient(transparent,#000 15%,#000 80%,transparent)}.chrome-scene:not(.chrome-ready):after{content:"";position:absolute;width:52%;aspect-ratio:1;left:24%;top:22%;border:22px solid #b6c3d1;border-radius:43% 57% 61% 39%;transform:rotate(-25deg);box-shadow:inset 8px 3px 10px #fff8,inset -12px -8px 20px #10151a,7px 2px 16px #ffffff15;opacity:.5}.event-opening h1 em{display:inline-block;filter:url('#mirage-refraction');text-shadow:0 0 32px #cedbea10}
#artists .lineup-lights{transition:filter 1.2s,opacity 1.2s}#artists[data-artist="0"] .lineup-lights{filter:sepia(.16);transform:scaleX(1)}#artists[data-artist="1"] .lineup-lights{filter:sepia(.15) hue-rotate(160deg);transform:scaleX(-1)}#artists[data-artist="2"] .lineup-lights{filter:grayscale(1) brightness(.8);transform:rotate(180deg)}#artists .artist-poster:not([hidden]){animation:artist-scene-enter .65s ease both}@keyframes artist-scene-enter{from{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:760px){.event-opening{min-height:470px}.event-opening h1{max-width:100%}.chrome-scene{width:75%;height:75%;top:15%;right:-20%;opacity:.23}.opening-bottom{position:relative;z-index:2}}
@media(prefers-reduced-motion:reduce){.event-opening h1 em{filter:none}#artists .artist-poster:not([hidden]){animation:none}#artists .lineup-lights{transition:none}}
#artists .lineup-lights{transition:filter 1.2s ease,transform 1.2s ease,opacity 1.2s ease}#artists:not(.is-playing) .lineup-lights:before{opacity:.12}#artists:not(.is-playing) .lineup-lights:after{opacity:.1}body.ambient-on #artists .lineup-lights:before{opacity:calc(.35 + var(--ambient-beat,0)*.6)}body.ambient-on #artists .lineup-lights:after{opacity:calc(.3 + var(--ambient-beat,0)*.6)}
/* Refine the opening: a quiet sculpture, clean type and clear spacing. */
.event-opening{min-height:520px;padding-top:74px;padding-bottom:64px;background:radial-gradient(ellipse 38% 80% at 78% 42%,#c9d8e80a,transparent 75%)}.event-opening h1{max-width:66%;font-size:clamp(42px,5.1vw,78px);line-height:1.3;margin:30px 0 38px;letter-spacing:-.025em}.event-opening h1 em{color:#d5dce4;text-shadow:none}.chrome-scene{right:1%;top:0;width:35%;height:85%;opacity:.9;mask-image:radial-gradient(ellipse,#000 45%,transparent 78%)}.event-opening .opening-bottom{max-width:100%;align-items:center;margin-top:50px}.opening-bottom>a{padding:14px 0;font-size:10px;border-bottom:1px solid #cdd9e33b;transition:color .3s,border-color .3s}.opening-bottom>a:hover{color:#fff;border-color:#cdd9e3}.event-opening>.eyebrow{opacity:.65;letter-spacing:.08em;font-size:10px}
@media(min-width:761px) and (max-width:1050px){.event-opening h1{max-width:72%;font-size:clamp(40px,5.2vw,56px)}.chrome-scene{right:-6%;width:40%;opacity:.65}}
@media(max-width:760px){.event-opening{min-height:0;padding-top:44px;padding-bottom:42px}.event-opening h1{position:relative;max-width:100%;font-size:clamp(34px,8.7vw,57px);line-height:1.38;letter-spacing:-.03em;margin:25px 0 0}.chrome-scene{position:relative;top:auto;right:auto;width:100%;height:230px;margin:0 auto;opacity:.8;mask-image:radial-gradient(ellipse,#000 40%,transparent 75%)}.event-opening>.eyebrow{margin-top:0}.event-opening>.chrome-scene{position:absolute;top:120px;right:-33%;width:100%;height:290px;opacity:.15}.event-opening .opening-bottom{margin-top:60px;gap:24px;align-items:start;flex-direction:column}.opening-bottom p{max-width:260px;line-height:1.8}.opening-bottom>a{font-size:10px;padding:10px 0}}
.chrome-scene{pointer-events:auto;touch-action:pan-y}.chrome-scene:before{content:"";position:absolute;left:25%;right:25%;top:72%;height:8%;border-radius:50%;background:radial-gradient(ellipse,#cbd9e922,transparent 72%);filter:blur(13px);pointer-events:none;opacity:.65;transform:scaleY(.45)}.chrome-scene canvas{position:relative;z-index:1}.chrome-scene:not(.chrome-ready):before{display:none}@media(max-width:760px){.event-opening>.chrome-scene{pointer-events:none}}@media(prefers-reduced-motion:reduce){.chrome-scene:before{opacity:.4}}
/* Crossfade stable lighting layers instead of flipping the visible scene. */
#artists[data-artist] .lineup-lights[data-light-artist]{opacity:0;filter:none;transform:none;transition:opacity 1.35s cubic-bezier(.22,.61,.36,1);will-change:opacity}
#artists[data-artist] .lineup-lights[data-light-artist="1"]{transform:scaleX(-1)}
#artists[data-artist] .lineup-lights[data-light-artist="2"]{transform:rotate(180deg)}
#artists[data-artist="0"] .lineup-lights[data-light-artist="0"],#artists[data-artist="1"] .lineup-lights[data-light-artist="1"],#artists[data-artist="2"] .lineup-lights[data-light-artist="2"]{opacity:1}
#artists .lineup-lights[data-light-artist]:before{animation:disco-sweep 8s ease-in-out infinite;animation-play-state:paused;transition:opacity 1.4s ease}
#artists .lineup-lights[data-light-artist]:after{animation:disco-reflections 11s ease-in-out infinite alternate;animation-play-state:paused;transition:opacity 1.4s ease}
#artists.is-playing .lineup-lights[data-light-artist]:before,#artists.is-playing .lineup-lights[data-light-artist]:after,body.ambient-on #artists .lineup-lights[data-light-artist]:before,body.ambient-on #artists .lineup-lights[data-light-artist]:after{animation-play-state:running}
@media(prefers-reduced-motion:reduce){#artists[data-artist] .lineup-lights[data-light-artist]{transition:none;will-change:auto}#artists .lineup-lights[data-light-artist]:before,#artists .lineup-lights[data-light-artist]:after{animation:none}}
