:root{--text:#e2e8f0;--text-h:#fff;--text-muted:#9aa6b8;--bg:#070a12;--bg-raised:#0d1322;--cell-base:#0a0e19;--cell-raised:#111829;--cell-hover:#141c30;--border:#ffffff14;--border-strong:#ffffff29;--code-bg:#ffffff0a;--accent:#7dd3fc;--accent-light:#bfdbfe;--accent-bg:#7dd3fc1f;--accent-border:#7dd3fc40;--social-bg:#ffffff0a;--shadow:#00000052 0 10px 15px -3px, #00000038 0 4px 6px -2px;--sans:Inter, "Segoe UI", Roboto, sans-serif;--heading:Inter, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Consolas, monospace;font:16px/1.6 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}html{scroll-behavior:smooth}body{background:var(--bg);margin:0}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{font-size:2.5rem;line-height:1.2}h2{font-size:2rem;line-height:1.3}h3{font-size:1.2rem}p{margin:0;line-height:1.7}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:.2rem .45rem}.app-shell{background:var(--bg);min-height:100vh}.container{width:min(1120px,100% - 3rem);margin:0 auto}.hero-section{background-position:right 10%;background-repeat:no-repeat;background-size:cover;border-bottom:1px solid #ffffff14;align-items:center;width:100%;min-height:92vh;display:flex;position:relative}.hero-section:before{content:"";z-index:0;background:linear-gradient(#070a127a 0%,#070a129e 50%,#070a12 100%);position:absolute;inset:0 0 -1px}.hero-inner{z-index:1;flex-direction:column;align-items:flex-start;width:min(1120px,100% - 2rem);margin:0 auto;padding:6rem 0 5rem;display:flex;position:relative}.hero-role{font-family:var(--mono);color:var(--accent);letter-spacing:.08em;margin:1rem 0 1.4rem;font-size:.9rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero-inner>*{animation:.7s cubic-bezier(.16,1,.3,1) both fadeUp}.hero-inner>h1{animation-delay:50ms}.hero-inner>.hero-role{animation-delay:.2s}.hero-inner>.hero-copy{animation-delay:.34s}.hero-inner>.hero-actions{animation-delay:.48s}@media (prefers-reduced-motion:reduce){.hero-inner>*{animation:none}}.hero-section h1{letter-spacing:-.05em;max-width:10ch;margin:0;font-size:clamp(3rem,8vw,5.5rem);line-height:.95}.hero-copy{color:var(--text);font-size:1rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.primary-action,.secondary-action,.dark-action{font-family:var(--mono);border-radius:0;justify-content:center;align-items:center;padding:.9rem 1.3rem;font-size:.9rem;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s;display:inline-flex}.primary-action{background:var(--accent);border:1px solid var(--accent);color:#0b1020}.secondary-action{border:1px solid var(--border-strong);color:var(--text-h);background:#ffffff05}.dark-action{background:var(--bg);border:1px solid var(--bg);color:var(--accent);white-space:nowrap}.primary-action:hover,.secondary-action:hover,.dark-action:hover{transform:translate(-3px,-3px)}.primary-action:hover{background:var(--accent-light);box-shadow:3px 3px 0 var(--accent-border)}.secondary-action:hover{border-color:var(--accent);box-shadow:3px 3px 0 var(--accent-border)}.dark-action:hover{box-shadow:3px 3px #070a1259}.flow{position:relative}.band{--cell:var(--cell-base);background:var(--bg);padding-block:clamp(4.5rem,9vw,7rem);scroll-margin-top:3.5rem}.band-raised{--cell:var(--cell-raised);background:var(--bg-raised);border-block:1px solid var(--border)}.section-kicker,.cell-index,.role-period,.github-kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.75rem}.section-header{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:1.25rem 4rem;display:grid}.section-header h2{letter-spacing:-.035em;max-width:17ch;margin:.9rem 0 0;font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.05}.section-lede{max-width:46ch;color:var(--text-muted);font-size:1.05rem;line-height:1.7}.section-lede,.cell p,.about-now p,.point-list li{text-align:justify;-webkit-hyphens:auto;hyphens:auto}.flow-anchor{height:clamp(3.25rem,6vw,4.5rem)}.cell-grid{background:var(--border);border:1px solid var(--border);gap:1px;display:grid}.cell-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cell-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cell-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cell{background:var(--cell);color:inherit;padding:1.9rem 1.6rem 2.1rem;text-decoration:none;transition:background-color .25s;position:relative}.cell:before{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:-1px -1px auto;transform:scaleX(0)}.cell:hover{background:var(--cell-hover)}.cell:hover:before{transform:scaleX(1)}.cell h3{letter-spacing:-.015em;margin:1rem 0 0;font-size:1.2rem}.cell p{color:var(--text-muted);margin-top:.6rem;font-size:.95rem;line-height:1.7}.about-now{grid-template-columns:220px minmax(0,1fr);gap:1rem 2rem;margin-top:2.5rem;display:grid}.about-now p{max-width:68ch;color:var(--text);line-height:1.8}.point-list{gap:.7rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.point-list li{color:var(--text);padding-left:1.35rem;font-size:.95rem;line-height:1.7;position:relative}.point-list li:before{content:"";background:var(--accent);width:.6rem;height:2px;position:absolute;top:.8em;left:0}.chip-list{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.chip-list li{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent-light);font-family:var(--mono);padding:.3rem .65rem;font-size:.75rem}.role{grid-template-columns:250px minmax(0,1fr);padding:0;display:grid}.role-meta{border-right:1px solid var(--border);flex-direction:column;gap:.6rem;padding:2rem 1.6rem;display:flex}.role-period{color:var(--text-muted);letter-spacing:.08em}.role-org{color:var(--text-h);font-size:.95rem}.role-body{padding:2rem 2rem 2.2rem}.role-body h3{margin:0;font-size:1.35rem}.project-card,.project-inner{flex-direction:column;display:flex}.project-inner{flex:1}.project-top{justify-content:space-between;align-items:center;display:flex}.project-arrow{color:var(--text-muted);font-size:1.1rem;transition:transform .25s,color .25s}.project-card:hover .project-arrow{color:var(--accent);transform:translate(3px,-3px)}.project-card h3{font-size:1.35rem}.cell .project-note{border-left:2px solid var(--accent);background:#ffffff06;margin-top:1.25rem;padding:.85rem 1rem;font-size:.9rem;font-style:italic}.project-inner .chip-list{margin-top:auto;padding-top:1.5rem}.github-cta{background:var(--accent);color:#0b1020;grid-column:1/-1;padding:2.2rem 2rem;scroll-margin-top:5rem}.github-cta:hover{background:var(--accent-light)}.github-cta:before{display:none}.github-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 3rem;display:flex}.github-kicker{color:#0b1020b3}.github-cta h3{color:#0b1020;margin-top:.5rem;font-size:1.6rem}.cell.github-cta p{color:#0b1020cc;max-width:56ch}.contact-cell>div{flex-direction:column;gap:.9rem;display:flex}.contact-value{color:var(--text-h);overflow-wrap:anywhere;font-size:1.1rem}.contact-arrow{color:var(--text-muted);font-size:1.1rem;transition:transform .25s,color .25s}.contact-cell:hover .contact-arrow{color:var(--accent);transform:translate(6px)}.site-footer{background:var(--bg)}.site-footer .container{color:var(--text-muted);font-family:var(--mono);justify-content:space-between;gap:1rem;padding-block:1.75rem;font-size:.8rem;display:flex}.site-footer a{color:var(--text-muted);text-decoration:none;transition:color .2s}.site-footer a:hover{color:var(--accent)}@media (width<=900px){.navbar{flex-direction:column;align-items:flex-start}.section-header{grid-template-columns:1fr;align-items:start}.cell-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.cell-grid-2,.cell-grid-3,.role{grid-template-columns:1fr}.role-meta{border-right:0;padding-bottom:0}.role-body{padding-top:1.25rem}.about-now{grid-template-columns:1fr}}@media (width<=640px){.hero-inner{padding:5rem 0 4rem}.cell-grid-4{grid-template-columns:1fr}.cell,.role-meta,.role-body,.github-cta{padding-inline:1.25rem}}.navbar{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070a12d6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.navbar-brand{color:var(--text-h);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.95rem;text-decoration:none}.navbarcontent{flex-wrap:nowrap;align-items:center;gap:1rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.navbaritem a{color:var(--text);font-family:var(--mono);font-size:.9rem;text-decoration:none;transition:color .2s}.navbaritem a:hover{color:var(--accent)}.flow-line{pointer-events:none;z-index:2;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0;overflow:visible}.flow-line.is-drawing{opacity:1}.flow-line path{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round}.flow-line-glow{stroke-width:9px;opacity:.12}.flow-line-core{stroke-width:2px}.flow-line-tip{fill:var(--accent);filter:drop-shadow(0 0 6px #7dd3fce6)}