@import "https://fonts.googleapis.com/css2?family=Outfit:wght@800;900&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg-color:#000;--text-primary:#fff;--accent-red:#ff003c;--accent-blue:#00f0ff;--accent-yellow:#fcee0a;--audio-bass:1;--audio-mid:1;--audio-treble:1}::selection{background:var(--accent-red);color:#fff}::selection{background:var(--accent-red);color:#fff}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none!important}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-ms-overflow-style:none;scrollbar-width:none;font-family:Outfit,sans-serif;overflow-x:hidden}body::-webkit-scrollbar{display:none}.noise-overlay{width:200%;height:200vh;opacity:calc(.08 * var(--audio-treble));pointer-events:none;z-index:9999;background:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.85\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E");animation:.2s infinite noise;position:fixed;inset:-50%}@keyframes noise{0%,to{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.blade-cursor{pointer-events:none;z-index:10000;mix-blend-mode:difference;background-color:#fff;border-radius:50%;width:40px;height:40px;transition:width .2s,height .2s,border-radius .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.blade-cursor.hovering{background-color:var(--accent-red);border-radius:0;width:150px;height:150px}.blade-cursor.hovering-video{width:0;height:0}.cursor-trail{pointer-events:none;z-index:9998;color:var(--accent-red);mix-blend-mode:difference;text-transform:uppercase;font-family:Space Mono,monospace;font-size:1.5rem;font-weight:900;position:fixed;transform:translate(-50%,-50%)}.ghost-bg{object-fit:cover;z-index:-1;opacity:.15;filter:contrast(2)saturate(0)sepia()hue-rotate(-50deg)blur(2px);pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.glitch-wrapper{transform:scale(var(--audio-bass));transition:transform .1s cubic-bezier(.1,.9,.2,1);display:inline-block;position:relative}.glitch{color:#fff;text-transform:uppercase;white-space:nowrap;font-size:clamp(3.3rem,15vw,15rem);font-weight:900;line-height:.8;position:relative}.glitch:before,.glitch:after{content:attr(data-text);background:var(--bg-color);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-2px 0 var(--accent-red);clip:rect(24px, 550px, 90px, 0);animation:3s linear infinite alternate-reverse glitch-anim;left:2px}.glitch:after{text-shadow:-2px 0 var(--accent-blue);clip:rect(85px, 550px, 140px, 0);animation:2.5s linear infinite alternate-reverse glitch-anim;left:-2px}@keyframes glitch-anim{0%{clip:rect(10px, 9999px, 30px, 0)}5%{clip:rect(50px, 9999px, 80px, 0)}10%{clip:rect(80px, 9999px, 100px, 0)}15%{clip:rect(10px, 9999px, 40px, 0)}20%{clip:rect(40px, 9999px, 60px, 0)}25%{clip:rect(90px, 9999px, 120px, 0)}30%{clip:rect(15px, 9999px, 35px, 0)}35%{clip:rect(60px, 9999px, 90px, 0)}40%{clip:rect(100px, 9999px, 110px, 0)}45%{clip:rect(20px, 9999px, 50px, 0)}50%{clip:rect(70px, 9999px, 100px, 0)}55%{clip:rect(110px, 9999px, 130px, 0)}60%{clip:rect(30px, 9999px, 60px, 0)}65%{clip:rect(80px, 9999px, 110px, 0)}70%{clip:rect(120px, 9999px, 140px, 0)}75%{clip:rect(40px, 9999px, 70px, 0)}80%{clip:rect(90px, 9999px, 120px, 0)}85%{clip:rect(130px, 9999px, 150px, 0)}90%{clip:rect(50px, 9999px, 80px, 0)}95%{clip:rect(100px, 9999px, 130px, 0)}to{clip:rect(140px, 9999px, 160px, 0)}}.app-container{width:100%;overflow-x:hidden}section{flex-direction:column;justify-content:center;width:100vw;min-height:100vh;padding:5vw;display:flex;position:relative}.hero-section{justify-content:center;align-items:center;overflow:hidden}.hero-sub{text-transform:uppercase;letter-spacing:5px;color:var(--accent-red);mix-blend-mode:difference;margin-top:20px;font-family:Space Mono,monospace}.manifesto-section{background:var(--accent-red);color:#000;flex-direction:column;justify-content:center;align-items:center;padding:10vw 0;display:flex;overflow:hidden}.timecode{letter-spacing:-2px;color:#000;text-shadow:2px 2px #fff;margin-bottom:2vw;font-family:Space Mono,monospace;font-size:clamp(3rem,10vw,8rem);font-weight:700;line-height:1}.manifesto-text{white-space:nowrap;text-transform:uppercase;width:100vw;font-size:clamp(2rem,5vw,4rem);font-weight:900;overflow:hidden}.marquee-track{white-space:nowrap;width:fit-content;display:inline-block}.marquee-reverse{color:#fff;mix-blend-mode:difference}.gallery-section{background:#000;height:300vh;position:relative}.gallery-sticky{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.scatter-media{aspect-ratio:9/16;object-fit:cover;filter:grayscale()contrast(1.2);width:25vw;min-width:250px;transition:filter .3s,transform .3s;position:absolute;box-shadow:0 0 20px #ff003c00}.scatter-media:hover{filter:grayscale(0%)contrast(1.1);box-shadow:0 0 30px #ff003c66;z-index:50!important}.services-section{background:var(--text-primary);color:var(--bg-color);text-align:center;overflow:hidden}.service-flash-text{text-transform:uppercase;cursor:none;margin:0;font-size:clamp(3rem,10vw,10rem);font-weight:900;line-height:.85}.service-flash-text:hover{color:var(--accent-red);text-decoration:line-through}.contact-section{background:var(--accent-red);color:#000;align-items:center}.contact-email{color:#000;text-shadow:2px 2px #fff;font-size:clamp(2rem,8vw,8rem);font-weight:900;text-decoration:none;transition:color .2s,text-shadow .2s}.contact-email:hover{color:#fff;text-shadow:4px 4px #000}.xray-section{cursor:none;background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.xray-layer{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.xray-concept{filter:grayscale()blur(10px)contrast(1.5)}.xray-raw{filter:saturate(.2)contrast(.8)}.xray-grade{filter:saturate(1.5)contrast(1.2)}.xray-label{color:#fff;mix-blend-mode:difference;pointer-events:none;z-index:10;font-family:Space Mono,monospace;font-size:2rem;font-weight:900;position:absolute;bottom:50px}.descrambler-section{color:var(--accent-blue);background:#000;flex-direction:column;gap:4vw;padding:15vw 5vw;display:flex}.descramble-row{border-bottom:1px solid #00f0ff33;justify-content:space-between;align-items:center;padding-bottom:1vw;display:flex}.descramble-text{text-transform:uppercase;font-family:Space Mono,monospace;font-size:clamp(2rem,8vw,6rem);font-weight:900}.tunnel-section{background:#000;height:300vh;position:relative}.tunnel-sticky{perspective:1000px;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.tunnel-text{text-align:center;white-space:nowrap;color:#0000;-webkit-text-stroke:2px var(--text-primary);text-transform:uppercase;font-size:clamp(4rem,15vw,15rem);font-weight:900;position:absolute}.magnetic-section{background:#000;flex-direction:column;gap:2vw;padding:10vw 5vw;display:flex}.magnetic-item{text-transform:uppercase;color:#0000;-webkit-text-stroke:1px var(--text-primary);cursor:pointer;width:fit-content;margin:0;font-family:Space Mono,monospace;font-size:clamp(3rem,10vw,8rem);font-weight:900;transition:color .3s}.magnetic-item:hover,.magnetic-item.active{color:var(--accent-red);-webkit-text-stroke:0px}.magnetic-item.row-hovered:not(:hover):not(.active){color:#fff;-webkit-text-stroke:0px}.scrubber-section{background:#000;height:250vh;position:relative}.scrubber-sticky{background:#000;width:100vw;height:100vh;position:sticky;top:0;overflow:hidden}.scrubber-video{object-fit:cover;opacity:.6;width:100%;height:100%}.scrubber-ui{color:var(--accent-red);font-family:Space Mono,monospace;font-size:2rem;font-weight:700;position:absolute;top:5vw;left:5vw}.scrubber-title{color:#fff;mix-blend-mode:difference;font-family:Outfit,sans-serif;font-size:clamp(3rem,10vw,12rem);font-weight:900;line-height:.8;position:absolute;bottom:3vw;right:7vw}.ripple-section{background:#000;justify-content:center;align-items:center;height:100vh;display:flex;overflow:hidden}.ripple-container{width:60vw;height:80vh;position:relative}.ripple-img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.menu-toggle{z-index:99999;color:var(--text-primary);mix-blend-mode:difference;cursor:pointer;background:0 0;border:none;font-family:Space Mono,monospace;font-size:1.5rem;font-weight:900;transition:transform .2s;position:fixed;top:30px;right:30px}.menu-toggle:hover{transform:scale(1.1)}.menu-overlay{background:var(--accent-red);z-index:99990;flex-direction:column;justify-content:center;align-items:center;gap:8vh;display:flex;position:fixed;inset:0}.menu-link{color:#000;text-transform:uppercase;cursor:pointer;font-family:Outfit,sans-serif;font-size:clamp(4rem,12vw,10rem);font-weight:900;text-decoration:none;transition:all .2s}.menu-link:hover{color:#fff;transform:scale(1.1)skew(-10deg)}.archive-container{z-index:1;background:#000;width:100vw;min-height:100vh;padding:15vh 5vw;position:relative}.archive-bg-video{object-fit:contain;z-index:-1;opacity:0;mix-blend-mode:screen;pointer-events:none;width:100%;height:100svh;transition:opacity .3s;position:fixed;inset:0}.archive-bg-video.active{opacity:.4}.archive-list{flex-direction:column;gap:2vh;display:flex}.archive-details{border-left:2px solid var(--accent-red);flex-direction:column;gap:1vh;margin-left:1vw;padding:2vh 0 2vh 2vw;display:flex;overflow:hidden}.archive-link{color:var(--accent-blue);width:fit-content;font-family:Space Mono,monospace;font-size:1.2rem;text-decoration:none}.archive-link:hover{text-decoration:underline}.gravity-section{background:#000;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.gravity-bounds{border:1px dashed #fff3;position:absolute;inset:5vw}.gravity-block{color:var(--text-primary);background:var(--accent-red);cursor:grab;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:1vw 2vw;font-family:Outfit,sans-serif;font-size:clamp(2rem,8vw,6rem);font-weight:900;position:absolute;box-shadow:10px 10px #fff}.gravity-block:active{cursor:grabbing}.footer-credit{text-align:center;color:#444;width:100%;font-family:Space Mono,monospace;font-size:1rem;position:absolute;bottom:2vh}.footer-credit a{color:#fff;background:#000;padding:2px 8px;font-weight:900;text-decoration:none;transition:all .2s}.footer-credit a:hover{color:#000;text-shadow:none;background:#fff}.rewind-trigger{color:var(--accent-red);text-align:center;cursor:pointer;letter-spacing:.5rem;background:0 0;border:1px solid #0000;margin-top:10vh;padding:5vh;font-family:Space Mono,monospace;font-size:clamp(1.5rem,3vw,3rem);transition:all .2s}.rewind-trigger:hover{background:var(--accent-red);color:#000;border:1px solid var(--accent-red)}.vhs-rewind-overlay{z-index:99999;-webkit-backdrop-filter:invert()hue-rotate(90deg)contrast(200%);pointer-events:none;background:#00000080;justify-content:flex-start;align-items:flex-start;width:100vw;height:100vh;padding:5vw;display:flex;position:fixed;top:0;left:0}.vhs-text{color:#fff;text-shadow:2px 2px red,-2px -2px #0ff;font-family:Space Mono,monospace;font-size:5rem;font-weight:700;animation:.1s infinite vhs-flicker}.tracking-lines{background:repeating-linear-gradient(#0000,#0000 2px,#fff3 2px 4px);width:100%;height:100%;animation:.2s linear infinite scroll-up;position:absolute;top:0;left:0}@keyframes vhs-flicker{0%{opacity:1;transform:translate(0)}50%{opacity:.8;transform:translate(5px)}to{opacity:1;transform:translate(-5px)}}@keyframes scroll-up{0%{background-position:0 0}to{background-position:0 4px}}.surveillance-room{background:#050505;min-height:100vh;padding:15vh 5vw 5vh;position:relative;overflow:hidden}.surveillance-title{color:var(--accent-red);text-transform:uppercase;margin-bottom:5vh;font-family:Outfit,sans-serif;font-size:clamp(2rem,5vw,4rem);animation:2s infinite vhs-flicker}.cctv-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2vw;transition:opacity .3s;display:grid}.cctv-grid.dimmed{opacity:.1;pointer-events:none}.cctv-monitor{aspect-ratio:16/9;cursor:crosshair;filter:grayscale(.8)contrast(1.2)sepia(.2);background:#111;border:1px solid #333;transition:all .2s;position:relative;overflow:hidden}.cctv-monitor:hover{filter:grayscale(0)contrast(1.5);border-color:var(--accent-red);z-index:10;transform:scale(1.02);box-shadow:0 0 20px #f003}.cctv-monitor video{object-fit:cover;width:100%;height:100%}.cctv-ui{color:#fff;text-shadow:1px 1px #000;pointer-events:none;z-index:10;justify-content:space-between;font-family:Space Mono,monospace;font-size:.8rem;display:flex;position:absolute;top:10px;left:10px;right:10px}.cctv-ui.big{color:var(--accent-red);font-size:1.5rem}.blinking-red-dot{background:red;border-radius:50%;width:15px;height:15px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cctv-maximized{z-index:99999;background:#000000f2;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.cctv-maximized-monitor{border:2px solid var(--accent-red);background:#000;width:80vw;height:80vh;position:relative;box-shadow:0 0 50px #ff00001a}.cctv-maximized-monitor video{object-fit:cover;width:100%;height:100%}.cctv-close{color:var(--accent-red);border:1px solid var(--accent-red);cursor:pointer;z-index:100000;background:0 0;padding:10px 20px;font-family:Space Mono,monospace;font-size:1.2rem;transition:all .2s;position:absolute;top:3vh;right:3vw}.cctv-close:hover{background:var(--accent-red);color:#000}.audio-toggle{color:var(--accent-red);border:2px solid var(--accent-red);z-index:1000;mix-blend-mode:difference;background:0 0;padding:10px 20px;font-family:Space Mono,monospace;font-size:1.2rem;font-weight:900;transition:all .2s;position:fixed;bottom:30px;right:30px}.audio-toggle:hover{background:var(--accent-red);color:#000;transform:scale(1.1)skew(-10deg)}.webcam-bg{object-fit:cover;z-index:-2;opacity:.15;filter:grayscale()contrast(300%)sepia()hue-rotate(300deg)saturate(500%);mix-blend-mode:screen;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.chaos-overlay{z-index:99999;pointer-events:none;mix-blend-mode:difference;background:#fff;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);animation:.1s infinite alternate flash;display:grid;position:fixed;inset:0}.chaos-video{object-fit:cover;filter:invert();width:100%;height:100%}@keyframes flash{0%{opacity:.8;filter:hue-rotate()}to{opacity:1;filter:hue-rotate(90deg)}}.view-toggle-btn{z-index:9999;color:#fff;letter-spacing:2px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;background:#00000080;border:1px solid #333;align-items:center;gap:10px;padding:10px 20px;font-family:Space Mono,monospace;font-size:14px;transition:all .2s;display:flex;position:fixed;top:30px;left:5vw}.view-toggle-btn:hover{color:#000;background:#fff;border-color:#fff}.analyzer-toggle{color:#000;cursor:pointer;background:0 0;border:2px solid #000;padding:10px 20px;font-family:Space Mono,monospace;font-size:clamp(12px,2vw,16px);font-weight:700;transition:all .2s;position:absolute;bottom:5vh;left:5vw}.analyzer-toggle:hover{color:var(--accent-red);background:#000}
