@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=IM+Fell+English:ital@0;1&family=Roboto+Mono:wght@300;400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--void:#000;--void-deep:#030303;--void-mid:#0a0a0a;--void-card:#0d0d0d;--ember:#c8102e;--ember-hot:#f24;--ember-dim:#7a0a1c;--ember-glow:#c8102e8c;--ember-trace:#c8102e1f;--ash:#e2e2e2;--ash-mid:#888;--ash-dim:#444;--ash-ghost:#1e1e1e;--border-cold:#ffffff0a;--border-hot:#c8102e59}html{scroll-behavior:smooth;scroll-padding-top:70px}body{background-color:var(--void);color:var(--ash);cursor:none;font-family:Roboto Mono,monospace;overflow-x:hidden}#cursor-dot{background:var(--ember-hot);pointer-events:none;z-index:99999;width:6px;height:6px;box-shadow:0 0 12px var(--ember-hot), 0 0 25px var(--ember);border-radius:50%;transition:transform 50ms;position:fixed;transform:translate(-50%,-50%)}#cursor-ring{pointer-events:none;z-index:99998;border:1px solid #c8102e99;border-radius:50%;width:32px;height:32px;transition:all .12s;position:fixed;transform:translate(-50%,-50%)}#cursor-ring.hovered{border-color:var(--ember-hot);background:#c8102e0d;width:50px;height:50px}body:after{content:"";pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);animation:8s linear infinite scanFlicker;position:fixed;inset:0}@keyframes scanFlicker{0%,to{opacity:1}50%{opacity:.85}}body:before{content:"";opacity:.028;pointer-events:none;z-index:9997;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)'/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--ember)}::selection{background:var(--ember);color:#fff}.container{max-width:1080px;margin:0 auto;padding:0 2.5rem}@keyframes glitch-1{0%,to{clip-path:inset(0 0 100%);transform:translate(0)}10%{clip-path:inset(10% 0 80%);transform:translate(-3px,2px)}20%{clip-path:inset(60% 0 20%);transform:translate(3px,-2px)}30%{clip-path:inset(30% 0 50%);transform:translate(-2px,1px)}40%{clip-path:inset(80% 0 5%);transform:translate(2px,-1px)}50%{clip-path:inset(0 0 100%);transform:translate(0)}}@keyframes glitch-2{0%,to{clip-path:inset(0 0 100%);transform:translate(0)}10%{clip-path:inset(55% 0 30%);transform:translate(3px,-2px)}25%{clip-path:inset(20% 0 65%);transform:translate(-3px,2px)}40%{clip-path:inset(75% 0 10%);transform:translate(4px,-3px)}60%{clip-path:inset(40% 0 45%);transform:translate(-2px,1px)}75%{clip-path:inset(0 0 100%);transform:translate(0)}}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);font-size:inherit;font-weight:inherit;letter-spacing:inherit;font-family:inherit;line-height:inherit;position:absolute;inset:0}.glitch:before{color:#f05;animation:4s .5s infinite glitch-1}.glitch:after{color:#0ff;mix-blend-mode:screen;animation:4s 1s infinite glitch-2}.void-label{letter-spacing:.35em;text-transform:uppercase;color:var(--ember);align-items:center;gap:1rem;margin-bottom:1.2rem;font-family:Space Mono,monospace;font-size:.65rem;display:flex}.void-label:before{content:"//";opacity:.5}.void-label:after{content:"";background:var(--ember);opacity:.4;flex:1;max-width:60px;height:1px}.void-heading{letter-spacing:.04em;color:var(--ash);font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,7vw,5.5rem);line-height:.95}.void-heading .ember{color:var(--ember);text-shadow:0 0 30px var(--ember-glow), 0 0 60px #c8102e4d}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1);transform:translateY(40px)}.reveal.in{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .9s,transform .9s;transform:translate(-50px)}.reveal-left.in{opacity:1;transform:translate(0)}.marquee-track{border-top:1px solid var(--border-cold);border-bottom:1px solid var(--border-cold);background:var(--void-mid);padding:1.2rem 0;overflow:hidden}.marquee-inner{white-space:nowrap;gap:3rem;animation:25s linear infinite marqueeScroll;display:flex}.marquee-inner span{letter-spacing:.25em;color:var(--ash-dim);flex-shrink:0;font-family:Bebas Neue,sans-serif;font-size:1.2rem}.marquee-inner span.hot{color:var(--ember)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.navbar{z-index:1000;padding:1.4rem 0;transition:all .4s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-hot);background:#000000eb;padding:.9rem 0}.navbar-inner{justify-content:space-between;align-items:center;display:flex}.nav-logo{letter-spacing:.15em;color:var(--ash);font-family:Bebas Neue,sans-serif;font-size:1.6rem;text-decoration:none}.nav-logo .dot{color:var(--ember)}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{letter-spacing:.2em;color:var(--ash-mid);text-transform:uppercase;font-family:Space Mono,monospace;font-size:.62rem;text-decoration:none;transition:color .25s;position:relative}.nav-links a:before{content:"";background:var(--ember);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--ash)}.nav-links a:hover:before{width:100%}.hero{background:var(--void);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg-img{opacity:.35;z-index:0;background-image:url(/void_bg.png);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-bg-img:after{content:"";background:linear-gradient(90deg,#000000e6 40%,#0000);position:absolute;inset:0}.hero-content{z-index:2;max-width:700px;padding:160px 0 100px;position:relative}.hero-index{letter-spacing:.3em;color:var(--ember);align-items:center;gap:.8rem;margin-bottom:2rem;font-family:Space Mono,monospace;font-size:.65rem;display:flex}.hero-index:before{content:"[ 001 ]";opacity:.5}.hero-name{letter-spacing:.04em;color:var(--ash);margin-bottom:.5rem;font-family:Bebas Neue,sans-serif;font-size:clamp(5rem,13vw,10rem);line-height:.9}.hero-name-sub{color:var(--ember);text-shadow:0 0 25px var(--ember-glow);margin-bottom:2rem;font-family:IM Fell English,serif;font-size:clamp(1.3rem,3vw,2rem);font-style:italic;display:block}.hero-desc{color:var(--ash-mid);border-left:2px solid var(--ember-dim);max-width:480px;margin-bottom:3rem;padding-left:1.2rem;font-size:.85rem;line-height:2}.hero-cta{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.btn-void{background:var(--ember);color:#fff;letter-spacing:.2em;text-transform:uppercase;cursor:none;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);border:none;padding:.9rem 2.5rem;font-family:Space Mono,monospace;font-size:.7rem;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.btn-void:before{content:"";background:var(--ember-hot);transition:transform .35s;position:absolute;inset:0;transform:translate(-100%)}.btn-void:hover:before{transform:translate(0)}.btn-void span{z-index:1;position:relative}.btn-ghost{color:var(--ash-mid);border:1px solid var(--ash-dim);letter-spacing:.2em;text-transform:uppercase;cursor:none;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);background:0 0;padding:.9rem 2.5rem;font-family:Space Mono,monospace;font-size:.7rem;text-decoration:none;transition:all .3s}.btn-ghost:hover{border-color:var(--ember);color:var(--ember)}.hero-counter{z-index:2;text-align:right;position:absolute;bottom:3rem;right:3rem}.hero-counter span{color:#0000;-webkit-text-stroke:1px #c8102e33;letter-spacing:.1em;font-family:Bebas Neue,sans-serif;font-size:5rem;line-height:1;display:block}.hero-counter small{letter-spacing:.25em;color:var(--ash-dim);text-transform:uppercase;font-family:Space Mono,monospace;font-size:.6rem}.about{background:var(--void);padding:130px 0;position:relative;overflow:hidden}.about:before{content:"ABOUT";color:#0000;-webkit-text-stroke:1px #ffffff05;pointer-events:none;white-space:nowrap;font-family:Bebas Neue,sans-serif;font-size:20vw;position:absolute;top:50%;right:-1rem;transform:translateY(-50%)}.about-grid{z-index:1;grid-template-columns:1fr 1fr;align-items:start;gap:6rem;display:grid;position:relative}.about-photo{aspect-ratio:3/4;background:var(--void-mid);border:1px solid var(--border-cold);width:100%;position:relative;overflow:hidden}.about-photo:before{content:"";background:linear-gradient(135deg, var(--ember-trace) 0%, transparent 60%);position:absolute;inset:0}.about-photo-inner{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.photo-glyph{filter:grayscale()brightness(.4);font-size:4rem}.photo-mono{letter-spacing:.2em;color:var(--ash-dim);text-transform:uppercase;font-family:Space Mono,monospace;font-size:.6rem}.photo-corner{border-color:var(--ember);opacity:.6;border-style:solid;width:24px;height:24px;position:absolute}.photo-corner-tl{border-width:1px 0 0 1px;top:12px;left:12px}.photo-corner-br{border-width:0 1px 1px 0;bottom:12px;right:12px}.photo-scanline{background:linear-gradient(90deg, transparent, var(--ember-dim), transparent);height:2px;animation:3s ease-in-out infinite photoScan;position:absolute;left:0;right:0}@keyframes photoScan{0%{opacity:1;top:0}80%{opacity:1;top:100%}to{opacity:0;top:100%}}.about-right{padding-top:1rem}.about-body{color:var(--ash-mid);margin:1.5rem 0 2.5rem;font-size:.88rem;line-height:2.1}.about-body strong{color:var(--ash);font-weight:400}.void-quote{border:1px solid var(--border-cold);border-left:2px solid var(--ember);background:var(--void-mid);margin-bottom:2.5rem;padding:1.5rem}.void-quote blockquote{color:var(--ash-mid);font-family:IM Fell English,serif;font-size:1.15rem;font-style:italic;line-height:1.6}.void-quote cite{letter-spacing:.2em;color:var(--ember);margin-top:.8rem;font-family:Space Mono,monospace;font-size:.6rem;display:block}.about-stats{background:var(--border-cold);border:1px solid var(--border-cold);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.stat-cell{background:var(--void);text-align:center;padding:1.5rem 1rem}.stat-n{color:var(--ember);text-shadow:0 0 20px var(--ember-glow);font-family:Bebas Neue,sans-serif;font-size:2.8rem;line-height:1;display:block}.stat-l{letter-spacing:.2em;color:var(--ash-dim);text-transform:uppercase;margin-top:.3rem;font-family:Space Mono,monospace;font-size:.55rem;display:block}.skills{background:var(--void-mid);padding:130px 0;position:relative}.skills-header{margin-bottom:4rem}.skills-list{flex-direction:column;gap:0;display:flex}.skill-row{border-bottom:1px solid var(--border-cold);grid-template-columns:200px 1fr 60px;align-items:center;gap:2rem;padding:1.4rem 0;transition:all .3s;display:grid}.skill-row:first-child{border-top:1px solid var(--border-cold)}.skill-row:hover{background:var(--ash-ghost);padding-left:1rem}.skill-row-name{color:var(--ash);letter-spacing:.08em;align-items:center;gap:.8rem;font-family:Space Mono,monospace;font-size:.78rem;display:flex}.skill-row-name .s-icon{font-size:1.1rem}.skill-track{background:var(--border-cold);height:1px;position:relative}.skill-fill{background:var(--ember);height:1px;box-shadow:0 0 8px var(--ember-glow);transition:width 1.4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.skill-fill:after{content:"";background:var(--ember-hot);width:7px;height:7px;box-shadow:0 0 12px var(--ember-hot);border-radius:50%;position:absolute;top:-3px;right:-3px}.skill-pct{color:var(--ash-dim);text-align:right;font-family:Space Mono,monospace;font-size:.65rem}.projects{background:var(--void);padding:130px 0}.projects-header{margin-bottom:4rem}.projects-grid{background:var(--border-cold);border:1px solid var(--border-cold);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.proj-card{background:var(--void);cursor:none;padding:2.5rem;transition:background .3s;position:relative;overflow:hidden}.proj-card:before{content:"";background:linear-gradient(135deg, var(--ember-trace) 0%, transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.proj-card:hover{background:var(--void-mid)}.proj-card:hover:before{opacity:1}.proj-num{color:#0000;-webkit-text-stroke:1px #c8102e26;margin-bottom:1.5rem;font-family:Bebas Neue,sans-serif;font-size:4.5rem;line-height:1;transition:-webkit-text-stroke-color .3s}.proj-card:hover .proj-num{-webkit-text-stroke-color:#c8102e80}.proj-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.proj-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--ember);border:1px solid var(--ember-dim);padding:.2rem .6rem;font-family:Space Mono,monospace;font-size:.55rem}.proj-title{letter-spacing:.06em;color:var(--ash);margin-bottom:.8rem;font-family:Bebas Neue,sans-serif;font-size:1.8rem;line-height:1.1}.proj-desc{color:var(--ash-dim);margin-bottom:2rem;font-size:.78rem;line-height:1.9}.proj-link{letter-spacing:.15em;text-transform:uppercase;color:var(--ash-mid);align-items:center;gap:.5rem;font-family:Space Mono,monospace;font-size:.62rem;text-decoration:none;transition:color .3s;display:inline-flex}.proj-link:hover{color:var(--ember)}.proj-arrow{color:var(--ember-dim);opacity:0;font-size:1.5rem;transition:all .3s;position:absolute;bottom:2rem;right:2rem}.proj-card:hover .proj-arrow{opacity:1;color:var(--ember);transform:translate(4px,-4px)}.contact{background:var(--void-mid);padding:130px 0;position:relative;overflow:hidden}.contact:before{content:"VOID";color:#0000;-webkit-text-stroke:1px #ffffff04;pointer-events:none;font-family:Bebas Neue,sans-serif;font-size:30vw;position:absolute;bottom:-4rem;left:-2rem}.contact-grid{z-index:1;grid-template-columns:1fr 1.3fr;align-items:start;gap:6rem;display:grid;position:relative}.contact-tagline{color:var(--ash-mid);margin-top:1.5rem;font-family:IM Fell English,serif;font-size:1rem;font-style:italic;line-height:1.7}.contact-items{flex-direction:column;gap:1.5rem;margin-top:3rem;display:flex}.contact-item{align-items:center;gap:1rem;display:flex}.c-icon{border:1px solid var(--border-cold);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;transition:border-color .3s;display:flex}.contact-item:hover .c-icon{border-color:var(--ember)}.c-label{letter-spacing:.2em;color:var(--ember);text-transform:uppercase;margin-bottom:.2rem;font-family:Space Mono,monospace;font-size:.55rem;display:block}.c-val{color:var(--ash-mid);font-size:.82rem}.socials{gap:.8rem;margin-top:2.5rem;display:flex}.soc-btn{border:1px solid var(--border-cold);cursor:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;text-decoration:none;transition:all .3s;display:flex}.soc-btn:hover{border-color:var(--ember);background:var(--ember-trace);transform:translateY(-3px)}.void-form{flex-direction:column;gap:1.2rem;display:flex}.f-group{flex-direction:column;gap:.5rem;display:flex}.f-label{letter-spacing:.2em;color:var(--ember);text-transform:uppercase;font-family:Space Mono,monospace;font-size:.58rem}.f-input,.f-textarea{background:var(--void);border:1px solid var(--border-cold);color:var(--ash);resize:vertical;outline:none;padding:.85rem 1rem;font-family:Roboto Mono,monospace;font-size:.82rem;transition:border-color .3s}.f-input::placeholder,.f-textarea::placeholder{color:var(--ash-dim)}.f-input:focus,.f-textarea:focus{border-color:var(--ember)}.f-textarea{min-height:120px}.btn-send{border:1px solid var(--ember);color:var(--ember);letter-spacing:.2em;text-transform:uppercase;cursor:none;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);background:0 0;align-self:flex-start;padding:1rem 3rem;font-family:Space Mono,monospace;font-size:.7rem;transition:all .3s}.btn-send:hover{background:var(--ember);color:#fff;box-shadow:0 0 25px var(--ember-glow)}.btn-send:disabled{background:var(--ember);color:#fff}.footer{background:var(--void);border-top:1px solid var(--border-cold);padding:2rem 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-text{letter-spacing:.15em;color:var(--ash-dim);font-family:Space Mono,monospace;font-size:.6rem}.footer-text .e{color:var(--ember)}@media (width<=768px){.nav-links{display:none}.about-grid{grid-template-columns:1fr;gap:3rem}.projects-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:3rem}.skill-row{grid-template-columns:150px 1fr 50px;gap:1rem}.hero-counter{display:none}}