/* The scrolling band is a red dot-matrix LED display, with the original brand emblem. */
.color-marquee{scroll-margin-top:180px}
.color-marquee{position:relative;isolation:isolate;background:#050505;color:#ff463b;padding:29px 0;border-top:9px solid #25262a;border-bottom:9px solid #1a1b1e;box-shadow:inset 0 4px 9px #000,inset 0 -4px 9px #000,0 3px 0 #090909;overflow:hidden}
.color-marquee:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 2px 2px,#35130e 1px,#0b0807 1.3px,transparent 1.7px) 0 0/4px 4px,repeating-linear-gradient(90deg,transparent 0,transparent 319px,#000 319px,#000 321px);box-shadow:inset 0 0 25px 5px #000;pointer-events:none}
.color-marquee:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 5%,transparent 95%,#0008);pointer-events:none}
.marquee-track{position:relative;animation-duration:32s;will-change:transform}
.marquee-set{min-width:100vw;justify-content:space-around;gap:52px;padding-right:52px;align-items:center;line-height:1.35}
.marquee-set>span:not(.led-brand-star){font-family:'Courier New',monospace;font-size:40px;letter-spacing:3px;font-weight:900;color:#ff3c30;background:radial-gradient(circle at 2px 2px,#ff5b46 1.35px,#ff291c 1.55px,transparent 1.75px) 0 0/4px 4px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 3px #ff2c2070)}
.led-brand-star{display:block;flex:0 0 43px;width:43px;height:43px;background:radial-gradient(circle at 1.5px 1.5px,#ff5743 1px,#ff2a20 1.15px,transparent 1.4px) 0 0/3px 3px;-webkit-mask:url('assets/sevenled-star.svg') center/contain no-repeat;mask:url('assets/sevenled-star.svg') center/contain no-repeat;filter:drop-shadow(0 0 3px #ff2d2275)}
.hero-cinema .scene-button.is-active i:after{animation:none;transform:scaleX(0)}
.hero-cinema.is-playing .scene-button.is-active i:after{animation:scene-progress 7500ms linear both}
@media(max-width:600px){.color-marquee{padding:25px 0;border-top-width:7px;border-bottom-width:7px}.marquee-set{gap:34px;padding-right:34px}.marquee-set>span:not(.led-brand-star){font-size:32px;letter-spacing:2px}.led-brand-star{flex-basis:35px;width:35px;height:35px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none!important;will-change:auto}.hero-cinema .scene-button.is-active i:after{transform:scaleX(1)}}