:root{--bg:#0a0a0b;--bg-1:#0e0e10;--surface:#111114;--surface-2:#16161a;--line:#26262b;--line-strong:#3a3a42;--text:#e9e7e0;--text-dim:#b6b3a9;--muted:#7d7a72;--amber:#ffb000;--amber-soft:#d99500;--red:#ff3b30;--green:#23d18b;--cyan:#4fd6e8;--glow:0 0 .5em #ffb00073;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--display:"Martian Mono", "JetBrains Mono", monospace;--maxw:1240px;--pad:clamp(16px, 4vw, 40px);--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{background:var(--bg);color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6;overflow-x:hidden}@media (pointer:fine){body.cursor-on,body.cursor-on a,body.cursor-on button{cursor:none}}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:0 0;border:none}::selection{background:var(--amber);color:#0a0a0b}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}.wrap{width:min(var(--maxw), 100%);padding-inline:var(--pad);margin:0 auto}.skip-link{z-index:200;background:var(--amber);color:#0a0a0b;font-weight:700;font-family:var(--mono);transition:transform .16s var(--ease);padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.bg-layers{z-index:0;pointer-events:none;position:fixed;inset:0}.bg-grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,#0000 85%);mask-image:radial-gradient(circle at 50% 30%,#000 0%,#0000 85%)}.bg-glow{background:radial-gradient(40rem 30rem at 78% 8%,#ffb0001a,#0000 70%),radial-gradient(36rem 26rem at 8% 60%,#4fd6e80f,#0000 70%);position:absolute;inset:0}.bg-scanlines{opacity:.5;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000029 3px,#0000 4px);animation:8s linear infinite scan;position:absolute;inset:0}@keyframes scan{to{background-position:0 -460px}}.bg-noise{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:.6s steps(3,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(0)}}.bg-flicker{background:#ffb00003;animation:7s step-end infinite flicker;position:absolute;inset:0}@keyframes flicker{0%,92%,96%,to{opacity:0}93%{opacity:1}95%{opacity:.4}}#app{z-index:1;position:relative}.cursor{z-index:300;pointer-events:none;mix-blend-mode:difference;will-change:transform;position:fixed;top:0;left:0}.cursor-cross{position:absolute;transform:translate(-50%,-50%)}.cursor-cross:before,.cursor-cross:after{content:"";background:var(--amber);position:absolute}.cursor-cross:before{width:22px;height:1.5px;top:-1px;left:-11px}.cursor-cross:after{width:1.5px;height:22px;top:-11px;left:-1px}.cursor-ring{width:26px;height:26px;transition:width .16s var(--ease), height .16s var(--ease), border-color .16s var(--ease);border:1px solid #ffb00099;position:absolute;transform:translate(-50%,-50%)}.cursor.hot .cursor-ring{border-color:var(--amber);width:44px;height:44px}.cursor-coords{font-family:var(--mono);letter-spacing:.06em;color:var(--amber);white-space:nowrap;text-transform:uppercase;font-size:9px;position:absolute;top:14px;left:18px}.boot{z-index:500;background:var(--bg);padding:var(--pad);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.boot-inner{width:min(680px,100%);font-family:var(--mono);font-size:clamp(12px,2.4vw,15px)}.boot-bar{color:var(--muted);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;margin-bottom:18px;padding-bottom:10px;font-size:10px;display:flex}.boot-line{color:var(--text-dim);white-space:pre-wrap;word-break:break-word}.boot-line .ok{color:var(--green)}.boot-cursor{background:var(--amber);vertical-align:text-bottom;width:.62em;height:1.05em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.boot-meter{background:var(--surface);border:1px solid var(--line);height:6px;margin-top:22px;overflow:hidden}.boot-meter span{background:var(--amber);height:100%;box-shadow:var(--glow);display:block}.header{z-index:80;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0bc7;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:20px;min-height:64px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.brand b{font-family:var(--display);letter-spacing:.04em;font-size:17px;font-weight:800}.brand b:after{content:"_";color:var(--amber);animation:1.1s step-end infinite blink}.brand small{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:10px}.nav-menu{align-items:center;gap:2px;display:flex}.nav-menu a{color:var(--text-dim);text-transform:lowercase;letter-spacing:.04em;transition:color .16s var(--ease);padding:8px 12px;font-size:12px;position:relative}.nav-menu a:before{content:"";background:var(--amber);width:0;height:1.5px;transition:width .2s var(--ease);position:absolute;bottom:4px;left:12px}.nav-menu a:hover,.nav-menu a.active{color:var(--text)}.nav-menu a:hover:before,.nav-menu a.active:before{width:calc(100% - 24px)}.nav-resume{margin-left:8px;font-weight:700;border:1px solid var(--amber)!important;color:var(--amber)!important;transition:background .16s var(--ease), color .16s var(--ease)!important}.nav-resume:hover{background:var(--amber);color:#0a0a0b!important}.nav-resume:before{display:none}.nav-toggle{border:1px solid var(--line-strong);width:42px;height:42px;padding:12px 10px;display:none}.nav-toggle span{background:var(--text);height:2px;transition:transform .2s var(--ease), opacity .2s var(--ease);display:block}.nav-toggle span+span{margin-top:6px}.nav-toggle.open span:first-child{transform:translateY(4px)rotate(45deg)}.nav-toggle.open span:last-child{transform:translateY(-4px)rotate(-45deg)}.section{border-bottom:1px solid var(--line);padding:clamp(60px,9vw,120px) 0;position:relative}.sec-head{color:var(--amber);letter-spacing:.06em;align-items:baseline;gap:14px;margin-bottom:12px;font-size:13px;display:flex}.sec-head .idx{color:var(--muted)}.sec-head .prompt{color:var(--green)}.sec-title{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(1.9rem,4vw,3.3rem);font-weight:700;line-height:1.04}.sec-note{color:var(--muted);max-width:46ch;margin:16px 0 0;font-size:13px}.sec-layout{grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,72px);margin-top:36px;display:grid}.chips{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.chips span{border:1px solid var(--line-strong);background:var(--surface-2);min-height:27px;color:var(--text-dim);letter-spacing:.02em;transition:border-color .16s var(--ease), color .16s var(--ease);align-items:center;padding:0 9px;font-size:11px;display:inline-flex}.chips span:hover{border-color:var(--amber);color:var(--amber)}.btn{border:1px solid var(--line-strong);letter-spacing:.04em;text-transform:lowercase;min-height:46px;color:var(--text);background:var(--surface);transition:transform .16s var(--ease), box-shadow .16s var(--ease), background .16s var(--ease), color .16s var(--ease), border-color .16s var(--ease);align-items:center;gap:8px;padding:0 18px;font-size:12px;font-weight:600;display:inline-flex}.btn:before{content:"›";color:var(--amber)}.btn:hover{box-shadow:4px 4px 0 var(--amber);border-color:var(--amber);transform:translate(-2px,-2px)}.btn.primary{background:var(--amber);border-color:var(--amber);color:#0a0a0b}.btn.primary:before{color:#0a0a0b}.btn.primary:hover{box-shadow:4px 4px 0 var(--text)}.hero{isolation:isolate;padding:clamp(40px,7vw,96px) 0 clamp(40px,6vw,80px);position:relative}.hero-fx{z-index:0;pointer-events:none;opacity:.72;position:absolute;inset:-8% -12% -8% 0;-webkit-mask-image:radial-gradient(120% 100% at 72% 45%,#000 0%,#000000b3 45%,#0000 78%);mask-image:radial-gradient(120% 100% at 72% 45%,#000 0%,#000000b3 45%,#0000 78%)}.hero-fx canvas{display:block}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(280px,.62fr);align-items:center;gap:clamp(30px,5vw,70px);display:grid;position:relative}.eyebrow{color:var(--amber);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 22px;font-size:12px;display:inline-flex}.eyebrow .dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}.hero h1{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(2.4rem,6.4vw,5.4rem);font-weight:800;line-height:.98}.hero h1 .accent{color:var(--amber);text-shadow:0 0 28px #ffb00059}.hero-lede{max-width:56ch;color:var(--text-dim);margin:26px 0 0;font-size:clamp(.95rem,1.5vw,1.12rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.hero-panel{border:1px solid var(--line-strong);background:var(--surface);box-shadow:12px 12px #ffb00014}.panel-bar{border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:7px;padding:9px 12px;font-size:10px;display:flex}.panel-bar i{background:var(--line-strong);border-radius:50%;width:9px;height:9px}.panel-bar i.r{background:var(--red)}.panel-bar i.y{background:var(--amber)}.panel-bar i.g{background:var(--green)}.panel-bar span{margin-left:auto}.portrait{aspect-ratio:1;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.portrait img{object-fit:cover;object-position:center center;filter:grayscale()contrast(1.12)brightness(.92);width:100%;height:100%;transition:filter .4s var(--ease)}.hero-panel:hover .portrait img{filter:grayscale(.2)contrast(1.05)}.portrait:after{content:"";mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(#0000 55%,#0a0a0b80);position:absolute;inset:0}.readouts{grid-template-columns:repeat(3,1fr);display:grid}.readout{border-right:1px solid var(--line);padding:16px 14px}.readout:last-child{border-right:none}.readout .num{font-family:var(--display);color:var(--amber);font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;line-height:1}.readout .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:8px;font-size:10px}.readout .note{color:var(--text-dim);margin-top:3px;font-size:10px}.ticker{border-bottom:1px solid var(--line);background:var(--amber);color:#0a0a0b;white-space:nowrap;overflow:hidden}.ticker-track{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:2.5rem;padding:11px 0;font-size:12px;font-weight:700;animation:38s linear infinite marquee;display:inline-flex}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-track span{align-items:center;gap:2.5rem;display:inline-flex}.ticker-track span:after{content:"◆";color:#0a0a0b80}@keyframes marquee{to{transform:translate(-50%)}}.latest{border:1px solid var(--line-strong);border-left:4px solid var(--amber);background:var(--surface);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:clamp(18px,4vw,44px);margin-top:clamp(34px,5vw,56px);padding:clamp(20px,3.5vw,32px);display:grid}.latest .kicker{color:var(--amber);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.latest h3{font-family:var(--display);margin:10px 0 0;font-size:clamp(1.3rem,2.6vw,2rem);font-weight:700;line-height:1.05}.latest p{color:var(--text-dim);margin:0;font-size:13px}.role-stack{gap:22px;display:grid}.role{border:1px solid var(--line);background:var(--surface);transition:border-color .2s var(--ease), transform .2s var(--ease);padding:24px}.role:hover{border-color:var(--line-strong);transform:translateY(-3px)}.role.feature{border-color:var(--line-strong);border-top:4px solid var(--amber);box-shadow:10px 10px #ffb00012}.role-meta{color:var(--amber);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;gap:16px;font-size:11px;display:flex}.role h3{font-family:var(--display);margin:14px 0 2px;font-size:clamp(1.25rem,2.2vw,1.7rem);font-weight:700;line-height:1.1}.role .company{color:var(--green);margin:0 0 16px;font-size:13px;font-weight:500}.role ul li{color:var(--text-dim);padding-left:20px;font-size:13.5px;position:relative}.role ul li+li{margin-top:9px}.role ul li:before{content:"▹";color:var(--amber);position:absolute;left:0}.proj-list{display:grid}.proj{border-top:1px solid var(--line);transition:background .2s var(--ease);grid-template-columns:64px 1fr;gap:22px;padding:26px 0;display:grid}.proj:hover{background:linear-gradient(90deg,#ffb0000a,#0000 60%)}.proj-tag{color:var(--amber);font-size:13px;font-weight:700}.proj.feature .proj-tag{color:var(--amber)}.proj-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.proj-head h3{font-family:var(--display);margin:0;font-size:clamp(1.2rem,2.2vw,1.65rem);font-weight:700;line-height:1.08}.proj-head .sub{color:var(--green);margin:5px 0 0;font-size:12.5px}.proj-link{border:1px solid var(--line-strong);text-transform:lowercase;color:var(--text-dim);transition:background .16s var(--ease), color .16s var(--ease), border-color .16s var(--ease);flex:none;padding:5px 10px;font-size:11px}a.proj-link:hover{background:var(--amber);color:#0a0a0b;border-color:var(--amber)}.proj-body{color:var(--text-dim);max-width:70ch;margin:14px 0 0;font-size:13.5px}.skill-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.skill-cell{background:var(--surface);transition:background .2s var(--ease);padding:22px}.skill-cell:hover{background:var(--surface-2)}.skill-cell h3{font-family:var(--display);align-items:center;gap:8px;margin:0 0 14px;font-size:1rem;font-weight:600;display:flex}.skill-cell h3:before{content:">";color:var(--amber)}.skill-cell .chips{margin-top:0}.edu-grid{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.edu-card{border:1px solid var(--line-strong);border-top:4px solid var(--amber);background:var(--surface);grid-row:span 3;padding:26px}.edu-card .date{color:var(--amber);letter-spacing:.04em;font-size:12px}.edu-card h3{font-family:var(--display);margin:12px 0 4px;font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:700;line-height:1.1}.edu-card p{color:var(--text-dim);margin:0;font-size:13.5px}.act-card{border:1px solid var(--line);background:var(--surface);transition:border-color .2s var(--ease), transform .2s var(--ease);padding:20px 22px}.act-card:hover{border-color:var(--line-strong);transform:translate(4px)}.act-card.highlight{border-color:var(--amber);background:linear-gradient(135deg, #ffb0001f, var(--surface))}.act-card h3{font-family:var(--display);margin:0 0 6px;font-size:1.05rem;font-weight:600}.act-card.highlight h3{color:var(--amber)}.act-card p{color:var(--text-dim);margin:0;font-size:13px}.contact-inner{border:1px solid var(--line-strong);background:var(--surface);grid-template-columns:minmax(0,1fr) minmax(260px,.5fr);align-items:end;gap:clamp(28px,5vw,64px);padding:clamp(28px,5vw,56px);display:grid;box-shadow:14px 14px #ffb00012}.contact-inner .eyebrow{margin-bottom:14px}.contact-inner h2{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(1.7rem,3.6vw,3rem);font-weight:800;line-height:1.05}.contact-actions{gap:10px;display:grid}.contact-actions .btn{width:100%}.footer{color:var(--muted);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:30px 0 48px;font-size:11px;display:flex}.footer p{margin:0}.footer .bk{color:var(--amber)}.scramble{font-variant-ligatures:none}@media (width<=920px){.nav-toggle{display:block}.nav-menu{background:var(--bg-1);border-bottom:1px solid var(--line-strong);transition:transform .26s var(--ease);z-index:70;flex-direction:column;align-items:stretch;gap:0;position:fixed;inset:64px 0 auto;transform:translateY(-130%)}.nav-menu.open{transform:translateY(0)}.nav-menu a{border-top:1px solid var(--line);padding:16px 24px;font-size:14px}.nav-menu a:before{display:none}.nav-resume{text-align:left;margin:0}.hero-grid,.sec-layout,.latest,.contact-inner{grid-template-columns:1fr}.hero-panel{max-width:460px}.latest .btn{justify-self:start}}@media (width<=600px){.skill-grid,.edu-grid{grid-template-columns:1fr}.edu-card{grid-row:auto}.proj{grid-template-columns:1fr;gap:10px}.proj-head{flex-direction:column;gap:10px}.readouts .readout{padding:13px 10px}.hero-actions .btn,.footer{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.bg-scanlines,.bg-noise,.bg-flicker{display:none}.ticker-track{animation:none;transform:none}}