:root{--brand-50:#e8f4fe;--brand-100:#c5e4fd;--brand-200:#8dc9fb;--brand-300:#55aef9;--brand-400:#2196f3;--brand-500:#0b7dda;--brand-600:#0862ae;--brand-700:#064a83;--brand-800:#043158;--brand-900:#02192c;--bg:#f1f5f9;--surface:#fff;--surface-muted:#f8fafc;--text:#0f172a;--text-soft:#334155;--muted:#526071;--line:#e2e8f0;--line-strong:#cbd5e1;--accent:var(--brand-600);--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--shadow-soft:0 1px 2px #1018280a, 0 1px 3px #1018280f;--shadow-soft-md:0 2px 4px #1018280a, 0 4px 12px #1018280f;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Cascadia Code", Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:16px}body{min-height:100vh;color:var(--text);font-family:var(--font-sans);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}a{color:var(--brand-600)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--brand-700);color:#fff;padding:.6rem .9rem;font-weight:600;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.site-shell{width:min(1320px,100% - 32px);margin:20px auto 48px}.app-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:20px;display:grid}.content-column{gap:18px;min-width:0;display:grid}.content-column:focus{outline:none}.card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:20px;padding:1.6rem 1.5rem}.section-panel{border-left-width:3px;border-left-color:var(--brand-300)}.side-nav{z-index:30;padding:1rem .85rem;position:sticky;top:16px}.nav-wrap{gap:16px;display:grid}.brand-link{color:var(--text);letter-spacing:.01em;gap:2px;font-weight:700;text-decoration:none;display:grid}.brand-role{color:var(--muted);font-size:.8rem;font-weight:500}.site-nav{gap:4px;display:grid}.site-nav a{color:var(--text-soft);border-radius:10px;padding:.45rem .7rem;font-size:.9rem;text-decoration:none;transition:background-color .16s,color .16s;display:block}.site-nav a:hover{background:var(--brand-50);color:var(--brand-700)}.nav-extras{gap:12px;display:grid}.network-icons{flex-wrap:wrap;gap:8px;display:flex}.network-icon{width:34px;height:34px;color:var(--brand-700);border:1px solid var(--line);background:var(--brand-50);border-radius:999px;justify-content:center;align-items:center;transition:background-color .16s,border-color .16s;display:inline-flex}.network-icon svg,.network-icon img{width:16px;height:16px;display:block}.network-icon:hover{background:var(--brand-100);border-color:var(--brand-300)}.radio-toggle{border:1px solid var(--line-strong);color:var(--text);background:var(--surface);font:inherit;cursor:pointer;border-radius:999px;justify-self:start;align-items:center;gap:8px;padding:.4rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.radio-icon{border:2px solid var(--brand-400);border-radius:999px;width:14px;height:14px;box-shadow:inset 0 0 0 2px #fff}.radio-toggle.is-on{background:var(--brand-50);border-color:var(--brand-300);color:var(--brand-700)}.radio-toggle.is-on .radio-icon{background:var(--brand-500);border-color:var(--brand-500)}.status-banner{color:#92400e;border-radius:var(--radius-md);background:#fff8ec;border:1px solid #fcd9a5;padding:.7rem 1rem;font-size:.92rem}h1,h2,h3{color:var(--text);letter-spacing:-.01em;margin:0 0 10px;font-weight:700;line-height:1.25}h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1}h2{font-size:clamp(1.35rem,2.2vw,1.7rem)}h3{font-size:1.05rem}p{margin:0 0 10px}.muted{color:var(--muted)}.kicker,.section-eyebrow,.label,.card-kind,.project-meta-label,.step-label,.diagram-layer-label,.event-date,.article-date{color:var(--brand-600);letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:700;display:block}.section-intro,.prose-lead{color:var(--muted);max-width:72ch;margin:0 0 18px}.prose-lead{color:var(--text-soft);font-size:1.02rem}.prose{max-width:70ch}.fine-print{color:var(--muted);max-width:80ch;margin:14px 0 0;font-size:.86rem}.label{margin-top:16px}.text-link{font-size:.92rem;font-weight:600;text-decoration:none}.text-link:hover{text-decoration:underline}.bullet-list{color:var(--text-soft);gap:6px;margin:0;padding-left:1.15rem;display:grid}.bullet-list li::marker{color:var(--brand-400)}.empty-state{margin:0}.subsection{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.two-col{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:8px 28px;display:grid}.two-col>.subsection{margin-top:28px}.button{min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.6rem 1.15rem;font-weight:650;text-decoration:none;transition:background-color .16s,border-color .16s;display:inline-flex}.button-primary{background:var(--brand-600);color:#fff}.button-primary:hover{background:var(--brand-700)}.button-primary:disabled{opacity:.65;cursor:progress}.button-secondary{background:var(--surface);color:var(--brand-700);border-color:var(--line-strong)}.button-secondary:hover{background:var(--brand-50)}.chips,.project-tech,.fact-row{flex-wrap:wrap;gap:6px;display:flex}.chips span,.project-tech span{border:1px solid var(--line);color:var(--brand-700);background:var(--brand-50);border-radius:999px;padding:3px 10px;font-size:.8rem}.fact-row span{border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-soft);background:var(--surface-muted);border:1px solid var(--line-strong);padding:3px 9px;font-size:.76rem}.hero{padding:2.2rem 2rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(60% 88% at 50% 20%,#0b7dda12,#0000 78%);height:72%;position:absolute;inset:-35% -12% auto}.hero-motif{opacity:.45;pointer-events:none;width:min(300px,38%);position:absolute;bottom:-10%;right:-4%}.hero-motif circle{fill:var(--brand-50);stroke:var(--brand-300);stroke-width:1.4px}.hero-motif path{stroke:var(--brand-300);stroke-width:1.4px;fill:none}.hero-grid{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:28px;display:grid;position:relative}.kicker{font-size:.8rem}.lead{color:var(--text-soft);max-width:60ch;margin-bottom:18px;font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.6}.hero-proof{color:var(--text-soft);flex-wrap:wrap;gap:6px 0;max-width:64ch;margin:0 0 22px;padding:0;font-size:.92rem;list-style:none;display:flex}.hero-proof li:not(:last-child):after{content:"·";color:var(--brand-300);margin:0 10px}.hero-actions{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.hero-current{color:var(--muted);margin:0;font-size:.88rem}.hero-avatar{object-fit:cover;border:4px solid var(--surface);width:160px;height:160px;box-shadow:0 0 0 1px var(--line-strong), var(--shadow-soft-md);background:var(--brand-50);border-radius:999px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;display:grid}.metric{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-muted);padding:1rem 1.1rem}.metric-value{color:var(--brand-700);font-variant-numeric:tabular-nums;margin:0 0 4px;font-size:clamp(1.45rem,2.4vw,1.8rem);font-weight:750;line-height:1.15}.metric-label{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}.metrics-compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}.metrics-compact .metric{padding:.75rem .9rem}.metrics-compact .metric-value{font-size:1.2rem}.context-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:0;display:grid}.context-grid div{border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--line);padding:.8rem 1rem}.context-grid dt{color:var(--brand-600);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.context-grid dd{color:var(--text-soft);margin:4px 0 0;font-size:.94rem}.steps{margin:0;display:grid}.step{border-top:1px solid var(--line);grid-template-columns:140px minmax(0,1fr);gap:16px;padding:.85rem 0;display:grid}.step:first-child{border-top:none;padding-top:0}.step dd{color:var(--text-soft);margin:0}.step dd p{margin:0}.flow{flex-wrap:wrap;align-items:stretch;gap:10px 30px;margin:8px 0 12px;padding:0;list-style:none;display:flex}.flow-step{border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:10px;align-content:center;gap:2px;max-width:220px;padding:.55rem .85rem;display:grid;position:relative}.flow-step:not(:last-child):after{content:"→";color:var(--brand-400);font-weight:700;position:absolute;top:50%;right:-22px;transform:translateY(-50%)}.flow-step-title{color:var(--text);font-size:.86rem;font-weight:650}.flow-step-note{color:var(--muted);font-size:.76rem}.architecture-grid{gap:16px;display:grid}.diagram{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-muted);min-width:0;margin:0;padding:1.1rem 1.2rem}.diagram-title{color:var(--text);margin:0 0 12px;font-size:.98rem;font-weight:700}.diagram-layers{gap:22px;display:grid}.diagram-layer{grid-template-columns:170px minmax(0,1fr);align-items:center;gap:12px;display:grid;position:relative}.diagram-layer:not(:last-child):after{content:"↓";color:var(--brand-400);font-weight:700;line-height:1;position:absolute;bottom:-21px;left:196px}.diagram-layer-label{margin:0}.diagram-nodes{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.diagram-node{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:10px;gap:1px;padding:.5rem .8rem;font-size:.86rem;font-weight:650;display:grid}.diagram-node-detail{color:var(--muted);font-size:.74rem;font-weight:500}.diagram-caption{color:var(--muted);margin:14px 0 0;font-size:.85rem}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.project-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);align-content:start;gap:12px;padding:1.2rem 1.25rem;display:grid}.project-card h3{margin:0}.project-card-featured{border-color:var(--brand-200);background:linear-gradient(180deg, var(--brand-50), var(--surface) 38%);grid-column:span 2}.project-card-featured .project-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.project-summary{color:var(--text-soft);margin:0}.project-meta{gap:12px;display:grid}.project-meta-label{margin-bottom:2px}.project-meta-text{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.card-links{flex-wrap:wrap;gap:14px;display:flex}.card-links:empty{display:none}.other-work{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-muted);margin-top:16px;padding:.8rem 1rem}.other-work summary{cursor:pointer;color:var(--text-soft);font-weight:650}.other-work-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px 24px;margin:12px 0 0;padding:0;list-style:none;display:grid}.other-work-list li{border-top:1px solid var(--line);padding-top:10px}.other-work-title{margin:0 0 4px;font-weight:650}.other-work-list .muted{margin-bottom:4px;font-size:.9rem}.other-work-tech{font-family:var(--font-mono);color:var(--muted);margin:0 0 4px;font-size:.76rem}.capability-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;display:grid}.capability{border:1px solid var(--line);border-radius:var(--radius-md);padding:1rem 1.1rem}.capability h3{font-size:.98rem}.capability .bullet-list{font-size:.9rem}.principles{counter-reset:principle;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px 24px;margin:0;padding:0;list-style:none;display:grid}.principles li{counter-increment:principle;border-top:2px solid var(--brand-200);padding-top:10px}.principles li:before{content:counter(principle, decimal-leading-zero);font-family:var(--font-mono);color:var(--brand-600);margin-bottom:4px;font-size:.76rem;display:block}.principles h3{margin-bottom:4px;font-size:.98rem}.principles p{color:var(--muted);margin:0;font-size:.92rem}.leadership-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;display:grid}.leadership-card{border:1px solid var(--line);border-radius:var(--radius-md);align-content:start;padding:1rem 1.1rem;display:grid}.feature-card{border:1px solid var(--brand-200);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--brand-50), var(--surface) 30%);margin-top:18px;padding:1.3rem 1.35rem}.feature-role{color:var(--brand-700);font-weight:650}.pull-quote{border-left:3px solid var(--brand-300);color:var(--text-soft);margin:14px 0;padding:.3rem 0 .3rem 1rem}.pull-quote .label{margin-top:8px}.experience-list{gap:0;margin:0 0 18px;padding:0;list-style:none;display:grid}.experience-item{border-top:1px solid var(--line);padding:1.1rem 0}.experience-item:first-child{border-top:none;padding-top:0}.experience-head{flex-wrap:wrap;justify-content:space-between;gap:4px 18px;margin-bottom:8px;display:flex}.experience-head h3{margin:0}.experience-company{color:var(--brand-700);margin:0;font-weight:600}.experience-when{color:var(--muted);font-variant-numeric:tabular-nums;justify-items:end;margin:0;font-size:.86rem;display:grid}.experience-item .bullet-list{font-size:.94rem}.background-note{border:1px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--muted);background:var(--surface-muted);margin:0;padding:.7rem .9rem;font-size:.9rem}.skills-groups,.credential-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px 24px;display:grid}.skill-group-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin:0 0 8px;font-size:.8rem}.skill-group.is-supporting .skill-group-title{color:var(--muted)}.skill-group.is-supporting .chips span{background:var(--surface-muted);color:var(--muted)}.credential-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.credential-list li{display:grid}.credential-name{color:var(--text-soft);font-weight:600}.credential-meta{color:var(--muted);font-size:.86rem}.article-list,.repo-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px 24px;margin:0;padding:0;list-style:none;display:grid}.article-item h3{margin-bottom:6px;font-size:1rem}.article-item h3 a{color:var(--text);text-decoration:none}.article-item h3 a:hover{color:var(--brand-700);text-decoration:underline}.article-item .muted,.repo-item .muted{margin:0;font-size:.9rem}.repo-item a{font-weight:650;text-decoration:none}.repo-meta{color:var(--muted);margin:4px 0 0;font-size:.8rem}.about-grid{gap:22px;display:grid}.about-subtitle{letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.timeline{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px 22px;margin:0;padding:0;list-style:none;display:grid}.timeline-item{border-left:2px solid var(--brand-200);padding-left:12px}.event-date{margin:0}.timeline-title{margin:2px 0;font-size:.94rem;font-weight:650}.timeline-text{color:var(--muted);margin:0;font-size:.88rem}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;display:grid}.contact-links{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.contact-links li{display:grid}.contact-links .label{margin:0}.contact-links a{overflow-wrap:anywhere}.contact-form{gap:12px;display:grid}.contact-form label{color:var(--text-soft);gap:6px;font-size:.9rem;font-weight:600;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font:inherit;border-radius:10px;padding:.65rem .75rem;font-weight:400}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--brand-400);outline-offset:0;border-color:var(--brand-400)}.hp-field{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.submit-btn{justify-self:start}.form-feedback{min-height:1.5em;color:var(--text-soft);margin:0;font-size:.92rem}.site-footer{gap:10px;padding:.5rem .25rem 0;display:grid}.footer-copy{color:var(--muted);margin:0;font-size:.86rem}.footer-actions{flex-wrap:wrap;gap:8px;display:flex}.footer-actions a{color:var(--brand-700);border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.3rem .75rem;font-size:.85rem;text-decoration:none}.footer-actions a:hover{background:var(--brand-50)}.skeleton{gap:10px;display:grid}.skeleton-line{background:linear-gradient(90deg, var(--line) 0%, var(--surface-muted) 50%, var(--line) 100%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.4s ease-in-out infinite shimmer;display:block}.skeleton-line:nth-child(3n){width:70%}.skeleton-line:nth-child(3n+2){width:88%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=1100px){.project-card-featured .project-meta{grid-template-columns:1fr}}@media (width<=900px){.projects-grid{grid-template-columns:1fr}.project-card-featured{grid-column:auto}.contact-grid{grid-template-columns:1fr}}@media (width<=820px){.app-layout{grid-template-columns:1fr;gap:14px}.site-shell{width:min(100% - 24px,1320px);margin-top:0}.side-nav{border-top:none;border-radius:0 0 16px 16px;padding:.65rem .75rem;top:0}.nav-wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px}.brand-role{display:none}.site-nav{scrollbar-width:none;grid-area:2/1/auto/-1;gap:2px;margin:0 -.25rem;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a{flex:none;padding:.4rem .65rem;font-size:.86rem}.nav-extras{grid-area:1/2}.network-icons{display:none}html{scroll-padding-top:110px}}@media (width<=640px){.card{border-radius:16px;padding:1.2rem 1.05rem}.hero{padding:1.5rem 1.15rem}.hero-grid{grid-template-columns:1fr;gap:16px}.hero-avatar{grid-row:1;width:84px;height:84px}.hero-motif{display:none}.hero-proof{gap:6px}.hero-proof li{border:1px solid var(--line);background:var(--surface-muted);border-radius:999px;padding:2px 9px;font-size:.84rem}.hero-proof li:not(:last-child):after{content:none}.hero-actions .button{flex:auto}.step{grid-template-columns:1fr;gap:4px}.diagram{padding:.95rem}.diagram-layer{grid-template-columns:1fr;gap:6px}.diagram-layer:not(:last-child):after{left:14px}.flow{flex-direction:column;gap:22px}.flow-step{max-width:none}.flow-step:not(:last-child):after{content:"↓";inset:auto auto -20px 16px;transform:none}.experience-when{justify-items:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body.high-contrast{--bg:#fff;--surface:#fff;--surface-muted:#fff;--text:#020617;--text-soft:#0f172a;--muted:#1e293b;--line:#64748b;--line-strong:#334155;--accent:var(--brand-700)}body.high-contrast .card,body.high-contrast .project-card,body.high-contrast .diagram,body.high-contrast .metric,body.high-contrast .flow-step,body.high-contrast .diagram-node{box-shadow:none;background:#fff;border-width:2px}body.high-contrast .chips span,body.high-contrast .project-tech span,body.high-contrast .footer-actions a,body.high-contrast .network-icon{color:var(--brand-800);background:#fff;border-width:2px}@media print{.side-nav,.contact-form,.skip-link{display:none}.app-layout{grid-template-columns:1fr}}.earlier-roles{margin-bottom:18px}.earlier-roles .experience-list{margin:14px 0 0}
