:root{color-scheme:dark;--bg:#05070b;--ink:#f7f8fb;--muted:#aeb7c7;--muted-soft:#747f92;--panel:#0f141dc7;--panel-solid:#111821;--panel-soft:#ffffff0d;--line:#ffffff1f;--line-strong:#ffffff38;--accent:#f5162f;--accent-soft:#f5162f29;--teal:#44d6bd;--blue:#8cb0ff;--radius:8px;--max:1240px;--shadow:0 26px 90px #0000006b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(90deg, #ffffff09 1px, transparent 1px), linear-gradient(0deg, #ffffff06 1px, transparent 1px), linear-gradient(118deg, #f5162f1f, transparent 34%), linear-gradient(252deg, #44d6bd12, transparent 32%), var(--bg);min-width:320px;color:var(--ink);background-size:84px 84px,84px 84px,auto,auto,auto;margin:0;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";background:linear-gradient(#05070b24,#05070bdb 78%),repeating-linear-gradient(100deg,#0000 0 90px,#ffffff06 91px,#0000 92px);position:fixed;inset:0}a{color:inherit}img{max-width:100%}h1,h2,h3,p,dl,dd{margin-top:0}.site-shell{width:min(var(--max), calc(100% - 40px));margin:0 auto}.topbar{z-index:20;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0f;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:18px 0;display:grid;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:226px;text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#ff2c3f,#a80e20);place-items:center;width:42px;height:42px;font-size:.9rem;font-weight:950;display:grid;box-shadow:0 16px 36px #f5162f47}.brand strong,.brand small{display:block}.brand strong{line-height:1.1}.brand small{color:var(--muted);margin-top:3px;font-size:.76rem}.nav{justify-content:center;gap:4px;display:flex}.nav a,.nav-cta,.button{border-radius:var(--radius);border:1px solid #0000;padding:11px 13px;font-size:.9rem;font-weight:760;line-height:1;text-decoration:none;transition:transform .16s,background .16s,border-color .16s}.nav a{color:#dce2ee}.nav a:hover{background:#ffffff12}.nav-cta{border-color:var(--line);background:#ffffff12;justify-self:end}.button{justify-content:center;align-items:center;min-height:48px;display:inline-flex}.button:hover,.nav-cta:hover{transform:translateY(-1px)}.button.primary{border-color:var(--accent);background:var(--accent);box-shadow:0 20px 44px #f5162f4d}.button.secondary{border-color:var(--line);background:#ffffff0f}.hero{grid-template-columns:minmax(0,.9fr) minmax(440px,.82fr);align-items:start;gap:46px;min-height:calc(100vh - 80px);padding:10px 0 54px;display:grid;position:relative}.hero:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;bottom:8%;left:50%;right:-8%}.hero-copy,.hero-visual{z-index:1;position:relative}h1{letter-spacing:0;max-width:540px;margin-bottom:24px;font-size:3.48rem;line-height:1}h2{letter-spacing:0;margin-bottom:0;font-size:4rem;line-height:.97}h3{line-height:1.12}.lead{color:#d7deea;max-width:610px;margin-bottom:22px;font-size:1.08rem;line-height:1.78}.hero-actions,.contact-links,.tag-list,.skills-strip{flex-wrap:wrap;gap:10px;display:flex}.hero-specialties{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:620px;margin-top:18px;display:grid}.hero-specialties span{border:1px solid var(--line);border-radius:var(--radius);color:#e4e9f3;background:#ffffff0c;padding:12px 13px;font-size:.88rem;font-weight:760}.hero-specialties span:before{background:var(--accent);content:"";vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:620px;margin:22px 0 0;display:grid}.metric-row div{border-top:1px solid var(--line-strong);padding-top:15px}.metric-row dt{font-size:2rem;font-weight:950}.metric-row dd{color:var(--muted);margin:5px 0 0;font-size:.9rem;line-height:1.35}.portfolio-stage{grid-template-columns:minmax(170px,.58fr) minmax(300px,1fr);align-items:start;gap:18px;min-height:auto;padding-top:8px;display:grid;position:relative}.portfolio-stage:before{content:"";background-color:#0000;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(0deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:38px 38px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #ffffff1f;position:absolute;inset:48px 0 16px 46px}.portrait-panel{z-index:2;border:1px solid var(--line);width:auto;min-width:0;box-shadow:var(--shadow);background:#0d121a;border-radius:14px;grid-area:1/1/span 2;align-self:center;position:relative;overflow:hidden}.dev-illustration{z-index:1;opacity:.82;filter:drop-shadow(0 24px 54px #0000006b);grid-area:1/2;justify-self:stretch;width:100%;animation:7s ease-in-out infinite illustration-float;position:relative}.dev-illustration svg{width:100%;height:auto;display:block}.dev-illustration rect,.dev-illustration circle,.dev-illustration path{vector-effect:non-scaling-stroke}.float-code rect,.screen rect{fill:#0c121be6;stroke:#ffffff24;stroke-width:2px}.float-code path,.screen path,.arm{fill:none;stroke:#e8edf6;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px}.screen path{stroke:#ffffff6b;stroke-width:6px}.screen .scan-line{stroke:var(--teal);stroke-dasharray:140;stroke-dashoffset:140px;animation:2.8s ease-in-out infinite scan-code}.person .head{fill:#f2d3c3;stroke:#ffffff38;stroke-width:2px;transform-origin:214px 206px;animation:5s ease-in-out infinite head-nod}.person .body{fill:#f5162fc7;stroke:#ffffff2e;stroke-width:2px}.arm{stroke:#f2d3c3;transform-origin:214px 234px}.arm-left{animation:4.8s ease-in-out infinite wave-left}.arm-right{animation:5.4s ease-in-out infinite wave-right}.orbit circle{fill:var(--teal);opacity:.74;animation:2.6s ease-in-out infinite pulse-node}.orbit circle:nth-child(2){fill:var(--accent);animation-delay:.6s}.orbit circle:nth-child(3){fill:var(--blue);animation-delay:1.1s}.float-code{animation:6s ease-in-out infinite code-float}.code-b{animation-delay:1.4s}.dev-terminal{z-index:5;border:1px solid var(--line);background:#05080de6;border-radius:14px;grid-area:3/1/auto/-1;width:min(100%,500px);position:relative;overflow:hidden;box-shadow:0 24px 70px #00000061}.terminal-tabs{background:#ffffff0b;border-bottom:1px solid #ffffff14;gap:1px;display:flex}.terminal-tabs span{color:var(--muted);padding:10px 12px;font-size:.74rem;font-weight:820}.terminal-tabs span:first-child{color:#fff;background:#f5162f2e}.dev-terminal pre{color:#dfe7f3;margin:0;padding:15px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.83rem;line-height:1.7;overflow:hidden}.dev-terminal span{display:block}.dev-terminal .ok{color:var(--teal)}.dev-terminal i{background:var(--accent);vertical-align:-2px;width:8px;height:1.05em;margin-left:3px;animation:1s steps(2,start) infinite cursor-blink;display:inline-block}.portrait-panel img{aspect-ratio:.9;object-fit:cover;width:100%;display:block}.portrait-panel div{background:linear-gradient(#f5162f29,#ffffff09);padding:16px}.portrait-panel strong,.portrait-panel span{display:block}.portrait-panel span{color:var(--muted);margin-top:5px;font-size:.83rem}.system-panel{z-index:3;border:1px solid var(--line);width:auto;box-shadow:var(--shadow);background:linear-gradient(145deg,#ffffff17,#ffffff06),#070a0fe6;border-radius:14px;grid-area:2/2;padding:16px;position:relative}.system-panel .platform-row:first-of-type{padding-top:8px}@keyframes illustration-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-10px)}}@keyframes code-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes scan-code{0%{stroke-dashoffset:140px;opacity:.3}42%,70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-140px;opacity:.28}}@keyframes head-nod{0%,to{transform:rotate(0)}50%{transform:rotate(-2deg)}}@keyframes wave-left{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@keyframes wave-right{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}@keyframes pulse-node{0%,to{opacity:.58;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes cursor-blink{0%,45%{opacity:1}46%,to{opacity:0}}.panel-title{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.panel-title span,.panel-title strong,.platform-row span,.project-index,.role,.section-heading span,.command-copy span,.timeline-item small{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:850}.panel-title strong{color:var(--teal)}.platform-row{border-top:1px solid #ffffff1a;grid-template-columns:minmax(0,.95fr) minmax(132px,.64fr);align-items:stretch;gap:16px;padding:14px 0;display:grid}.platform-row:last-child{padding-bottom:0}.platform-row h2{margin:7px 0 5px;font-size:1.2rem}.platform-row p{color:#d1d8e5;margin:0;font-size:.9rem;line-height:1.45}.mini-screen{border-radius:var(--radius);background:linear-gradient(#f5162f2e,#0000 48%),#091018;border:1px solid #ffffff1f;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;display:grid;overflow:hidden}.mini-screen i,.mini-screen b{background:#ffffff21;border-radius:5px;display:block}.mini-screen i{height:30px}.mini-screen b{background:linear-gradient(90deg, var(--accent), #ffffff24, var(--teal));grid-column:1/-1;height:36px}.route-lines{z-index:4;gap:8px;display:grid;position:absolute;inset:6px 0 auto auto}.route-lines span{border:1px solid var(--line);color:var(--muted);background:#05070bb3;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:760}.section{padding:88px 0}.section-heading{grid-template-columns:minmax(210px,.48fr) minmax(0,1fr);align-items:end;gap:30px;margin-bottom:36px;display:grid}.section-heading span,.command-copy span{color:var(--accent)}.section-heading p,.command-copy p{max-width:690px;color:var(--muted);margin:18px 0 0;line-height:1.72}.section-heading.compact{grid-template-columns:1fr}.case-stack{gap:18px;display:grid}.case-card{border:1px solid var(--line);background:linear-gradient(110deg,#ffffff12,#ffffff06),#0a0f17e0;border-radius:14px;grid-template-columns:80px minmax(0,.98fr) minmax(300px,.62fr);align-items:stretch;gap:24px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000042}.case-card:first-child{background:linear-gradient(115deg,#f5162f2e,#44d6bd0e 60%,#ffffff0a),#0a0f17e6}.project-index{color:var(--teal)}.case-copy h3{max-width:640px;margin-bottom:10px;font-size:2.25rem}.case-copy>p:not(.role){color:#ccd4df;max-width:760px;line-height:1.68}.tag-list{margin-top:22px}.tag-list span,.skills-strip span{border:1px solid var(--line);border-radius:var(--radius);color:#e6ebf3;background:#ffffff0f;padding:8px 10px;font-size:.86rem;font-weight:730}.case-preview{align-items:center;display:flex}.case-window{background:linear-gradient(#ffffff0f,#0000 42%),#080d14;border:1px solid #ffffff1f;border-radius:12px;width:100%;min-height:190px;padding:18px;position:relative;overflow:hidden}.case-window span{background:#ffffff1f;border-radius:999px;height:16px;margin-bottom:12px;display:block}.case-window span:first-child{width:62%}.case-window span:nth-child(2){width:86%}.case-window span:nth-child(3){width:44%}.case-window b{border-radius:var(--radius);background:linear-gradient(90deg, var(--accent), #ffffff1a, var(--teal));height:46px;position:absolute;bottom:18px;left:18px;right:18px}.case-window i{border:1px solid #ffffff1a;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-40px;right:-34px}.command-section{padding-block:70px}.command-center{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#f5162f1f,#0000 42%),#0b1018e6;border-radius:16px;grid-template-columns:minmax(0,.86fr) minmax(360px,1.14fr);gap:24px;padding:28px;display:grid;overflow:hidden}.command-copy h2{margin-top:18px}.command-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.command-board article,.ops-line{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0c;padding:16px}.command-board strong,.command-board small{display:block}.command-board small{color:var(--muted);margin-top:8px}.ops-line{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ops-line span{border-left:2px solid var(--accent);color:#e5ebf5;padding-left:10px;font-weight:780}.skills-section{border-block:1px solid #ffffff14}.split{grid-template-columns:.76fr 1.24fr;gap:34px;display:grid}.split .section-heading{margin-bottom:0;display:block}.timeline-panel{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.timeline-panel>div{background:#0c1119eb;padding:24px}.timeline-panel h3{margin-bottom:20px;font-size:1.3rem}.timeline-item{border-top:1px solid var(--line);margin-top:17px;padding:17px 0 0}.timeline-item strong,.timeline-item span,.timeline-item small{display:block}.timeline-item span{color:#d6dce7;margin:7px 0}.contact-section{padding-bottom:104px}.contact-grid{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:16px;display:grid}.contact-card,.contact-form{border:1px solid var(--line);box-shadow:var(--shadow);background:#0c1119db;border-radius:14px}.contact-card{padding:24px}.contact-card img{object-fit:cover;border-radius:50%;width:86px;height:86px;margin-bottom:20px}.contact-card h3{margin-bottom:6px;font-size:1.55rem}.contact-card p{color:var(--muted)}.contact-links{margin-top:24px}.contact-links a{color:var(--teal);border-bottom:1px solid #44d6bd6b;text-decoration:none}.contact-form{gap:14px;padding:24px;display:grid}.contact-form label{color:#e3e8f2;gap:8px;font-size:.94rem;font-weight:740;display:grid}input,textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);font:inherit;background:#ffffff0f;outline:none;padding:14px}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #44d6bd1f}.honeypot{position:absolute;left:-10000px}.form-status{min-height:24px;color:var(--muted);margin-bottom:0}.form-status.ok{color:var(--teal)}.form-status.error{color:#ff8995}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media (width<=1080px){h1{font-size:5.2rem}.hero{grid-template-columns:1fr;min-height:auto}.portfolio-stage{min-height:590px}.section-heading,.split,.contact-grid,.command-center{grid-template-columns:1fr}.split .section-heading{margin-bottom:20px}.case-card{grid-template-columns:56px minmax(0,1fr)}.case-preview{grid-column:2}}@media (width<=760px){.site-shell{width:min(100% - 24px, var(--max))}.topbar{grid-template-columns:1fr auto;gap:12px;padding:14px 0}.brand{min-width:0}.brand-mark{width:39px;height:39px}.brand small{text-overflow:ellipsis;white-space:nowrap;max-width:156px;overflow:hidden}.nav{grid-area:2/1/auto/-1;justify-content:flex-start;padding-bottom:3px;overflow-x:auto}.nav a,.nav-cta{flex:none;padding:9px 10px;font-size:.82rem}.hero{gap:34px;padding:36px 0 48px}.hero:after{display:none}h1{font-size:3.25rem;line-height:.95}h2{font-size:2.35rem}.lead{font-size:1rem}.hero-actions .button{width:100%}.hero-specialties,.metric-row{grid-template-columns:1fr}.portfolio-stage{gap:14px;min-height:auto;display:grid}.portfolio-stage:before,.route-lines{display:none}.dev-illustration{order:1;width:100%;position:relative;top:auto;right:auto}.portrait-panel,.system-panel,.dev-terminal{width:auto;min-width:0;position:relative;inset:auto}.portrait-panel{order:2;grid-template-columns:116px 1fr;align-items:end;display:grid}.portrait-panel img{aspect-ratio:1}.system-panel{order:4;padding:14px}.dev-terminal{order:3}.platform-row{grid-template-columns:1fr}.mini-screen{min-height:92px}.section{padding:58px 0}.section-heading{gap:12px;margin-bottom:24px}.case-card{grid-template-columns:1fr;gap:16px;padding:18px}.case-preview{grid-column:auto}.case-copy h3{font-size:1.65rem}.case-window{min-height:150px}.command-center{padding:18px}.command-board,.timeline-panel,.ops-line{grid-template-columns:1fr}.timeline-panel>div,.contact-card,.contact-form{padding:18px}}