.hero-channel-feed{animation:.9s steps(5,end) infinite screen-drift;position:absolute;inset:-2%;overflow:hidden}.hero-channel-image{object-fit:cover;opacity:0;filter:saturate(.8)contrast(1.2);width:108%;max-width:none;height:108%;animation:5.2s step-end infinite tv-channel;animation-delay:var(--channel-delay);will-change:transform,opacity;position:absolute;inset:-4%}.hero-channel-image:first-child{object-position:30% center}.hero-channel-image:nth-child(2){object-position:center 45%}.hero-channel-image:nth-child(5){object-position:center 35%}.hero-screen-edge{pointer-events:none;background:radial-gradient(#0000 20%,#02061199 80%),linear-gradient(90deg,#05101b55,#0000 35% 65%,#05101b55);position:absolute;inset:0;box-shadow:inset 0 0 95px 25px #02050b}.hero-world:after{opacity:.65;z-index:4}.hero-ghost{opacity:.22;animation:1.95s step-end infinite ghost-jump}.hero-glow{opacity:.16;animation:4s ease-in-out infinite alternate breathe}.hero-grid{opacity:.2}.hero-tracking{z-index:3;opacity:0;pointer-events:none;background:linear-gradient(#0000 28%,#69cbff25 28% 30%,#0009 30% 38%,#0000 38% 70%,#739bff30 70% 72%,#0000 72%);animation:.65s step-end infinite tv-tracking;position:absolute;inset:0}.hero-static{z-index:3;opacity:0;pointer-events:none;background:repeating-linear-gradient(0deg,#9ad8f51c 0 1px,#0005 1px 3px,#0000 3px 7px),repeating-linear-gradient(93deg,#0000 0 17px,#6996ce22 17px 19px,#0000 19px 47px);animation:.24s steps(3,end) infinite tv-static;position:absolute;inset:-8%}.hero-content h1{animation:5.2s step-end infinite logo-signal}.hero-portrait{animation:5.2s step-end infinite portrait-signal}.hero-channel{min-width:230px;height:16px}.hero-channel-label{white-space:nowrap;opacity:0;animation:5.2s step-end infinite channel-label;animation-delay:var(--channel-delay);position:absolute;bottom:0;left:0}.motion-paused .hero *,.motion-paused .hero :before,.motion-paused .hero :after{animation-play-state:paused!important}@keyframes tv-channel{0%{opacity:.52;transform:translate(3%,-2%)scale(1.12)skew(-6deg)}2%{opacity:.52;transform:translate(-2%,1%)scale(1.08)skew(3deg)}4%{opacity:.52;transform:translate(1%)scale(1.05)}6%{opacity:.52;transform:translate(-3%,-1%)scale(1.1)skew(-2deg)}8%{opacity:.52;transform:translate(2%,1%)scale(1.08)skew(4deg)}10%{opacity:.52;transform:translate(-1%)scale(1.12)}12.5%,to{opacity:0;transform:scale(1.05)}}@keyframes screen-drift{0%,to{transform:translate(-6px,2px)}25%{transform:translate(8px,-3px)}50%{transform:translate(-10px,1px)}75%{transform:translate(4px,4px)}}@keyframes channel-label{0%,12.49%{opacity:1}12.5%,to{opacity:0}}@keyframes tv-tracking{0%{opacity:.7;transform:translateY(-25%)skew(-12deg)}20%{opacity:.7;transform:translateY(18%)skew(10deg)}40%{opacity:.7;transform:translateY(-8%)skew(-5deg)}60%{opacity:.7;transform:translateY(30%)skew(7deg)}80%,to{opacity:.7;transform:translateY(-18%)skew(-9deg)}}@keyframes tv-static{0%,to{opacity:.3;transform:translate(2%,1%)}50%{opacity:.3;transform:translate(-2%,-1%)}}.hero-tracking:after{content:"";background:linear-gradient(#0000,#609be522 25%,#02050b88 55%,#0000);height:28%;animation:1.7s linear infinite tracking-roll;position:absolute;top:-30%;left:0;right:0}@keyframes tracking-roll{to{transform:translateY(500%)}}@keyframes logo-signal{0%,3%,50%,53%,to{filter:drop-shadow(0 6px 24px #000);transform:none}1.5%,51.5%{filter:drop-shadow(4px 0 #30d5ff70)drop-shadow(-4px 0 #a24cff70);transform:translate(-5px)skew(-2deg)}}@keyframes portrait-signal{0%,3%,to{transform:translate(-50%)}1.5%{transform:translate(calc(6px - 50%))skew(1deg)}}@keyframes ghost-jump{0%,to{transform:rotate(8deg)translate(0)}25%{transform:rotate(4deg)translate(-4%,2%)}50%{transform:rotate(10deg)translate(3%,-2%)}75%{transform:rotate(6deg)translate(-2%,3%)}}@media (prefers-reduced-motion:reduce){.hero-channel-image{opacity:0;transform:none;animation:none!important}.hero-channel-image:first-child{opacity:.46}.hero-channel-label{opacity:0;animation:none!important}.hero-channel-label:first-child{opacity:1}.hero-static,.hero-tracking{display:none}.hero-channel-feed{transform:none;animation:none!important}.hero-content h1,.hero-portrait,.hero-ghost{animation:none!important}}
