:root{--bg:#0a0d09;--ink:#d9ff4b;--dim:#77902b;--line:#315116;--paper:#e7f3cd;--orange:#ff7545;--blue:#87c5ea;--mono:"Courier New",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:14px;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;opacity:.34;background-image:linear-gradient(#172013 1px,transparent 1px),linear-gradient(90deg,#172013 1px,transparent 1px);background-size:24px 24px}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 2px,#9bd02e 3px 4px);mix-blend-mode:screen}.topbar{height:29px;padding:7px max(18px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:var(--dim);font-size:10px;letter-spacing:.08em}main{max-width:1320px;margin:auto;padding:0 28px}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-weight:bold;font-size:22px;color:var(--ink);text-decoration:none;letter-spacing:-1px}nav{display:flex;gap:28px}nav a{color:var(--dim);text-decoration:none;font-size:12px}nav a:hover{color:var(--ink);text-decoration-line:underline}.hero{min-height:600px;padding:48px 0 42px;display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.terminal-label{font-size:11px;color:var(--dim)}.command{margin:36px 0 23px;color:var(--paper);font-size:14px}.command span{color:var(--ink);padding-right:12px}.cursor{display:inline-block;animation:blink .8s step-end infinite;color:var(--ink)!important;padding:0!important}@keyframes blink{50%{opacity:0}}.identity{display:grid;grid-template-columns:205px 1fr;align-items:center;gap:44px}.mosaic{width:180px;height:180px;display:grid;grid-template-columns:repeat(4,1fr);border:4px solid var(--ink);gap:3px;padding:3px;background:#315116}.mosaic i{background:#152111}.mosaic i:nth-child(1),.mosaic i:nth-child(2),.mosaic i:nth-child(5),.mosaic i:nth-child(6),.mosaic i:nth-child(7),.mosaic i:nth-child(9),.mosaic i:nth-child(10),.mosaic i:nth-child(11),.mosaic i:nth-child(14){background:var(--ink)}.mosaic i:nth-child(3),.mosaic i:nth-child(8),.mosaic i:nth-child(13){background:#86a92b}.mosaic i:nth-child(12),.mosaic i:nth-child(15),.mosaic i:nth-child(16){background:#d8ec9a}.identity h1{font-size:clamp(43px,6.2vw,94px);line-height:.94;letter-spacing:-.11em;margin:0 0 21px;color:var(--paper)}.identity h1 span{color:var(--ink);text-shadow:3px 3px 0 #406614}.output{font-size:13px;line-height:1.8;color:var(--dim);margin:0}.hero-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;font-size:11px}.hero-foot a{background:var(--ink);color:var(--bg);padding:12px 16px;font-weight:bold;text-decoration:none}.hero-foot a:hover{background:var(--paper)}.hero-foot span{color:var(--dim);font-size:10px}.panel{margin:90px 0;border:1px solid var(--ink);background:var(--bg);box-shadow:7px 7px 0 #2d5010}.panel-bar{padding:8px 10px;background:var(--ink);color:var(--bg);font-size:10px;font-weight:bold;display:flex;justify-content:space-between}.panel-content{display:grid;grid-template-columns:52px 1fr;padding:29px 20px 34px}.line-no{font-size:12px;line-height:1.65;color:#3f5e1a;border-right:1px solid var(--line);user-select:none}.panel-content>div:last-child{padding-left:25px}.panel-content p{font-size:clamp(16px,2vw,22px);line-height:1.72;margin:0;color:var(--paper)}.panel-content b{color:var(--ink)}.skills{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.skills span{border:1px solid var(--dim);padding:6px 9px;color:var(--dim);font-size:10px}.work{padding:22px 0 93px}.section-title{display:flex;align-items:baseline;gap:16px;margin-bottom:22px}.section-title>span{font-size:10px;color:var(--dim)}.section-title>span:last-child{margin-left:auto}.section-title h2{font-size:clamp(27px,4vw,54px);letter-spacing:-.09em;margin:0;color:var(--paper)}.section-title i{font-style:normal;color:var(--ink)}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project{min-height:356px;padding:15px;position:relative;display:flex;flex-direction:column;justify-content:space-between;color:var(--bg);text-decoration:none;overflow:hidden;border:3px solid currentColor}.project:hover{transform:translate(-4px,-4px);box-shadow:7px 7px 0 var(--ink)}.lime{background:var(--ink)}.orange{background:var(--orange)}.blue{background:var(--blue)}.project-no,.project p,.project b{position:relative;z-index:1;font-size:10px}.project>div:last-child{position:relative;z-index:1}.project p{margin:0 0 7px}.project h3{margin:0;font-size:clamp(25px,3.2vw,42px);letter-spacing:-.1em}.project b{display:inline-block;margin-top:14px;font-size:11px}.pixel-grid{position:absolute;inset:58px 23px 95px;background:linear-gradient(90deg,transparent 49%,currentColor 50% 53%,transparent 54%),linear-gradient(transparent 47%,currentColor 48% 52%,transparent 53%);opacity:.23;image-rendering:pixelated}.g1{background-color:#5f9411;background-size:35px 35px}.g2{background-color:#cc3d1d;background-size:26px 26px;transform:rotate(9deg) scale(1.3)}.g3{background-color:#2580b1;background-size:44px 44px}.contact{border-top:1px solid var(--line);padding:71px 0 100px}.contact .command{margin:0 0 23px}.contact h2{max-width:800px;color:var(--paper);font-size:clamp(35px,5.2vw,72px);line-height:1.02;letter-spacing:-.1em;margin:0 0 38px}.email{color:var(--ink);font-weight:bold;font-size:clamp(18px,2.7vw,32px);text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:6px}.email:hover{color:var(--paper);border-color:var(--paper)}.email span{margin-left:28px}.hint{color:var(--dim);font-size:10px;margin-top:14px}footer{max-width:1320px;margin:auto;padding:18px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--dim);font-size:10px}footer a{color:var(--dim);text-decoration:none}@media(max-width:680px){body{font-size:12px}.topbar{padding:7px 14px}.topbar span:nth-child(2){display:none}main{padding:0 17px}header{height:72px}.logo{font-size:18px}nav{gap:12px}nav a{font-size:10px}.hero{min-height:580px;padding-top:32px}.identity{grid-template-columns:1fr;gap:23px}.mosaic{width:125px;height:125px}.identity h1{font-size:16vw}.hero-foot{gap:20px}.hero-foot span{max-width:120px;text-align:right}.panel{margin:54px 0;box-shadow:4px 4px 0 #2d5010}.panel-content{grid-template-columns:32px 1fr;padding:19px 10px 24px}.panel-content>div:last-child{padding-left:15px}.panel-content p{font-size:15px}.work{padding-bottom:57px}.section-title{gap:9px}.section-title h2{font-size:28px}.section-title>span:last-child{display:none}.projects{grid-template-columns:1fr}.project{min-height:240px}.contact{padding:54px 0 70px}.contact h2{font-size:10.5vw}footer{padding:16px 17px;font-size:8px;gap:12px}footer span:nth-child(2){display:none}}