:root{--bg-color:#050510;--terminal-bg:#0a0a12;--neon-pink:#ff2a6d;--neon-blue:#05d9e8;--neon-green:#00ff9f;--text-main:#fff;--text-dim:#fff9;--grid-line:#05d9e81a;--scanline-color:#00000080;--roman-overlay-bg:#000}.light-mode{--bg-color:#e6e6e6;--terminal-bg:#fff;--neon-pink:#f05;--neon-blue:#00aeef;--neon-green:#000;--text-main:#000;--text-dim:#000000bf;--grid-line:#00000026;--scanline-color:#00000005;--roman-overlay-bg:#fff}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Space Grotesk,Arial,Helvetica,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}body.light-mode .project-overlay h1{color:#1a1a1a!important}body.light-mode .project-overlay .bg-pattern{opacity:.15!important;filter:invert(0)grayscale()!important}body.light-mode .project-card h3{color:#000!important;text-shadow:none!important}body.light-mode .project-card .card-category{letter-spacing:.1em;-webkit-text-stroke:4px #fff;paint-order:stroke fill;text-shadow:2px 2px #fff;padding:0;font-weight:800;color:#000!important;background:0 0!important}body.light-mode .project-card .card-category:before{content:none!important}body.light-mode .project-card .bg-pattern{opacity:.15!important;filter:invert()brightness(1.5)!important;mix-blend-mode:normal!important}body.light-mode .project-card .card-overlay{opacity:1!important;filter:none!important}body.light-mode .project-card .bloody-gradient{opacity:.05!important}body.light-mode .editorial-mask{background:linear-gradient(to right,var(--bg-color)30%,#fff0 100%)!important}body.light-mode .social-link:hover,body.light-mode .social-link.is-active{color:#fff;background:#111;border-color:#111;box-shadow:0 5px 15px #00000026}h1,h2,h3,h4{text-transform:none;letter-spacing:-.02em;margin:0;font-family:Syne,sans-serif;font-weight:700}h1{font-size:4rem;font-weight:800}h2{font-size:2.5rem}a{color:inherit;text-decoration:none;transition:text-shadow .3s}a:hover{text-shadow:0 0 8px var(--neon-blue)}button{cursor:pointer;font-family:IBM Plex Mono,monospace}.glitch-text{color:var(--text-main);position:relative}.glow-pink{text-shadow:0 0 5px var(--neon-pink),0 0 10px var(--neon-pink)}.glow-blue{text-shadow:0 0 5px var(--neon-blue),0 0 10px var(--neon-blue)}.grid-bg{background-image:linear-gradient(var(--grid-line)1px,transparent 1px),linear-gradient(90deg,var(--grid-line)1px,transparent 1px);background-size:40px 40px;width:100%;height:100%}.social-link{color:var(--text-dim);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex}.social-link:hover,.social-link.is-active{background:var(--grid-line);color:var(--neon-blue);border-color:var(--neon-blue);box-shadow:0 0 15px var(--grid-line);transform:translateY(-5px)scale(1.1)}.section-title{border-bottom:1px solid var(--grid-line);opacity:.8;color:var(--text-main);margin-bottom:2rem;padding-bottom:.5rem;font-family:Syne,sans-serif;font-size:1.2rem;font-weight:400}.project-card:hover,.project-card.is-mobile-active{box-shadow:0 0 20px var(--grid-line);transform:scale(1.02);border-color:var(--neon-blue)!important}.theme-toggle{background:var(--terminal-bg);border:1px solid var(--grid-line);color:var(--text-main);cursor:pointer;z-index:1000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 0 20px #0003}.theme-toggle:hover{border-color:var(--neon-blue);color:var(--neon-blue);transform:rotate(15deg)scale(1.1)}.footer-status{border-top:1px solid var(--grid-line);text-align:center;color:var(--text-dim);flex-direction:column;align-items:center;gap:1rem;margin-top:6rem;padding-top:2rem;font-size:.9rem;display:flex}.hero-title{text-shadow:none;color:var(--text-main);min-height:4rem;margin-bottom:1rem;font-size:3.5rem;line-height:1.1}.main-container{z-index:1;max-width:1000px;margin:0 auto;padding:4rem 2rem;position:relative}.project-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (max-width:1024px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.project-grid{grid-template-columns:1fr}.hero-title{min-height:auto;font-size:2.5rem}.main-container{padding:2rem 1.5rem}.theme-toggle{bottom:1.5rem;right:1.5rem}h1{font-size:2.5rem}}@keyframes jumbo{0%{background-position:50%,50%}to{background-position:350%,350%}}.jumbo{--stripes:repeating-linear-gradient(100deg,#fff 0%,#fff 7%,transparent 10%,transparent 12%,#fff 16%);--stripesDark:repeating-linear-gradient(100deg,#000 0%,#000 7%,transparent 10%,transparent 12%,#000 16%);--rainbow:repeating-linear-gradient(100deg,#60a5fa 10%,#e879f9 15%,#60a5fa 20%,#5eead4 25%,#60a5fa 30%);--rainbowLight:repeating-linear-gradient(100deg,#9f5a05 10%,#178606 15%,#9f5a05 20%,#a1152b 25%,#9f5a05 30%);background-image:var(--stripes),var(--rainbow);filter:blur(10px)opacity(50%)saturate(200%);pointer-events:none;z-index:0;opacity:1;background-position:50%,50%;background-size:300%,200%;animation:60s linear infinite jumbo;position:absolute;inset:0;-webkit-mask-image:none;mask-image:none}body.light-mode .jumbo{background-image:var(--stripes),var(--rainbowLight);filter:blur(10px)opacity(30%)saturate(200%);-webkit-mask-image:radial-gradient(at 100% 0,#000 40%,#0000 70%);mask-image:radial-gradient(at 100% 0,#000 40%,#0000 70%)}.jumbo:after{content:"";background-image:var(--stripes),var(--rainbow);mix-blend-mode:difference;background-size:200%,100%;background-attachment:scroll;animation:60s linear infinite jumbo;position:absolute;inset:0}body.light-mode .jumbo:after{background-image:var(--stripes),var(--rainbowLight)}body:not(.light-mode) .jumbo,body:not(.light-mode) .jumbo:after,body:not(.light-mode) .jumbo:after{background-image:var(--stripesDark),var(--rainbow)}.background-container{z-index:-3;background-color:var(--bg-color);width:100vw;height:100vh;transition:background-color .3s;position:fixed;top:0;left:0;overflow:hidden}.parallax-layer{pointer-events:none;background-repeat:repeat;background-size:cover;width:120vw;height:120vh;position:absolute;top:-10vh;left:-10vw}.layer-grid{opacity:.6;background-image:url(/bg-grid.svg);transition:filter .3s}.light-mode .layer-grid{filter:invert()opacity(.5)}.layer-shapes{background-image:url(/bg-shapes.svg);transition:filter .3s;animation:60s linear infinite colorShiftDark}@keyframes colorShiftDark{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.light-mode .layer-shapes{animation:60s linear infinite colorShiftLight}@keyframes colorShiftLight{0%{filter:hue-rotate(180deg)brightness(.8)contrast(1.2)}to{filter:hue-rotate(540deg)brightness(.8)contrast(1.2)}}.layer-accents{z-index:-1}.accent-mark{color:var(--grid-line);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:IBM Plex Mono,monospace;font-weight:300;position:absolute}.accent-mark.crosshair{font-size:2rem;animation:10s ease-in-out infinite floatingAccent}.accent-mark.v-line{border-left:1px dashed var(--grid-line);animation:15s ease-in-out infinite reverse floatingAccent}.accent-mark.h-line{border-top:1px dashed var(--grid-line);animation:12s ease-in-out 2s infinite floatingAccent}@keyframes floatingAccent{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.6;transform:translate(10px,-10px)}}