.showreel{background:#0a0a0f;color:#fff;position:relative}.grain-overlay{z-index:9998;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px}.grain-overlay,.vignette{position:fixed;inset:0;pointer-events:none}.vignette{z-index:9997;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6) 100%)}.grid-overlay{background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:80px 80px}.showreel-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,#3b82f6,#22d3ee,#a855f7,#ec4899);z-index:9999;transform-origin:left}.scene-dots{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:5000;display:flex;flex-direction:column;gap:12px}.scene-dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.12);border:1.5px solid transparent;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);outline:none;position:relative}.scene-dot--active{width:10px;height:10px;background:#3b82f6;border-color:rgba(59,130,246,.4);box-shadow:0 0 20px rgba(59,130,246,.5),0 0 40px rgba(59,130,246,.15)}.scene-dot:hover:not(.scene-dot--active){background:hsla(0,0%,100%,.35);transform:scale(1.3)}.blur-word{display:inline-block;margin-right:.25em;filter:blur(8px);opacity:0;transform:translateY(12px);transition:all .5s cubic-bezier(.16,1,.3,1)}.blur-word--visible{filter:blur(0);opacity:1;transform:translateY(0)}.glitch-text{position:relative;animation:glitch-skew 4s linear infinite alternate-reverse}.glitch-text:after,.glitch-text:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch-text:before{color:#f33;animation:glitch-shift 3s linear infinite alternate-reverse;-webkit-clip-path:polygon(0 0,100% 0,100% 45%,0 45%);clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch-text:after{color:#33f;animation:glitch-shift 2s linear infinite alternate-reverse;-webkit-clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes glitch-shift{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-2px)}80%{transform:translate(1px,1px)}to{transform:translate(0)}}@keyframes glitch-skew{0%{transform:skew(0deg)}2%{transform:skew(.5deg)}4%{transform:skew(0deg)}to{transform:skew(0deg)}}.shimmer-border{position:relative;overflow:hidden}.shimmer-border:before{inset:-2px;background:conic-gradient(from var(--shimmer-angle,0deg),transparent 0,#3b82f6 10%,#22d3ee 20%,#a855f7 30%,transparent 40%);animation:shimmer-rotate 3s linear infinite}.shimmer-border:after,.shimmer-border:before{content:"";position:absolute;border-radius:inherit;z-index:-1}.shimmer-border:after{inset:2px;background:#0a0a0f}@keyframes shimmer-rotate{0%{--shimmer-angle:0deg}to{--shimmer-angle:360deg}}@supports not (background:conic-gradient(from 0deg,red,blue)){.shimmer-border:before{background:linear-gradient(45deg,#3b82f6,#22d3ee,#a855f7,#3b82f6);background-size:300% 300%;animation:shimmer-slide 3s ease infinite}}@keyframes shimmer-slide{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@property --shimmer-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.gradient-trace{height:1px;background:linear-gradient(90deg,transparent,#3b82f6,#22d3ee,transparent);transform-origin:left}.glow-pulse{animation:glowPulse 2.5s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 20px rgba(59,130,246,.25),0 0 60px rgba(59,130,246,.08)}50%{box-shadow:0 0 40px rgba(59,130,246,.45),0 0 100px rgba(59,130,246,.18)}}.marquee-track{display:flex;width:-moz-max-content;width:max-content;animation:marquee-scroll 30s linear infinite}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;will-change:transform,opacity}.card-3d-wrap{perspective:1200px}.card-3d{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.23,1,.32,1);will-change:transform}.card-3d:hover{transform:rotateY(-3deg) rotateX(3deg) scale(1.02)}.card-3d-shine{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,hsla(0,0%,100%,.06),transparent 50%);opacity:0;transition:opacity .35s;pointer-events:none}.card-3d:hover .card-3d-shine{opacity:1}.scanline:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.15),transparent);animation:scanline-move 3.5s linear infinite;pointer-events:none}@keyframes scanline-move{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@media(max-width:640px){.scene-dots{right:10px;gap:8px}.scene-dot{width:6px;height:6px}.scene-dot--active{width:8px;height:8px}.card-3d:hover{transform:none}.grain-overlay{opacity:.02}}