:root{--bg: #0b0c0e;--bg2: #111316;--bg3: #181a1f;--bg4: #1f2228;--border: rgba(255, 255, 255, .07);--border-2: rgba(255, 255, 255, .12);--text: #e8e9eb;--text-dim: #b8bac0;--muted: #6b7280;--muted-2: #4b5260;--accent-h: 45;--accent: oklch(.74 .21 var(--accent-h));--accent-2: oklch(.82 .19 var(--accent-h));--accent-d: oklch(.55 .22 var(--accent-h));--accent-glow: oklch(.74 .21 var(--accent-h) / .45);--accent-soft: oklch(.74 .21 var(--accent-h) / .14);--accent-line: oklch(.74 .21 var(--accent-h) / .35);--green: oklch(.74 .18 150);--green-soft: oklch(.74 .18 150 / .12);--blue: oklch(.72 .15 240);--purple: oklch(.72 .17 295);--font-display: "Syne", "Helvetica Neue", sans-serif;--font-body: "Instrument Sans", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", "Menlo", monospace;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 12px;--transition: .2s ease;--motion: 1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}html.no-grid body:before{opacity:0}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--accent-soft) 1px,transparent 1px),linear-gradient(90deg,var(--accent-soft) 1px,transparent 1px);background-size:48px 48px;background-position:-1px -1px;pointer-events:none;z-index:0;transition:opacity .3s ease;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}body:after{content:"";position:fixed;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle at center,var(--accent-glow),transparent 60%);left:var(--mouse-x, 50%);top:var(--mouse-y, 30%);transform:translate(-50%,-50%);pointer-events:none;z-index:0;opacity:.25;filter:blur(40px);transition:opacity .5s ease}html.no-glow body:after{opacity:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::selection{background:var(--accent);color:#000}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);z-index:200;width:0%;box-shadow:0 0 12px var(--accent-glow);transition:width .05s linear}.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);pointer-events:none;z-index:300;mix-blend-mode:difference;transition:width .25s cubic-bezier(.2,.8,.2,1),height .25s cubic-bezier(.2,.8,.2,1),background .2s}.cursor-ring{position:fixed;top:0;left:0;width:36px;height:36px;border-radius:50%;border:1px solid var(--accent);transform:translate(-50%,-50%);pointer-events:none;z-index:299;transition:transform .4s cubic-bezier(.2,.8,.2,1),width .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1),border-color .2s,opacity .2s;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.12em;color:var(--accent);text-transform:uppercase;font-weight:500}.cursor-ring.hover-link{width:72px;height:72px;background:var(--accent-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cursor-ring.hidden,.cursor-dot.hidden{opacity:0}html.cursor-none .cursor-dot,html.cursor-none .cursor-ring,html.cursor-crosshair .cursor-ring{display:none}html.cursor-crosshair .cursor-dot{width:2px;height:24px;border-radius:0;background:var(--accent)}.rail{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);z-index:150;display:flex;flex-direction:column;gap:1.25rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.rail-item{display:flex;align-items:center;gap:.75rem;cursor:pointer}.rail-tick{width:18px;height:1px;background:var(--muted-2);transition:all .3s}.rail-num{opacity:.5;transition:opacity .3s}.rail-item.active .rail-tick{width:36px;background:var(--accent)}.rail-item.active .rail-num{opacity:1;color:var(--accent)}.rail-item .rail-label{opacity:0;transform:translate(-6px);transition:all .25s}.rail-item:hover .rail-label,.rail-item.active .rail-label{opacity:1;transform:translate(0)}@media (max-width:900px){.rail{display:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}.nav.scrolled{background:#0b0c0eb8;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom-color:var(--border)}.logo{font-family:var(--font-display);font-weight:800;font-size:1rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem;cursor:pointer}.logo-mark{width:26px;height:26px;border:1.5px solid var(--accent);border-radius:3px;display:grid;place-items:center;font-size:.6rem;color:var(--accent);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.logo:hover .logo-mark{transform:rotate(90deg)}.logo .dot{color:var(--accent)}.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}.nav-link{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);position:relative;padding:.25rem 0;transition:color var(--transition)}.nav-link .num{color:var(--accent);margin-right:.35rem;font-weight:500;opacity:.6;transition:opacity var(--transition)}.nav-link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.nav-link:hover{color:var(--text)}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.nav-link:hover .num{opacity:1}.nav-cta{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:.55rem 1rem;border:1px solid var(--accent-line);color:var(--accent);border-radius:var(--radius-sm);transition:all var(--transition)}.nav-cta:hover{background:var(--accent);color:#000;transform:translateY(-1px)}.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.4rem;z-index:201}.burger-line{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s}.burger-line.open:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger-line.open:nth-child(2){opacity:0;transform:scaleX(0)}.burger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;transition:opacity .3s}.mobile-nav.open{opacity:1;pointer-events:auto}.mobile-nav-inner{position:absolute;top:0;right:0;width:min(320px,85vw);height:100%;background:var(--bg2);border-left:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;transform:translate(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.mobile-nav.open .mobile-nav-inner{transform:translate(0)}.mobile-nav-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.mobile-nav-close{background:none;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer;padding:.25rem}.mobile-nav-links{list-style:none;padding:0;margin:0 0 auto;display:flex;flex-direction:column;gap:.25rem}.mobile-nav-link{display:flex;align-items:center;gap:.75rem;padding:.9rem .5rem;color:var(--text);font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;text-decoration:none;border-bottom:1px solid var(--border);transition:color .2s}.mobile-nav-link:hover{color:var(--accent)}.mobile-nav-link .num{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);letter-spacing:.1em;margin-top:.15rem}.mobile-nav-cta{margin-top:2rem;justify-content:center}@media (max-width:768px){.nav{padding:1rem 1.25rem}.nav-links,.nav-cta{display:none}.nav-burger{display:flex}}.hero{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:9rem 4rem 5rem;gap:4rem;position:relative;z-index:1}.hero>*{min-width:0}.hero-badge{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-line);padding:.45rem .85rem;border-radius:var(--radius-sm);margin-bottom:2rem;background:var(--accent-soft)}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);position:relative;flex-shrink:0}.pulse-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--accent);animation:pulse-ring calc(2s / var(--motion, 1)) ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.7}to{transform:scale(3);opacity:0}}.hero-heading{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,10vw,6.2rem);line-height:.95;letter-spacing:-.045em}.hero-heading .scramble{display:block;color:var(--text)}.hero-heading .scramble.accent{color:var(--accent)}.hero-heading .scramble.accent:after{content:".";color:var(--accent)}.hero-sub{margin-top:1.75rem;font-size:1.1rem;color:var(--text-dim);max-width:44ch;line-height:1.65}.hero-sub strong{color:var(--text);font-weight:500}.hero-sub .hl{color:var(--accent)}.hero-cta{margin-top:2.5rem;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.btn{position:relative;display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.6rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s,color .2s,border-color .2s,box-shadow .3s;overflow:hidden;isolation:isolate}.btn .arrow{transition:transform .3s cubic-bezier(.2,.8,.2,1);display:inline-block}.btn:hover .arrow{transform:translate(3px)}.btn-primary{background:var(--accent);color:#000;font-weight:500}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-2);transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);z-index:-1}.btn-primary:hover:before{transform:translateY(0)}.btn-primary:hover{box-shadow:0 0 24px var(--accent-glow);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text);border-color:var(--border-2)}.btn-outline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-soft);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1);z-index:-1}.btn-outline:hover:before{transform:scaleX(1)}.btn-outline:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.hero-meta{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-left:1rem;display:flex;align-items:center;gap:.6rem}.terminal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;min-width:0;box-shadow:0 1px #ffffff08 inset,0 30px 60px -20px #00000080;position:relative}.terminal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-soft),transparent 40%);pointer-events:none;opacity:.6}.term-bar{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.25rem;background:var(--bg3);border-bottom:1px solid var(--border)}.term-dot{width:11px;height:11px;border-radius:50%}.term-dot.r{background:#ef4444}.term-dot.y{background:#eab308}.term-dot.g{background:#22c55e}.term-title{margin-left:auto;font-family:var(--font-mono);font-size:.68rem;color:var(--muted);letter-spacing:.08em}.term-body{padding:1.25rem 1.5rem 1.5rem;font-family:var(--font-mono);font-size:.78rem;line-height:1.9;min-height:320px;position:relative}.code-block{display:block;font-family:var(--font-mono);font-size:.78rem;line-height:1.75;color:var(--text)}.code-line{display:flex;gap:1rem;min-width:0}.code-ln{color:#555;-webkit-user-select:none;user-select:none;min-width:1.6ch;text-align:right;font-variant-numeric:tabular-nums}.code-src{flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.tk{white-space:pre-wrap}.tk-key{color:#f0abfc}.tk-var{color:#e5e7eb}.tk-prop{color:#93c5fd}.tk-fn{color:#fde68a}.tk-str{color:var(--green)}.tk-tmp{color:var(--green);opacity:.9}.tk-num{color:#fde68a}.tk-op{color:#9e9e9e}.caret-inline{margin-left:2px}.term-divider{margin:.9rem 0 .6rem;display:flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#717171}.term-divider .dash{flex:1;height:1px;background:linear-gradient(to right,oklch(.3 0 0),transparent)}.term-logs{display:flex;flex-direction:column;gap:.18rem}.term-log-line{font-family:var(--font-mono);font-size:.78rem;line-height:1.75;color:var(--text);animation:logFadeIn .28s ease-out both}@keyframes logFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.caret{display:inline-block;width:7px;height:14px;background:var(--accent);vertical-align:-2px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.test-strip{margin-top:1rem;padding:.75rem 1rem;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);display:flex;align-items:center;gap:.75rem}.test-strip .bar{flex:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;position:relative}.test-strip .bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--green),var(--accent));transform-origin:left}.test-strip .count{color:var(--green);font-weight:500}@media (max-width:1100px){.hero{grid-template-columns:1fr;padding:7rem 1.5rem 3rem;gap:2.5rem}.terminal{max-width:640px}}@media (max-width:520px){.code-block,.term-log-line{font-size:.72rem}.term-body{padding:1rem 1rem 1.25rem;min-height:auto}}.section-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.section-head .idx{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);letter-spacing:.1em}.section-head h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-.03em}.section-head .rule{flex:1;height:1px;background:var(--border);margin-left:.75rem;min-width:1rem}.section-head .tag{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.marquee{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg);padding:1.35rem 0;position:relative;z-index:1;-webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}.marquee-track{display:flex;gap:3rem;white-space:nowrap;animation:marquee calc(45s / var(--motion, 1)) linear infinite;font-family:var(--font-mono);font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.marquee-track .m-item{display:inline-flex;align-items:center;gap:3rem}.marquee-track .m-star{color:var(--accent);font-size:.7rem}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:1}.stat{padding:2.5rem 2rem;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;position:relative;overflow:hidden;transition:background .3s}.stat:last-child{border-right:none}.stat:hover{background:var(--bg3)}.stat:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.stat:hover:before{transform:scaleX(1)}.stat .num{font-family:var(--font-display);font-size:3rem;font-weight:800;letter-spacing:-.04em;color:var(--accent);line-height:1;font-variant-numeric:tabular-nums}.stat .label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.stat .idx{position:absolute;top:1rem;right:1rem;font-family:var(--font-mono);font-size:.6rem;color:var(--muted-2);letter-spacing:.1em}@media (max-width:768px){.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:none}.stat .num{font-size:2.25rem}}@media (max-width:480px){.stat{padding:1.5rem 1rem}.stat .num{font-size:1.85rem}.stat .label{font-size:.6rem}}.section{padding:6rem 4rem;position:relative;z-index:1}.section.alt{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.skill-card{position:relative;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.75rem;display:flex;flex-direction:column;gap:0;overflow:hidden;transform-style:preserve-3d;transition:border-color .3s,box-shadow .4s}.skill-card:hover{border-color:var(--accent-line)}.skill-sheen{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(240px circle at var(--mx, 50%) var(--my, 50%),var(--accent-soft),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.skill-card:hover .skill-sheen{opacity:1}.skill-top{position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:var(--origin, left);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.skill-card:hover .skill-top{transform:scaleX(1)}.skill-no{font-family:var(--font-mono);font-size:.62rem;color:var(--muted-2);letter-spacing:.14em;margin-bottom:1.2rem}.skill-icon{width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;place-items:center;margin-bottom:1.2rem;font-family:var(--font-mono);color:var(--accent);background:var(--bg3);transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s}.skill-card:hover .skill-icon{transform:rotate(-6deg) scale(1.05);border-color:var(--accent-line);background:var(--accent-soft)}.skill-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.01em}.skill-desc{font-size:.88rem;color:var(--muted);line-height:1.65;margin-bottom:1.25rem;flex:1}.skill-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto}.tag{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .55rem;border-radius:2px;border:1px solid transparent;transition:transform .2s,background .2s}.tag:hover{transform:translateY(-1px)}.tag-orange{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.tag-green{color:var(--green);background:var(--green-soft);border-color:#3cc96a4d}.tag-blue{color:var(--blue);background:#30aff81a;border-color:#30aff84d}.tag-purple{color:var(--purple);background:#ad8dff1a;background:oklch(.72 .17 295 / .1);border-color:#ad8dff4d;border-color:oklch(.72 .17 295 / .3)}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.p-card{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2rem;display:flex;flex-direction:column;overflow:hidden;transition:border-color .3s,transform .3s cubic-bezier(.2,.8,.2,1)}.p-card:hover{border-color:var(--accent-line)}.p-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:stretch;padding:2.5rem}.p-meta{display:flex;gap:.6rem;margin-bottom:1.25rem;align-items:center}.p-badge{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:.22rem .55rem;border-radius:2px;display:inline-flex;align-items:center;gap:.4rem}.p-badge.live{background:var(--green-soft);color:var(--green);border:1px solid oklch(.74 .18 150 / .3)}.p-badge.wip{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line)}.p-badge .dot{width:5px;height:5px;border-radius:50%;background:currentColor;position:relative}.p-badge .dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:currentColor;animation:pulse-ring calc(2s / var(--motion, 1)) ease-out infinite}.p-featured-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.p-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem;line-height:1.15}.p-card.featured .p-title{font-size:2rem}.p-desc{font-size:.92rem;color:var(--muted);line-height:1.7;margin-bottom:1.5rem;flex:1}.p-stack{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem}.p-links{display:flex;gap:1rem;flex-wrap:wrap}.p-link{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);transition:color var(--transition),transform .3s cubic-bezier(.2,.8,.2,1);display:inline-flex;align-items:center;gap:.35rem}.p-link:hover{transform:translate(3px)}.p-link.green{color:var(--green)}.pipeline{padding:1.5rem;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column}.pipeline-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}.pipeline-head .right{display:flex;align-items:center;gap:.5rem;color:var(--green)}.pipeline-head .sha{color:var(--muted);padding:.2rem .45rem;background:var(--bg3);border-radius:3px;margin-right:.6rem}.pipeline-step{display:flex;align-items:center;gap:.9rem;padding:.6rem 0;border-bottom:1px solid var(--border);font-size:.82rem;color:var(--muted);transition:color .3s,padding-left .3s}.pipeline-step:last-child{border-bottom:none}.pipeline-step.done{color:var(--text)}.pipeline-step.active{color:var(--text);padding-left:4px}.step-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.65rem;flex-shrink:0;border:1px solid var(--border);background:var(--bg3);color:var(--muted-2);transition:all .3s;position:relative}.pipeline-step.done .step-icon{background:var(--green-soft);border-color:#3cc96a4d;color:var(--green)}.pipeline-step.active .step-icon{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.pipeline-step.active .step-icon:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;border:1px solid var(--accent);animation:spin-border 1s linear infinite}@keyframes spin-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.step-label{flex:1}.step-time{font-family:var(--font-mono);font-size:.7rem;color:var(--muted-2)}.pipeline-summary{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pipeline-summary .pass{color:var(--green)}@media (max-width:900px){.projects-grid{grid-template-columns:1fr}.p-card.featured{grid-column:1;grid-template-columns:1fr;padding:2rem}.p-card.featured .p-title{font-size:1.5rem}.section{padding:4rem 1.5rem}}@media (max-width:480px){.section{padding:3rem 1rem}.p-card{padding:1.5rem}.p-links{flex-wrap:wrap;gap:.75rem}}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:start}.about p{color:var(--text-dim);margin-bottom:1.25rem;font-size:1rem;line-height:1.75;max-width:60ch}.about p strong{color:var(--text);font-weight:500}.about p .hl{color:var(--accent)}.facts{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.5rem;font-family:var(--font-mono);font-size:.8rem}.fact{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0;border-bottom:1px dashed var(--border);gap:1rem}.fact:last-child{border-bottom:none}.fact .k{color:var(--muted);letter-spacing:.06em}.fact .v{color:var(--text);text-align:right}.fact .v.hl{color:var(--green)}.fact .v.link{color:var(--accent)}@media (max-width:900px){.about{grid-template-columns:1fr;gap:2rem}}@media (max-width:480px){.fact{flex-direction:column;align-items:flex-start;gap:.3rem}.fact .v{text-align:left}}.contact{padding:8rem 2rem 6rem;text-align:center;position:relative;z-index:1;border-top:1px solid var(--border)}.contact-inner{max-width:900px;margin:0 auto}.contact h2{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:1rem}.contact h2 .accent{color:var(--accent)}.contact p{color:var(--text-dim);font-size:1.1rem;line-height:1.6;max-width:55ch;margin:0 auto 2.5rem}.contact-links{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.footer{position:relative;z-index:1;padding:1.75rem 2.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.7rem;color:var(--muted);letter-spacing:.08em}.footer .hl{color:var(--accent)}@media (max-width:768px){.footer{flex-direction:column;gap:.5rem;text-align:center;padding:1.5rem}}.tweaks-toggle{position:fixed;right:1.5rem;bottom:1.5rem;display:flex;align-items:center;gap:.55rem;padding:.55rem 1rem .55rem .8rem;border-radius:2rem;background:var(--accent);border:none;color:#000;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;z-index:401;box-shadow:0 0 0 0 var(--accent-glow);animation:tweaks-pulse 2s ease-in-out infinite;transition:transform .2s,box-shadow .2s}.tweaks-toggle:hover{transform:scale(1.06);animation:none;box-shadow:0 0 24px 6px var(--accent-glow)}.tweaks-toggle .t-icon{font-size:1rem;line-height:1}@keyframes tweaks-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 8px transparent}}.tweaks-panel{position:fixed;right:1.25rem;bottom:3.75rem;width:280px;background:var(--bg2);border:1px solid var(--border-2);border-radius:var(--radius-md);padding:1rem 1.1rem;z-index:400;box-shadow:0 20px 60px -20px #000c;font-family:var(--font-mono);font-size:.72rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateY(8px);opacity:0;pointer-events:none;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1)}.tweaks-panel.visible{opacity:1;transform:translateY(0);pointer-events:auto}.tweaks-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem;padding-bottom:.7rem;border-bottom:1px solid var(--border)}.tweaks-head b{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:500}.tweaks-head span{color:var(--muted);font-size:.62rem}.tweak-row{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.85rem}.tweak-row .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.6rem}.tweak-row .opts{display:flex;gap:.3rem;flex-wrap:wrap}.tweak-opt{flex:1;padding:.4rem .5rem;background:var(--bg3);border:1px solid var(--border);border-radius:3px;color:var(--text-dim);font-size:.65rem;text-align:center;transition:all .2s;text-transform:uppercase;letter-spacing:.08em;min-width:0}.tweak-opt:hover{border-color:var(--border-2);color:var(--text)}.tweak-opt.active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.tweak-row input[type=range]{-webkit-appearance:none;width:100%;height:3px;background:var(--bg3);border-radius:2px;outline:none}.tweak-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 0 8px var(--accent-glow)}.tweak-row input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;border:0}.hue-swatches{display:flex;gap:.3rem}.hue-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.hue-swatch:hover{transform:scale(1.1)}.hue-swatch.active{border-color:var(--text);transform:scale(1.05)}.exp-timeline{position:relative;padding-left:1.75rem;max-width:860px}.exp-timeline:before{content:"";position:absolute;left:0;top:.4rem;bottom:2rem;width:1px;background:linear-gradient(to bottom,var(--accent),var(--border) 80%)}.exp-item{position:relative;padding:0 0 3.5rem 2rem}.exp-item:last-child{padding-bottom:0}.exp-dot{position:absolute;left:-1.85rem;top:.35rem;width:11px;height:11px;border-radius:50%;background:var(--bg2);border:2px solid var(--border);transition:border-color .3s}.exp-item.current .exp-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.exp-item.edu .exp-dot{background:var(--bg2);border-color:var(--muted)}.exp-period{font-family:var(--font-mono);font-size:.68rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.exp-item.edu .exp-period{color:var(--muted)}.exp-now{background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);padding:.1rem .45rem;border-radius:3px;font-size:.6rem;letter-spacing:.1em}.exp-role{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.25rem}.exp-company{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);margin-bottom:.9rem;letter-spacing:.04em}.exp-bullets{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.exp-bullets li{color:var(--text-dim);font-size:.9rem;line-height:1.65;padding-left:1.1rem;position:relative}.exp-bullets li:before{content:"›";position:absolute;left:0;color:var(--accent);font-weight:700}.exp-tags{display:flex;flex-wrap:wrap;gap:.35rem}@media (max-width:600px){.exp-timeline{padding-left:1.25rem}.exp-item{padding-left:1.5rem}.exp-dot{left:-1.35rem}}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity calc(.7s / var(--motion, 1)) cubic-bezier(.2,.8,.2,1),transform calc(.7s / var(--motion, 1)) cubic-bezier(.2,.8,.2,1);transition-delay:var(--delay, 0s)}[data-reveal].in{opacity:1;transform:translateY(0)}.kbd{display:inline-block;padding:.15rem .4rem;background:var(--bg3);border:1px solid var(--border);border-radius:3px;font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim)}.noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>")}.hl{color:var(--accent)}