.navbar{z-index:1000;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090909e0;position:sticky;top:0}.navbar-container{max-width:var(--max-width);justify-content:space-between;align-items:center;min-height:68px;margin:0 auto;padding:0 1.5rem;display:flex}.navbar-brand{align-items:center;gap:.75rem;display:inline-flex}.brand-mark{border:1px solid var(--border-strong);background:var(--surface);text-align:center;grid-template-columns:1fr 1fr;width:42px;height:42px;font-family:Consolas,Courier New,monospace;font-size:1rem;font-weight:800;line-height:40px;display:grid;position:relative;overflow:hidden}.brand-mark:before{content:"";border-top:1px solid var(--primary-bright);border-left:1px solid var(--primary-bright);position:absolute;inset:4px}.brand-c,.brand-h{z-index:1;position:relative}.brand-h{color:var(--accent)}.brand-cut{border-left:1px solid var(--accent);background:var(--background);width:18px;height:18px;position:absolute;bottom:-8px;right:-8px;rotate:45deg}.brand-name{letter-spacing:.15em;flex-direction:column;line-height:1;display:flex}.brand-name strong{font-size:.72rem}.brand-name small{color:var(--text-secondary);margin-top:.3rem;font-size:.58rem}.navbar-right,.navbar-links{align-items:center;display:flex}.navbar-right{gap:2rem}.navbar-links{gap:1.65rem}.navbar-links a{color:var(--text-secondary);letter-spacing:.04em;transition:var(--transition);font-size:.78rem;font-weight:600}.navbar-links a span{color:var(--primary-bright);margin-right:.35rem;font-family:Consolas,monospace;font-size:.6rem}.navbar-links a:hover{color:var(--text-primary)}.resume-button{border:1px solid var(--border);color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;transition:var(--transition);background:0 0;align-items:center;gap:.6rem;padding:.48rem .7rem;font-family:Consolas,monospace;font-size:.68rem;display:inline-flex}.resume-button span{color:var(--accent)}.resume-button:hover{border-color:var(--accent);color:var(--text-primary)}@media (width<=760px){.brand-name,.resume-button,.navbar-links a span{display:none}.navbar-links{gap:1rem}.navbar-links a{font-size:.72rem}}@media (width<=460px){.navbar-container{min-height:60px;padding:0 .65rem}.brand-mark{width:36px;height:36px;font-size:.88rem;line-height:34px}.navbar-right{gap:.5rem}.navbar-links{gap:clamp(.45rem,2.6vw,.75rem)}.navbar-links a{font-size:clamp(.58rem,2.7vw,.68rem)}}.hero{border-bottom:1px solid var(--border);padding:5.5rem 1.5rem 2.5rem;position:relative}.hero-container{max-width:var(--max-width);margin:0 auto}.hero-main{grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);align-items:end;gap:clamp(3rem,8vw,7rem);display:grid}.hero-eyebrow{color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:1rem;margin-bottom:1.25rem;font-family:Consolas,Courier New,monospace;font-size:.68rem;display:flex}.hero-eyebrow span{color:var(--primary-bright);border:1px solid #c7194c99;padding:.35rem .55rem}.hero h1{letter-spacing:-.075em;max-width:760px;font-size:clamp(4rem,8vw,7.3rem);font-weight:750;line-height:.79}.hero h1 span{color:#0000;-webkit-text-stroke:1px #f5f5f5bf;margin-left:.34em;display:block}.hero-role{color:var(--accent);letter-spacing:.07em;text-transform:uppercase;margin:2rem 0 .9rem;font-family:Consolas,Courier New,monospace;font-size:clamp(.72rem,1.3vw,.86rem)}.hero-role span{color:var(--primary-bright);margin:0 .5rem}.hero-description{max-width:600px;color:var(--text-secondary);font-size:1rem;line-height:1.75}.hero-buttons{gap:.75rem;margin-top:1.75rem;display:flex}.hero-buttons a,.hero-buttons button{border:1px solid var(--border-strong);transition:var(--transition);align-items:center;gap:1.5rem;padding:.75rem 1rem;font-size:.78rem;font-weight:600;display:inline-flex}.hero-buttons .button-primary{border-color:var(--primary);background:var(--primary)}.hero-buttons .button-primary:hover{background:var(--primary-bright)}.hero-buttons .button-secondary:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.resume-download{color:var(--text-secondary);background:0 0}.resume-download span{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-family:Consolas,monospace;font-size:.58rem}.hero-console{border:1px solid var(--border-strong);background:#111111e0;box-shadow:14px 14px #9f12391a}.console-header,.console-footer{letter-spacing:.1em;justify-content:space-between;align-items:center;padding:.65rem .8rem;font-family:Consolas,monospace;font-size:.62rem;display:flex}.console-header{border-bottom:1px solid var(--border);color:var(--text-secondary)}.console-header div{gap:.3rem;display:flex}.console-header i{background:var(--border-strong);border-radius:50%;width:5px;height:5px}.console-header i:first-child{background:var(--primary-bright)}.console-body{padding:1.25rem .9rem}.console-body p{border-bottom:1px dashed var(--border);color:var(--text-secondary);padding:.48rem 0;font-size:.76rem}.console-body p:last-child{border:0}.console-body span{color:var(--accent);margin-right:.8rem;font-family:Consolas,monospace}.console-footer{border-top:1px solid var(--border);color:var(--text-secondary)}.console-footer strong{color:#67c587;font-size:inherit}.hero-strip{color:var(--text-secondary);letter-spacing:.11em;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-top:4rem;font-family:Consolas,monospace;font-size:.62rem;display:grid}.hero-strip div{background:var(--border);height:1px}.hero-strip p{letter-spacing:0}@media (width<=800px){.hero{padding-top:4rem}.hero-main{grid-template-columns:1fr;gap:2.5rem}.hero-console{max-width:430px}}@media (width<=560px){.hero{padding:3.5rem 1rem 2rem}.hero h1{font-size:clamp(3.4rem,18vw,5rem)}.hero-eyebrow{flex-direction:column;align-items:flex-start;gap:.6rem}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons a,.hero-buttons button{justify-content:space-between}.hero-strip{grid-template-columns:auto 1fr;margin-top:2.5rem}.hero-strip p{display:none}}.selected-work{border-bottom:1px solid var(--border);padding:4.5rem 1.5rem}.selected-work-container{max-width:var(--max-width);margin:0 auto}.projects-list{gap:1rem;display:grid}.project-card{border:1px solid var(--border);background:#1111119e;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);min-height:330px;display:grid}.project-card:nth-child(2n){grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr)}.project-card:nth-child(2n) .project-preview{border-right:0;border-left:1px solid var(--border);order:2}.project-preview{border-right:1px solid var(--border);min-height:330px;position:relative;overflow:hidden}.project-preview>img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:scale .6s}.project-card:hover .project-preview>img{scale:1.025}.preview-caption{z-index:4;color:#ffffffb8;letter-spacing:.08em;background:#080808d1;border:1px solid #fff3;padding:.35rem .5rem;font-family:Consolas,monospace;font-size:.52rem;position:absolute;bottom:.75rem;right:.75rem}.preview-browser{z-index:5;background:#080808bf;border-bottom:1px solid #ffffff1f;align-items:center;gap:.32rem;height:34px;padding:0 .7rem;font-family:Consolas,monospace;display:flex;position:absolute;top:0;left:0;right:0}.preview-browser i{background:#ffffff3d;border-radius:50%;width:5px;height:5px}.preview-browser i:first-child{background:var(--primary-bright)}.preview-browser span{color:#ffffff73;margin-left:.5rem;font-size:.56rem}.preview-vallejo{background:radial-gradient(circle at 75% 30%,#2481a047,#0000 35%),linear-gradient(135deg,#081318,#0b242d);place-items:center;display:grid}.vt-preview-body{width:78%;padding-top:2rem}.vt-preview-body strong{letter-spacing:.16em;font-family:Consolas,monospace;font-size:.82rem}.vt-preview-body strong span{color:#49b5d4;border:1px solid #49b5d4;place-items:center;width:27px;height:27px;margin-right:.45rem;display:inline-grid}.vt-preview-body p{letter-spacing:-.04em;max-width:320px;margin:2rem 0 1.4rem;font-size:clamp(1.2rem,2.4vw,2rem);font-weight:800;line-height:1}.vt-preview-body div{flex-wrap:wrap;gap:.4rem;display:flex}.vt-preview-body div span{color:#82cfe5;border:1px solid #49b5d466;padding:.35rem .5rem;font-family:Consolas,monospace;font-size:.52rem}.preview-soulful{color:#2c2027;background:radial-gradient(circle at 20% 80%,#d8588e45,#0000 35%),linear-gradient(135deg,#fff7f1,#eadde4);place-items:center;display:grid}.sc-preview-body{width:78%;padding-top:2rem}.sc-heading{align-items:baseline;gap:.35rem;display:flex}.sc-heading b{color:#b83e72;letter-spacing:.15em;font-size:1.05rem}.sc-heading span{font-family:Georgia,serif;font-style:italic}.sc-products{grid-template-columns:repeat(3,1fr);gap:.55rem;margin:1.3rem 0 .9rem;display:grid}.sc-products i{aspect-ratio:.9;background:linear-gradient(150deg,#e9a5bd,#9c315f);border-radius:40% 40% 10% 10%;display:block;box-shadow:0 8px 18px #5a233c2e}.sc-products i:nth-child(2){background:linear-gradient(150deg,#f1ca7c,#d15a73);border-radius:4px}.sc-products i:nth-child(3){background:linear-gradient(150deg,#a7d9da,#397a93);border-radius:50%}.sc-preview-body p{color:#6f5360;letter-spacing:.15em;font-size:.55rem;font-weight:800}.preview-crimson{background:linear-gradient(#280d12 0%,#10090a 58%,#050505 100%)}.game-sky{text-align:center;position:absolute;top:60px;left:50%;translate:-50%}.game-sky span,.game-sky strong{letter-spacing:.14em;font-size:clamp(1.7rem,3vw,3rem);line-height:.85;display:block}.game-sky span{color:#d1263c;font-size:.62rem}.game-sky strong{color:#ffffffc7}.game-ground{clip-path:polygon(0 30%,16% 17%,26% 32%,45% 9%,62% 25%,78% 4%,100% 25%,100% 100%,0 100%);background:linear-gradient(73deg,#0000 48%,#c919342e 49%,#0000 50%),repeating-linear-gradient(90deg,#070707 0 36px,#0c0c0c 37px 74px);height:68%;position:absolute;bottom:-30%;left:-10%;right:-10%;rotate:-4deg}.game-crosshair{z-index:2;width:28px;height:28px;position:absolute;top:55%;left:50%;translate:-50% -50%}.game-crosshair i{background:#ffffff8c;width:100%;height:1px;position:absolute;top:50%;left:0}.game-crosshair i:last-child{rotate:90deg}.game-hud{z-index:3;color:#d8c7c7;justify-content:space-between;font-family:Consolas,monospace;font-size:.62rem;display:flex;position:absolute;bottom:.9rem;left:1rem;right:1rem}.game-hud span{color:#d1263c}.project-content{flex-direction:column;padding:1.75rem;display:flex}.project-meta{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.75rem;font-family:Consolas,monospace;font-size:.62rem;display:flex}.project-meta span{color:var(--primary-bright)}.project-content h3{letter-spacing:-.045em;margin:.8rem 0;font-size:clamp(1.7rem,3vw,2.45rem)}.project-description{color:var(--text-secondary);font-size:.86rem;line-height:1.65}.project-tags{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.project-tags li{border:1px solid var(--border);color:var(--text-secondary);padding:.25rem .45rem;font-family:Consolas,monospace;font-size:.58rem}.project-links{gap:1.25rem;margin-top:auto;padding-top:1.5rem;display:flex}.project-links a{color:var(--text-primary);align-items:center;gap:.4rem;font-size:.72rem;font-weight:650;display:inline-flex}.project-links a:hover{color:var(--accent)}.work-note{color:var(--text-secondary);text-align:right;margin-top:1rem;font-family:Consolas,monospace;font-size:.62rem}@media (width<=760px){.project-card,.project-card:nth-child(2n){grid-template-columns:1fr}.project-card:nth-child(2n) .project-preview{order:initial;border-left:0}.project-preview{border-right:0;border-bottom:1px solid var(--border);min-height:290px}.project-content{min-height:280px}}@media (width<=560px){.selected-work{padding:3.5rem 1rem}.project-content{padding:1.25rem}}.who-i-am{border-bottom:1px solid var(--border);padding:4.5rem 1.5rem}.who-i-am-container{max-width:var(--max-width);margin:0 auto}.section-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.25rem;padding-bottom:1rem;display:flex}.section-label{color:var(--primary-bright);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.4rem;font-family:Consolas,monospace;font-size:.68rem;font-weight:700}.section-heading h2{letter-spacing:-.045em;font-size:clamp(2rem,4vw,3rem)}.section-intro{color:var(--text-secondary);font-family:Consolas,monospace;font-size:.7rem}.who-i-am-content{grid-template-columns:minmax(260px,.8fr) 1.7fr;gap:clamp(2rem,6vw,5rem);display:grid}.who-i-am-highlights{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;align-content:start;display:grid}.who-i-am-highlights span{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:72px;color:var(--text-primary);flex-direction:column;padding:.7rem;font-size:.82rem;font-weight:600;display:flex}.who-i-am-highlights small{color:var(--accent);margin-bottom:.5rem;font-family:Consolas,monospace;font-size:.58rem}.who-i-am-story{counter-reset:paragraph;flex-direction:column;gap:1.1rem;display:flex}.who-i-am-story p{color:var(--text-secondary);padding-left:2rem;font-size:.95rem;line-height:1.75;position:relative}.who-i-am-story p:before{counter-increment:paragraph;content:"0" counter(paragraph);color:var(--primary-bright);font-family:Consolas,monospace;font-size:.62rem;position:absolute;top:.15rem;left:0}@media (width<=900px){.who-i-am-content{grid-template-columns:1fr}}@media (width<=560px){.who-i-am{padding:3.5rem 1rem}.section-heading{flex-direction:column;align-items:flex-start;gap:.5rem}}.journey{border-bottom:1px solid var(--border);padding:4.5rem 1.5rem}.journey-container{max-width:var(--max-width);margin:0 auto}.roadmap{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.milestone-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:145px;transition:var(--transition);background:#1111119e;grid-template-columns:36px 1fr;gap:.6rem;padding:1.2rem;display:grid;position:relative}.milestone-card:hover{background:var(--surface-raised);box-shadow:inset 0 3px var(--primary)}.milestone-number{color:var(--accent);font-family:Consolas,monospace;font-size:.65rem}.milestone-card h3{margin-bottom:.45rem;font-size:.95rem}.milestone-card p{color:var(--text-secondary);font-size:.78rem;line-height:1.55}.current-milestone{background:linear-gradient(135deg,#d4af3714,#0000 55%),#1111119e}.current-milestone h3{color:var(--accent)}.current-badge{color:var(--accent);letter-spacing:.1em;border:1px solid #d4af3766;margin-bottom:.65rem;padding:.2rem .45rem;font-family:Consolas,monospace;font-size:.56rem;font-weight:700;display:inline-block}.additional-experience{border:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:1.5rem;padding:1.1rem 1.25rem;display:flex}.additional-experience h3{font-size:.85rem}.additional-experience ul{color:var(--text-secondary);flex-wrap:wrap;justify-content:flex-end;gap:.8rem 1.5rem;font-size:.72rem;display:flex}@media (width<=800px){.roadmap{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.journey{padding:3.5rem 1rem}.roadmap{grid-template-columns:1fr}.additional-experience{flex-direction:column}.additional-experience ul{justify-content:flex-start}}.contact-section{padding:4.5rem 1.5rem}.contact-container{max-width:var(--max-width);margin:0 auto}.contact-layout{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:clamp(2.5rem,7vw,6rem);display:grid}.contact-copy>p{max-width:340px;color:var(--text-secondary);font-size:.9rem;line-height:1.7}.contact-direct{flex-direction:column;align-items:flex-start;gap:.65rem;margin-top:2rem;display:flex}.contact-direct>span,.contact-form label>span{color:var(--primary-bright);letter-spacing:.1em;text-transform:uppercase;font-family:Consolas,monospace;font-size:.6rem}.contact-direct a{color:var(--text-secondary);transition:var(--transition);font-family:Consolas,monospace;font-size:.72rem}.contact-direct a:hover{color:var(--text-primary)}.contact-direct b{color:var(--accent);font-weight:inherit}.contact-form{border:1px solid var(--border);background:#1111119e;gap:1.2rem;padding:1.5rem;display:grid}.contact-success{background:linear-gradient(135deg,#67c5871f,#0000 58%),#111111d1;border:1px solid #67c5878c;flex-direction:column;justify-content:center;min-height:430px;padding:clamp(2rem,5vw,4rem);display:flex;position:relative;overflow:hidden;box-shadow:inset 4px 0 #67c587}.contact-success:after{content:"";border:1px solid #67c5871f;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-70px;right:-70px;box-shadow:0 0 0 28px #67c5870a,0 0 0 58px #67c58706}.success-mark{color:#67c587;border:1px solid #67c587;place-items:center;width:58px;height:58px;margin-bottom:1.5rem;font-size:1.5rem;display:grid;rotate:45deg}.success-mark span{rotate:-45deg}.contact-success>p{color:#67c587;letter-spacing:.12em;font-family:Consolas,monospace;font-size:.65rem;font-weight:700}.contact-success h3{color:var(--text-primary);letter-spacing:-.055em;margin-top:.65rem;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.95}.contact-success>strong{color:#67c587;margin-top:.5rem;font-size:clamp(1.25rem,2.5vw,2rem)}.success-detail{max-width:430px;color:var(--text-secondary);margin-top:1.5rem;font-size:.82rem;line-height:1.65}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact-form label{gap:.45rem;display:grid}.contact-form input,.contact-form textarea{border:0;border-bottom:1px solid var(--border-strong);width:100%;color:var(--text-primary);font:inherit;transition:var(--transition);background:0 0;border-radius:0;outline:0;font-size:.88rem}.contact-form input{height:42px}.contact-form textarea{resize:vertical;padding:.7rem 0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.form-honeypot{position:absolute;left:-9999px}.turnstile-widget{min-height:65px}.form-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.form-footer p{color:var(--text-secondary);font-family:Consolas,monospace;font-size:.62rem}.form-footer button{border:1px solid var(--accent);color:var(--accent);cursor:pointer;transition:var(--transition);background:0 0;flex-shrink:0;align-items:center;gap:1.8rem;padding:.75rem 1rem;font-weight:650;display:inline-flex}.form-footer button:hover:not(:disabled){background:var(--accent);color:var(--background)}.form-footer button:disabled{cursor:wait;opacity:.65}@media (width<=760px){.contact-layout{grid-template-columns:1fr}}@media (width<=560px){.contact-section{padding:3.5rem 1rem}.form-row{grid-template-columns:1fr}.contact-form{padding:1.1rem}.form-footer{flex-direction:column;align-items:stretch}.form-footer button{justify-content:space-between}}.beyond-keyboard{border-bottom:1px solid var(--border);padding:4.5rem 1.5rem}.beyond-keyboard-container{max-width:var(--max-width);margin:0 auto}.beyond-keyboard-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.beyond-keyboard-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:160px;transition:var(--transition);background:#1111119e;padding:1.1rem}.beyond-keyboard-card:hover{background:var(--surface-raised);box-shadow:inset 3px 0 var(--primary)}.beyond-keyboard-icon{color:var(--accent);margin-bottom:1rem}.beyond-keyboard-card p{color:var(--text-secondary);font-size:.78rem;line-height:1.55}.beyond-keyboard-card h3{margin-bottom:.35rem;font-size:.88rem}@media (width<=1200px){.beyond-keyboard-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.beyond-keyboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.beyond-keyboard{padding:3.5rem 1rem}.beyond-keyboard-grid{grid-template-columns:repeat(2,1fr)}}:root{--background:#090909;--surface:#111;--surface-raised:#171717;--text-primary:#f5f5f5;--text-secondary:#aaa7a2;--primary:#9f1239;--primary-bright:#c7194c;--accent:#d4af37;--border:#292929;--border-strong:#3b3b3b;--max-width:1120px;--transition:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);min-width:320px;color:var(--text-primary);font-family:Segoe UI,Inter,Arial,Helvetica,sans-serif;line-height:1.5;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}::selection{background:var(--primary);color:var(--text-primary)}main{padding-top:0}section{scroll-margin-top:80px}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}footer{max-width:var(--max-width);border-top:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;gap:1rem;margin:0 auto;padding:1.4rem 1.5rem;font-family:Consolas,monospace;font-size:.62rem;display:flex}@media (width<=560px){footer{flex-direction:column;padding:1.4rem 1rem}}