:root{--void: oklch(14% .018 250);--panel: oklch(17.5% .02 250);--panel-raised: oklch(21% .022 250);--text: oklch(93% .008 250);--text-soft: oklch(74% .012 250);--text-faint: oklch(52% .016 250);--line: oklch(32% .025 250);--line-bright: oklch(45% .035 250);--cyan: oklch(78% .14 195);--cyan-soft: oklch(78% .14 195 / .12);--amber: oklch(75% .16 65);--amber-soft: oklch(75% .16 65 / .12);--display: "Space Grotesk", "IBM Plex Sans", system-ui, sans-serif;--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--void);color:var(--text);font-family:var(--sans);line-height:1.6;overflow-x:hidden}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--amber)}h1,h2,h3,h4{font-family:var(--display);font-weight:600;margin:0;color:var(--text)}p{margin:0}ul{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:0 auto;padding:0 32px}section.section{padding:88px 0}.section.alt{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hud-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px;opacity:.16;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 30%,transparent 85%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 30%,transparent 85%)}.hud-scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 3px,color-mix(in oklch,var(--cyan) 4%,transparent) 3px 4px);opacity:.35}main,.nav,.footer{position:relative;z-index:1}.reticle{position:fixed;top:0;left:0;z-index:200;width:40px;height:40px;transform:translate(-100px,-100px);pointer-events:none;will-change:transform}.reticle svg{display:block;overflow:visible}.reticle circle,.reticle line{fill:none;stroke:var(--cyan);stroke-width:1;opacity:.85}.reticle-coords{position:absolute;top:46px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--cyan);background:color-mix(in oklch,var(--void) 80%,transparent);border:1px solid var(--line-bright);padding:2px 6px;white-space:nowrap}@media (pointer: coarse),(prefers-reduced-motion: reduce){.reticle{display:none}}.nav{position:fixed;top:0;left:0;width:100%;z-index:100;background:color-mix(in oklch,var(--void) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-row{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--cyan);border:1px solid var(--cyan);width:28px;height:28px;display:flex;align-items:center;justify-content:center}.brand-name{font-family:var(--display);font-weight:600;font-size:1rem;color:var(--text)}.nav-links{display:flex;gap:26px}.nav-links a{display:flex;align-items:baseline;gap:6px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);border-bottom:1px solid transparent;padding-bottom:3px}.nav-links a i{font-style:normal;color:var(--text-faint);font-size:10px}.nav-links a:hover,.nav-links a.active{color:var(--text);border-color:var(--cyan)}.nav-links a.active i,.nav-links a:hover i{color:var(--cyan)}.nav-actions{display:flex;align-items:center;gap:16px}.hud-clock{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--text-faint);white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);flex-shrink:0}@media (prefers-reduced-motion: no-preference){.status-dot{animation:blink 2.2s infinite}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12.5px;letter-spacing:.03em;padding:11px 20px;border:1px solid var(--line-bright);cursor:pointer;white-space:nowrap;background:transparent;color:var(--text);transition:border-color .15s,color .15s,background .15s}.btn:hover{border-color:var(--cyan);color:var(--cyan)}.btn-fill{background:var(--cyan);border-color:var(--cyan);color:var(--void);font-weight:600}.btn-fill:hover{background:var(--amber);border-color:var(--amber);color:var(--void)}.btn-line{color:var(--text-soft)}.btn-ghost{border-color:transparent;color:var(--text-soft);padding-left:4px;padding-right:4px}.btn-ghost:hover{color:var(--amber);border-color:transparent}.btn-sm{padding:8px 14px;font-size:11.5px}.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:1px solid var(--line-bright);cursor:pointer;padding:0}.hamburger-btn span{display:block;height:1.5px;width:16px;margin:0 auto;background:var(--text);transition:transform .2s,opacity .2s}.hamburger-btn.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.hero{position:relative;padding:172px 0 90px;border-bottom:1px solid var(--line);overflow:hidden}.hero-inner{max-width:740px;position:relative;z-index:1}.hero-reticle-wrap{position:absolute;top:50%;right:-60px;transform:translateY(-50%);width:480px;height:480px;max-width:60vw;pointer-events:none;z-index:0;transition:transform .4s ease-out}.hero-reticle{display:block;width:100%;height:100%;fill:none;stroke:var(--cyan);stroke-width:1;opacity:.14;transform-origin:50% 50%}@media (prefers-reduced-motion: no-preference){.hero-reticle{animation:spin 90s linear infinite}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.hero-reticle-wrap{display:none}}.hero-kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);margin-bottom:26px}.hero h1{font-size:clamp(2.3rem,5vw,3.85rem);line-height:1.12;letter-spacing:-.01em;margin-bottom:22px}.hl-amber{color:var(--amber)}.hero .lede{font-size:1.12rem;color:var(--text-soft);max-width:600px;margin-bottom:40px}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:56px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.stat{padding:20px 20px 0 0;border-right:1px solid var(--line)}.stat:last-child{border-right:none}.stat-num{font-family:var(--mono);font-size:1.4rem;font-weight:600;color:var(--text)}.stat-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);margin-top:6px}.stat-bars{display:flex;gap:3px;margin-top:14px}.stat-bars i{display:block;flex:1;height:3px;background:var(--line-bright)}.stat-bars i:nth-child(-n+3){background:var(--cyan);opacity:.7}.reveal{opacity:0;transform:translateY(10px)}@media (prefers-reduced-motion: no-preference){.reveal{animation:revealUp .6s ease-out forwards}h1.reveal{animation-delay:.05s}p.lede.reveal{animation-delay:.15s}.cta-row.reveal{animation-delay:.25s}.stats.reveal{animation-delay:.35s}}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none}}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}.eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:16px}.eyebrow:before{content:"";width:7px;height:7px;background:var(--cyan);flex-shrink:0}.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;flex-wrap:wrap}.sec-title{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.01em;margin-bottom:10px}.sec-desc{color:var(--text-soft);font-size:1rem;max-width:640px}.sec-idx{font-family:var(--mono);font-size:12.5px;color:var(--text-faint);letter-spacing:.05em}.ruler{height:9px;margin:0 0 42px;background-image:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 14px)}.lock-target{position:relative;opacity:0;transform:translateY(16px);transition:opacity .5s ease-out,transform .5s ease-out}.lock-target.locked{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.lock-target{opacity:1;transform:none;transition:none}}.bbox-frame{position:relative}.corner{position:absolute;width:18px;height:18px;pointer-events:none;opacity:0;transition:opacity .2s ease,width .2s ease,height .2s ease}.bbox-frame.always .corner,.bbox-frame:hover .corner,.bbox-frame:focus-within .corner{opacity:1}.corner.tl{top:-1px;left:-1px;border-top:2px solid var(--cyan);border-left:2px solid var(--cyan)}.corner.tr{top:-1px;right:-1px;border-top:2px solid var(--cyan);border-right:2px solid var(--cyan)}.corner.bl{bottom:-1px;left:-1px;border-bottom:2px solid var(--cyan);border-left:2px solid var(--cyan)}.corner.br{bottom:-1px;right:-1px;border-bottom:2px solid var(--cyan);border-right:2px solid var(--cyan)}.bbox-frame:hover .corner{width:22px;height:22px}.feat-grid{display:grid;grid-template-columns:.95fr 1.1fr;gap:56px;align-items:start}.feat-media{border:1px solid var(--line-bright);overflow:hidden}.feat-media img{width:100%;filter:grayscale(.1) contrast(1.05) brightness(.96)}.scan-sweep{position:absolute;left:0;right:0;height:40%;background:linear-gradient(to bottom,transparent,var(--cyan-soft),transparent);top:-40%;pointer-events:none}@media (prefers-reduced-motion: no-preference){.scan-sweep{animation:sweep 5s ease-in-out infinite}}@keyframes sweep{0%{top:-40%}55%,to{top:100%}}.hud-tag{position:absolute;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;background:color-mix(in oklch,var(--void) 78%,transparent);border:1px solid var(--cyan);color:var(--cyan);padding:4px 8px}.hud-tag-top{top:14px;left:14px}.hud-tag-bottom{bottom:14px;right:14px}.media-cap{position:absolute;left:14px;bottom:14px;background:color-mix(in oklch,var(--void) 85%,transparent);border:1px solid var(--line-bright);font-family:var(--mono);font-size:11px;padding:6px 10px;letter-spacing:.03em;color:var(--text-soft)}.card-badge{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);border:1px solid var(--amber);padding:4px 9px;margin-bottom:18px}.feat-title{font-size:1.5rem;margin-bottom:22px;line-height:1.25;font-weight:500;font-style:italic;color:var(--text-soft);border-left:2px solid var(--cyan);padding-left:20px}.hl-list{display:flex;flex-direction:column;gap:20px;margin-bottom:34px}.hl-item{display:flex;gap:16px}.hl-num{font-family:var(--mono);font-size:12px;color:var(--cyan);border:1px solid var(--line-bright);width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hl-item p{color:var(--text-soft);font-size:.95rem}.hl-item strong{color:var(--text);font-weight:600}.link-arrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--text)}.link-arrow:hover{color:var(--amber);border-color:var(--amber)}.proj-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;margin-bottom:40px}.proj-domain{display:block;font-family:var(--mono);font-size:13px;color:var(--cyan);margin-bottom:10px}.proj-desc{color:var(--text-soft);font-size:1rem;max-width:620px}.browser-frame{border:1px solid var(--line-bright);margin-bottom:44px}.browser-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--text-faint)}.browser-bar .dot{width:7px;height:7px;border-radius:50%;background:var(--line-bright)}.browser-bar .url{border:1px solid var(--line);padding:3px 10px;color:var(--text-soft);margin-left:4px}.browser-bar .live{margin-left:auto;color:var(--amber)}.browser-body{height:260px;display:flex;align-items:center;justify-content:center;background-image:repeating-linear-gradient(45deg,transparent 0 12px,var(--line) 12px 13px),radial-gradient(circle at 50% 50%,var(--cyan-soft),transparent 60%)}.browser-label{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;background:var(--void);border:1px solid var(--text-faint);padding:8px 14px;color:var(--text-soft)}.feat3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:32px}.feat3-item{position:relative;background:var(--panel);padding:28px 26px}.feat3-item .n{font-family:var(--mono);font-size:12px;color:var(--cyan);margin-bottom:14px}.feat3-item h4{font-family:var(--sans);font-weight:600;font-size:1rem;margin-bottom:8px}.feat3-item p{color:var(--text-soft);font-size:.9rem}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.pill{font-family:var(--mono);font-size:11px;letter-spacing:.03em;text-transform:uppercase;border:1px solid var(--line-bright);padding:6px 12px;color:var(--text-soft)}.timeline{position:relative}.tl-item{position:relative;display:grid;grid-template-columns:150px 1fr;gap:32px;padding:30px 0 30px 24px;border-top:1px solid var(--line)}.tl-item:last-child{border-bottom:1px solid var(--line)}.tl-marker{position:absolute;left:0;top:34px;width:9px;height:9px;border:1px solid var(--cyan);background:var(--void);transform:rotate(45deg)}.tl-date{font-family:var(--mono);font-size:12px;color:var(--text-faint);padding-top:4px}.tl-company{font-size:1.2rem;margin-bottom:4px}.tl-role{font-weight:600;font-size:1rem;margin-bottom:2px;color:var(--text)}.tl-sub{font-family:var(--mono);font-style:italic;color:var(--text-faint);font-size:.85rem;margin-bottom:16px}.tl-bullets{display:flex;flex-direction:column;gap:10px}.tl-bullets li{position:relative;padding-left:20px;color:var(--text-soft);font-size:.94rem}.tl-bullets li:before{content:"▸";position:absolute;left:0;color:var(--amber);font-size:.8rem}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.skill-panel{background:var(--void);padding:28px}.section.alt .skill-panel{background:var(--panel)}.skill-idx{font-family:var(--mono);font-size:12px;color:var(--cyan);margin-bottom:12px}.skill-panel h3{font-family:var(--sans);font-weight:600;font-size:1rem;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{font-family:var(--mono);font-size:10.5px;border:1px solid var(--line-bright);padding:5px 9px;color:var(--text-soft)}.skill-tag.primary{border-color:var(--amber);color:var(--amber)}.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.edu-card{border:1px solid var(--line);padding:30px}.edu-card .corner{width:22px;height:22px;opacity:1}.edu-degree{font-size:1.15rem;margin-bottom:10px}.edu-school{color:var(--cyan);font-family:var(--mono);font-size:.88rem;margin-bottom:4px}.edu-date{color:var(--text-faint);font-family:var(--mono);font-size:.8rem}.footer{border-top:1px solid var(--line-bright);padding:56px 0 30px}.footer-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-bottom:40px}.footer-name{font-family:var(--display);font-weight:600;font-size:1.3rem;margin-bottom:8px}.footer-tag{color:var(--text-faint);font-size:.88rem}.footer-links{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.footer-links a{font-family:var(--mono);font-size:12px;color:var(--text-soft)}.footer-links a:hover{color:var(--amber)}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;font-family:var(--mono);font-size:11px;color:var(--text-faint);text-align:center}@media (max-width: 900px){.feat-grid,.edu-grid{grid-template-columns:1fr}.feat3,.skills-grid,.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:none}.tl-item{grid-template-columns:1fr;gap:10px;padding-left:20px}.footer-row{flex-direction:column}.footer-links{align-items:flex-start}}@media (max-width: 720px){.hud-clock{display:none}.nav-links{position:fixed;top:61px;left:0;right:0;flex-direction:column;gap:0;background:color-mix(in oklch,var(--void) 97%,transparent);border-bottom:1px solid var(--line);max-height:0;overflow:hidden;transition:max-height .25s ease}.nav-links.open{max-height:400px}.nav-links a{padding:16px 32px;border-bottom:1px solid var(--line);border-left:2px solid transparent}.nav-links a.active,.nav-links a:hover{border-left-color:var(--cyan);border-bottom-color:var(--line)}.hamburger-btn{display:flex}.hero{padding-top:132px}.btn-line{display:none}}@media (max-width: 480px){.cta-row .btn-ghost{width:100%}.feat3{grid-template-columns:1fr}}