/* Concert reveal: an LED-style stage wall lifts away from the real hero. */
.stage-blackout{background:radial-gradient(#b9d9ff12 .6px,transparent .8px) 0 0/5px 5px,linear-gradient(135deg,#080b10,#010203 65%);will-change:transform;backface-visibility:hidden;mask-image:none!important;-webkit-mask-image:none!important}
.stage-blackout:after{top:auto;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#91c7ff,#fff,#91c7ff,transparent);box-shadow:0 0 25px #86bfff66}
.concert-flash{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:0;background:radial-gradient(ellipse at var(--flash-x,12%) 12%,#fff 0%,#e0f0ffbb 1.5%,#9ecfff25 5%,transparent 10%)}
.hero>.concert-flash{z-index:0}
.concert-blinders{position:absolute;top:0;left:20px;right:20px;height:10px;pointer-events:none;display:flex;justify-content:space-around;z-index:2;opacity:0}
.concert-blinders i{width:18px;height:5px;background:#f3f9ff;border-radius:1px;box-shadow:0 0 25px 9px #b9dfff55}
.stage-ray{filter:blur(5px);background:linear-gradient(180deg,var(--ray-color),transparent 98%)}
.stage-ray:before{background:linear-gradient(180deg,#ffffffcc,#ffffff11 85%);clip-path:polygon(49% 0,51% 0,57% 100%,43% 100%)}
.headline-entrance .entrance-title{text-shadow:0 0 45px #bad5ff12}
.headline-entrance .entrance-enter{box-shadow:0 0 0 1px #ffffff12,0 10px 40px #0008}
@media(max-width:600px){.concert-blinders i{width:10px;height:4px}.stage-ray{filter:blur(4px)}}
@media(prefers-reduced-motion:reduce){.concert-flash,.concert-blinders{display:none}.stage-blackout{transform:none!important}}
.motion-off .concert-flash,.motion-off .concert-blinders{display:none}
/* The LED pixels are part of the show, rather than a static texture. */
.led-pixel-wall{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;mix-blend-mode:screen}
.stage-blackout>.led-pixel-wall{opacity:1}
.hero>.led-pixel-wall{mask-image:linear-gradient(0deg,transparent,#000 20%,#000 80%,transparent)}
@media(prefers-reduced-motion:reduce){.led-pixel-wall{display:none}}
.motion-off .led-pixel-wall{display:none}
/* The LED name itself performs the reveal. */
.headline-entrance .cue-two{display:none!important}
.headline-entrance>.led-pixel-wall{z-index:2;opacity:0}
.headline-entrance.photo-beat>.led-pixel-wall{opacity:0!important}

/* Clean solid wordmark at the headliner reveal. */
.headline-entrance .entrance-stage-cue .cue-two{display:block!important;font-family:Inter,Arial,sans-serif;font-weight:900;font-size:clamp(34px,12vw,210px);letter-spacing:-.045em;white-space:nowrap;padding-inline:20px;box-sizing:border-box;width:100%;text-shadow:0 0 38px #bedfff40}
.motion-on .headline-entrance.departing .entrance-stage-cue .cue-two{animation:solid-wordmark-reveal 3.05s var(--name-delay) both!important}
@keyframes solid-wordmark-reveal{0%{opacity:0;transform:translateY(24px) scale(.96)}18%,76%{opacity:1;transform:translateY(0) scale(1)}84%{opacity:1;transform:translateY(0) scale(1.04)}100%{opacity:0;transform:translateY(0) scale(1.08)}}

/* The wordmark takes the spotlight on the shared MATT cue. */
.headline-entrance .entrance-stage-cue .cue-two{position:relative;isolation:isolate}
.headline-entrance .cue-two:after{content:'';position:absolute;inset:-45% -10%;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 36%,#b8dcff22 43%,#fff9 50%,#b8dcff22 57%,transparent 64%);mix-blend-mode:screen;transform:translateX(-85%)}
.motion-on .headline-entrance.departing .entrance-stage-cue .cue-two{animation:headline-wordmark-impact 3.65s var(--name-delay) both!important}
.motion-on .headline-entrance.departing .cue-two:after{animation:wordmark-spot-sweep 1.1s var(--wordmark-hit) both}
@keyframes headline-wordmark-impact{0%{opacity:0;transform:translateY(24px) scale(.95)}15%,63%{opacity:1;transform:translateY(0) scale(1);text-shadow:0 0 28px #b9dcff40}65.75%{opacity:1;transform:translateY(0) scale(1.075);text-shadow:0 0 18px #fff9,0 0 75px #9bd1ff99}73%{opacity:1;transform:translateY(0) scale(1.015)}100%{opacity:0;transform:translateY(-5px) scale(1.025);text-shadow:0 0 32px #b9dcff00}}
@keyframes wordmark-spot-sweep{0%{opacity:0;transform:translateX(-85%)}12%{opacity:.9}75%{opacity:.6}100%{opacity:0;transform:translateX(85%)}}
.stage-ray{filter:blur(3px);height:160%}.stage-haze{background:radial-gradient(ellipse at 50% 60%,#76a4d528,transparent 70%)}
@media(max-width:600px){.stage-ray:nth-child(n+5){display:block}.stage-ray{filter:blur(3px)}}
@media(prefers-reduced-motion:reduce){.headline-entrance .cue-two:after{display:none}}
.motion-off .headline-entrance .cue-two:after{display:none}

/* Original website wordmark: Industry Inc Base with its original tracking. */
.headline-entrance .entrance-stage-cue .cue-two{font-family:"industry-inc-base",sans-serif;font-weight:400;font-size:clamp(28px,10.1vw,178px);letter-spacing:.1em;text-transform:uppercase;line-height:1.15}
.headline-entrance .cue-two sup{font-family:Arial,sans-serif;font-size:.14em;letter-spacing:0;vertical-align:top;position:relative;top:.15em;margin-left:.15em}

/* Stable compositor layers and one spotlight peak, followed by a clean photo hold. */
.stadium-lights{transition:none!important}.stage-ray{will-change:transform,opacity;filter:none!important}
.headline-entrance .cue-two{will-change:transform,opacity}
.motion-on .headline-entrance.departing .cue-two:after{animation:single-wordmark-spot 1.25s var(--wordmark-hit) both}
@keyframes single-wordmark-spot{0%{opacity:1;transform:translateX(0) scale(1.06)}100%{opacity:0;transform:translateX(16%) scale(1.15)}}
.headline-entrance .cue-two:after{background:radial-gradient(ellipse at center,#fff8 0%,#b8dcff33 32%,transparent 68%);inset:-65% -10%}

/* The wordmark arrives just ahead of the spoken name, then punches on MATT. */
.motion-on .headline-entrance.departing .entrance-stage-cue .cue-two{animation:wordmark-vocal-slam var(--wordmark-duration,2.57s) var(--name-delay,5.88s) both!important}
@keyframes wordmark-vocal-slam{0%{opacity:0;transform:translateY(18px) scale(1.15)}7%{opacity:1;transform:translateY(0) scale(.985)}13%,48%{opacity:1;transform:translateY(0) scale(1);text-shadow:0 0 28px #b9dcff40}51.36%{opacity:1;transform:translateY(0) scale(1.075);text-shadow:0 0 18px #fff9,0 0 75px #9bd1ff99}64%{opacity:1;transform:translateY(0) scale(1.015)}100%{opacity:0;transform:translateY(-5px) scale(1.025);text-shadow:0 0 32px #b9dcff00}}
/* Long shafts stay continuous to the hero floor, even during wide-angle sweeps. */
.hero>.stadium-lights .stage-ray,.headline-entrance>.stadium-lights .stage-ray{height:360%;background:linear-gradient(180deg,var(--ray-color) 0%,var(--ray-color) 42%,transparent 100%)}
.hero>.stadium-lights .stage-ray:before,.headline-entrance>.stadium-lights .stage-ray:before{background:linear-gradient(180deg,#ffffffb3 0%,#ffffff24 65%,transparent 100%)}