html.ch24-preloader-active,
html.ch24-preloader-active body{overflow:hidden!important}

html.ch24-preloader-skip #ch24-preloader{display:none!important}
#ch24-preloader{position:fixed;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:9999999;background:radial-gradient(circle at 72% 50%,#171717 0%,#090909 45%,#020202 100%);opacity:1;visibility:visible;transition:opacity .76s ease,visibility .76s ease;isolation:isolate}
#ch24-preloader::after{content:"";position:absolute;inset:-20%;pointer-events:none;opacity:.055;background-image:repeating-radial-gradient(circle,rgba(255,255,255,.4) 0,transparent 1px,transparent 3px);background-size:5px 5px;animation:ch24CpGrain .2s steps(2) infinite;z-index:8}
#ch24-preloader.ch24-preloader-hidden{opacity:0;visibility:hidden;pointer-events:none}
.ch24-cp-stage{position:relative;width:min(1050px,94vw);height:min(520px,82vh)}

.ch24-cp-projector{position:absolute;left:7%;top:50%;width:190px;height:170px;transform:translateY(-50%);z-index:5}
.ch24-cp-projector-body{position:absolute;left:15px;bottom:20px;width:140px;height:82px;border-radius:13px;background:linear-gradient(145deg,#41454b,#191b1f 60%,#0c0d10);border:1px solid rgba(255,255,255,.17);box-shadow:inset 0 2px 3px rgba(255,255,255,.13),inset 0 -8px 14px rgba(0,0,0,.55),0 20px 35px rgba(0,0,0,.65)}
.ch24-cp-body-detail{position:absolute;left:22px;bottom:18px;width:45px;height:8px;border-radius:10px;background:#080808;box-shadow:inset 0 1px 2px rgba(255,255,255,.06)}
.ch24-cp-lens{position:absolute;right:-37px;top:23px;width:45px;height:40px;border-radius:5px 18px 18px 5px;background:linear-gradient(90deg,#111,#363636,#070707);border:1px solid rgba(255,255,255,.18);z-index:8}
.ch24-cp-lens::after{content:"";position:absolute;right:-6px;top:5px;width:11px;height:30px;border-radius:50%;background:#fff3c8;box-shadow:0 0 10px #fff4c8,0 0 25px #ffd978,0 0 48px rgba(255,213,105,.9)}
.ch24-cp-lens::before{content:"";position:absolute;right:-26px;top:50%;width:38px;height:38px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,245,1) 0%,rgba(255,238,173,.85) 28%,rgba(255,211,105,.35) 55%,transparent 76%);filter:blur(4px);pointer-events:none;animation:ch24CpLensFlare 1.3s ease-in-out infinite alternate}
.ch24-cp-lens-glow{position:absolute;right:-22px;top:8px;width:35px;height:24px;background:rgba(255,232,155,.55);filter:blur(11px);animation:ch24CpLensPulse 1.2s ease-in-out infinite alternate}

.ch24-cp-reel{position:absolute;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle,#0c0d0f 0 10%,#44484e 11% 17%,#17191d 18% 64%,#4a4e54 65% 70%,#101010 71%);border:2px solid #575c64;box-shadow:inset 0 0 15px rgba(0,0,0,.9),0 8px 17px rgba(0,0,0,.55);animation:ch24CpSpin 1.9s linear infinite}
.ch24-cp-reel-one{top:5px;left:8px}.ch24-cp-reel-two{top:3px;left:80px;width:70px;height:70px;animation-duration:2.3s}
.ch24-cp-reel span{position:absolute;width:16px;height:16px;border-radius:50%;background:#050505;box-shadow:inset 0 0 4px #000}.ch24-cp-reel span:nth-child(1){top:8px;left:31px}.ch24-cp-reel span:nth-child(2){top:23px;right:8px}.ch24-cp-reel span:nth-child(3){bottom:9px;right:18px}.ch24-cp-reel span:nth-child(4){bottom:9px;left:18px}.ch24-cp-reel span:nth-child(5){top:23px;left:8px}
.ch24-cp-projector-stand{position:absolute;left:72px;bottom:1px;width:15px;height:32px;background:linear-gradient(#383b40,#111)}.ch24-cp-projector-stand::after{content:"";position:absolute;width:70px;height:8px;left:-28px;bottom:-5px;border-radius:50%;background:#111}

.ch24-cp-light-beam{position:absolute;left:calc(7% + 169px);top:calc(50% + 26px);right:8%;width:auto;height:285px;transform:translateY(-50%) perspective(700px) rotateY(-3deg) scaleX(1);transform-origin:left center;clip-path:polygon(0 49%,100% 5%,100% 95%,0 51%);background:linear-gradient(90deg,rgba(255,240,183,.70) 0%,rgba(255,238,174,.45) 10%,rgba(255,239,184,.26) 30%,rgba(255,246,218,.13) 62%,rgba(255,255,255,.025) 100%);filter:blur(.5px);opacity:.88;z-index:2;animation:ch24CpBeamIn 1.1s ease forwards,ch24CpBeamFlicker 2.4s ease-in-out infinite}
.ch24-cp-light-beam::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 50%,rgba(255,240,190,.25),transparent 65%);filter:blur(28px)}

.ch24-cp-projection-icons{position:absolute;right:9%;top:calc(50% + 26px);width:230px;height:230px;transform:translateY(-50%);z-index:4}
.ch24-cp-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.55) translateX(-40px);filter:blur(8px) drop-shadow(0 0 12px rgba(255,237,180,.7));animation:ch24CpProjectionCycle 7.2s ease-in-out infinite}
.ch24-cp-icon svg{width:118px;height:118px;fill:none;stroke:rgba(255,246,218,.96);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(255,220,130,.4))}.ch24-cp-icon-5 svg{fill:rgba(255,245,215,.12)}
.ch24-cp-icon-1{animation-delay:0s}.ch24-cp-icon-2{animation-delay:1.2s}.ch24-cp-icon-3{animation-delay:2.4s}.ch24-cp-icon-4{animation-delay:3.6s}.ch24-cp-icon-5{animation-delay:4.8s}.ch24-cp-icon-6{animation-delay:6s}

.ch24-cp-brand{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:min(620px,90%);text-align:center;color:rgba(255,255,255,.95);z-index:10}.ch24-cp-brand strong{display:block;font-size:22px;font-weight:700;letter-spacing:2px}.ch24-cp-brand span{display:block;margin-top:6px;font-size:10px;text-transform:uppercase;letter-spacing:2.2px;color:rgba(255,255,255,.48)}.ch24-cp-brand em{display:block;margin-top:12px;font-size:12px;font-style:normal;letter-spacing:.08em;color:rgba(255,246,218,.68)}

/* Lightweight mode keeps the branded projector but reduces GPU-heavy ambient effects. */
#ch24-preloader.ch24-preloader--light::after{display:none}.ch24-preloader--light .ch24-cp-lens::before,.ch24-preloader--light .ch24-cp-lens-glow{animation:none}.ch24-preloader--light .ch24-cp-light-beam{animation:ch24CpBeamIn .35s ease forwards;filter:none}.ch24-preloader--light .ch24-cp-icon{animation-duration:3.6s}.ch24-preloader--light .ch24-cp-brand em{display:none}

@keyframes ch24CpSpin{to{transform:rotate(360deg)}}
@keyframes ch24CpLensPulse{from{opacity:.45;transform:scale(.9)}to{opacity:1;transform:scale(1.2)}}
@keyframes ch24CpLensFlare{from{opacity:.6;transform:translateY(-50%) scale(.82)}to{opacity:1;transform:translateY(-50%) scale(1.15)}}
@keyframes ch24CpBeamIn{from{opacity:0;transform:translateY(-50%) perspective(700px) rotateY(-3deg) scaleX(.02)}to{opacity:.88;transform:translateY(-50%) perspective(700px) rotateY(-3deg) scaleX(1)}}
@keyframes ch24CpBeamFlicker{0%,100%{opacity:.80}15%{opacity:.87}31%{opacity:.76}45%{opacity:.90}63%{opacity:.78}79%{opacity:.86}}
@keyframes ch24CpProjectionCycle{0%{opacity:0;transform:scale(.55) translateX(-40px);filter:blur(10px) drop-shadow(0 0 5px rgba(255,236,180,.4))}7%{opacity:1;transform:scale(.88) translateX(0);filter:blur(0) drop-shadow(0 0 17px rgba(255,236,180,.85))}13%{opacity:1;transform:scale(1) translateX(5px)}18%{opacity:0;transform:scale(1.17) translateX(22px);filter:blur(7px) drop-shadow(0 0 25px rgba(255,236,180,.4))}100%{opacity:0}}
@keyframes ch24CpGrain{0%{transform:translate(0,0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}100%{transform:translate(-1%,1%)}}

@media(max-width:900px){.ch24-cp-stage{width:96vw}.ch24-cp-projector{left:4%}.ch24-cp-light-beam{left:calc(4% + 169px);right:3%}.ch24-cp-projection-icons{right:2%}}
@media(max-width:767px){.ch24-cp-stage{height:450px;width:100vw}.ch24-cp-projector{left:3%;transform:translateY(-50%) scale(.72);transform-origin:left center}.ch24-cp-light-beam{left:calc(3% + 122px);top:calc(50% + 19px);right:1%;height:220px;clip-path:polygon(0 49%,100% 8%,100% 92%,0 51%)}.ch24-cp-projection-icons{right:1%;top:calc(50% + 19px);width:150px;height:150px}.ch24-cp-icon svg{width:78px;height:78px}.ch24-cp-brand{bottom:15px;width:90%}.ch24-cp-brand strong{font-size:18px}.ch24-cp-brand span{font-size:8px;letter-spacing:1.4px}.ch24-cp-brand em{font-size:10px;margin-top:9px}}
@media(max-width:480px){.ch24-cp-projector{left:1%;transform:translateY(-50%) scale(.60)}.ch24-cp-light-beam{left:calc(1% + 101px);top:calc(50% + 16px);height:190px}.ch24-cp-projection-icons{right:0;top:calc(50% + 16px);width:125px;height:125px}.ch24-cp-icon svg{width:66px;height:66px}}

@media(prefers-reduced-motion:reduce){#ch24-preloader{transition-duration:.15s}.ch24-cp-reel,.ch24-cp-light-beam,.ch24-cp-icon,.ch24-cp-lens-glow,.ch24-cp-lens::before,#ch24-preloader::after{animation:none!important}.ch24-cp-icon-1{opacity:1!important;transform:scale(.92)!important;filter:none!important}.ch24-cp-icon:not(.ch24-cp-icon-1){display:none!important}}