@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Anton&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--text:#e8e8e8;--accent:#fff;--mono:"Space Mono", monospace;--display:"Anton", sans-serif;--cell:440px;--img-parallax:0px}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;overflow:hidden}@media (pointer:fine) and (hover:hover){html,body,#root,#artboard-root{cursor:none}}@media (pointer:coarse),(hover:none){html,body,#root,#artboard-root{cursor:auto}}body:before{content:"";pointer-events:none;z-index:9998;background:linear-gradient(#12101000 50%,#0000001f 50%) 0 0/100% 3px,linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05) 0 0/3px 100%;position:fixed;inset:0}body:after{content:"";opacity:.22;pointer-events:none;z-index:9997;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;animation:.8s steps(6,end) infinite grain;position:fixed;inset:0}@keyframes grain{0%{transform:translate(0)}16%{transform:translate(-2%,-2%)}33%{transform:translate(2%,1%)}50%{transform:translate(-1%,2%)}66%{transform:translate(1%,-1%)}83%{transform:translate(-2%,1%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){body:after{animation:none!important}}.brand-glitch{cursor:default;transition:all .3s;display:inline-block}.brand-glitch:hover{text-shadow:2px 0 #ff00c1,-2px 0 #00fff9;animation:.3s infinite glitch;opacity:1!important}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(-2px,-1px)}60%{transform:translate(2px,1px)}80%{transform:translate(2px,-1px)}to{transform:translate(0)}}.portfolio-link-btn{color:#000;cursor:pointer;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;background:#fff;border:1px solid #fff;padding:12px 28px;font-family:Space Mono,monospace;font-size:13px;font-weight:700;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:inline-block;transform:translateY(0)scale(1);box-shadow:0 8px 30px #00000080}.portfolio-link-btn:hover{color:#fff;background:#0a0a0a;transform:translateY(-3px)scale(1.02);box-shadow:0 0 35px #ffffff80}.footer-pod-left{z-index:100;pointer-events:auto;border:1px solid #ffffff1f;border-radius:14px;gap:40px;padding:22px 30px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 12px 40px #0009}.footer-pod-right{z-index:100;pointer-events:auto;flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:fixed;bottom:24px;right:24px}@media (width<=768px){nav{gap:6px!important;top:20px!important;right:14px!important}nav button{letter-spacing:.08em!important;padding:7px 11px!important;font-size:10px!important}.brand-glitch{font-size:clamp(16px,4.5vw,24px)!important;top:22px!important;left:14px!important}.footer-pod-left{gap:14px!important;max-width:calc(100vw - 90px)!important;padding:10px 14px!important;inset:auto auto 16px 14px!important}.footer-pod-left>div{font-size:8px!important}.footer-pod-left>div:not(:first-child){border-left:1px solid #ffffff1a!important;padding-left:12px!important}}dialog::backdrop{-webkit-backdrop-filter:blur(25px);background-color:#050505f0}