:root{--bg:#fbfbfc;--surface:#fff;--surface-2:#f4f4f7;--text:#1b1f2a;--muted:#5c6172;--border:#e7e7ee;--accent:#4f46e5;--accent-strong:#4338ca;--accent-soft:#eef2ff;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px #1018200a, 0 10px 30px #1018200f;--shadow-hover:0 2px 4px #1018200f, 0 16px 44px #1018201a;--maxw:980px;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);min-width:320px;min-height:100vh;margin:0}a{color:var(--accent-strong);font-weight:500;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.015em;margin:0;line-height:1.2}h1{font-size:clamp(2.2rem,5vw,3.1rem)}p{margin:0 0 1rem}img{max-width:100%;display:block}ul{margin:0;padding:0}#root{width:100%}.shell{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem 4rem}.page{padding-top:2.5rem}.block{margin:3.5rem 0}.nav{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--border);background:#fbfbf9d1;position:sticky;top:0}.nav-inner{max-width:var(--maxw);justify-content:space-between;align-items:center;height:60px;margin:0 auto;padding:0 1.5rem;display:flex}.nav-brand{letter-spacing:-.03em;color:var(--text);font-size:1.3rem;font-weight:800}.nav-brand:hover{text-decoration:none}.nav-brand-dot{color:var(--accent)}.nav-links{align-items:center;gap:.5rem;list-style:none;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:.45rem .8rem;font-size:.95rem;font-weight:500;transition:color .15s,background .15s}.nav-links a:hover{color:var(--text);background:var(--surface-2);text-decoration:none}.nav-links a.is-active{color:var(--accent-strong);background:var(--accent-soft)}.nav-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:0;display:none}.nav-toggle span{background:var(--text);border-radius:2px;width:18px;height:2px;margin:0 auto;display:block}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1.1rem;font-size:.92rem;font-weight:600;transition:transform .12s,background .15s,border-color .15s;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-strong)}.contact-links{flex-wrap:wrap;gap:.6rem;margin-top:1.4rem;display:flex}.hero{grid-template-columns:1fr auto;align-items:center;gap:2.5rem;padding:3.5rem 0 1.5rem;display:grid}.hero-eyebrow{color:var(--accent-strong);letter-spacing:.02em;margin:0 0 .3rem;font-weight:600}.hero-title{color:var(--muted);margin:.4rem 0 0;font-size:1.25rem;font-weight:600}.hero-tagline{max-width:38rem;margin:1rem 0 0;font-size:1.08rem;line-height:1.7}.hero-avatar{box-shadow:var(--shadow)}.block-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.block-head h2{font-size:1.6rem}.block-link{white-space:nowrap;font-weight:600}.block-intro{color:var(--muted);max-width:44rem;margin:.6rem 0 1.8rem}.section-label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:1.2rem;padding-bottom:.6rem;font-size:.85rem}.page-head{margin-bottom:2.5rem}.page-sub{color:var(--muted);max-width:42rem;margin-top:.6rem;font-size:1.1rem}.project-stack{flex-direction:column;gap:1.5rem;display:flex}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.project-banner{background:linear-gradient(90deg, var(--accent) 0%, #6366f1 55%, #818cf8 100%);height:8px}.project-body{flex-direction:column;flex:1;gap:.85rem;padding:1.5rem;display:flex}.project-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-name{font-size:1.35rem}.project-tagline{color:var(--muted);margin:.2rem 0 0;font-weight:500}.status-pill{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-strong);background:var(--accent-soft);white-space:nowrap;border:1px solid #c7d2fe;border-radius:999px;flex-shrink:0;padding:.3rem .6rem;font-size:.72rem;font-weight:600}.project-meta{color:var(--muted);margin:0;font-size:.85rem}.project-summary{margin:0}.project-shot{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.project-shot img{width:100%}.project-highlights{flex-direction:column;gap:.5rem;margin:0;list-style:none;display:flex}.project-highlights li{color:#38424d;padding-left:1.4rem;font-size:.95rem;position:relative}.project-highlights li:before{content:"";background:var(--accent);border-radius:2px;width:7px;height:7px;position:absolute;top:.55em;left:0}.tech-list{flex-wrap:wrap;gap:.45rem;margin:.2rem 0 0;list-style:none;display:flex}.tech-list li{color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.25rem .65rem;font-size:.78rem;font-weight:500}.project-links{flex-wrap:wrap;gap:.6rem;margin-top:.3rem;display:flex}.project-credit{color:var(--muted);margin:.4rem 0 0;font-size:.78rem}.project-stack .project-card.is-featured{flex-direction:row}.project-stack .project-card.is-featured .project-banner{background:linear-gradient(180deg, var(--accent) 0%, #6366f1 55%, #818cf8 100%);flex-shrink:0;width:8px;height:auto}.cta-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);padding:2.2rem}.cta-block h2{font-size:1.5rem}.cta-block p{color:var(--muted);max-width:36rem;margin:.6rem auto 1.4rem}.cta-row{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.role{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.8rem}.role-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.role-head h2{font-size:1.3rem}.role-dates{color:var(--muted);white-space:nowrap;font-size:.85rem}.role-org{color:var(--accent-strong);margin:.3rem 0 1rem;font-weight:600}.role-note{margin:1.2rem 0 .7rem;font-weight:600}.course-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.5rem;list-style:none;display:grid}.course-grid li{color:#38424d;background:var(--surface-2);border-radius:var(--radius-sm);padding:.5rem .8rem;font-size:.9rem}.course-more{margin-top:.75rem}.course-more summary{cursor:pointer;color:var(--accent-strong);-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;font-size:.88rem;font-weight:600;list-style:none;display:inline-flex}.course-more summary::-webkit-details-marker{display:none}.course-more summary:before{content:"▸";font-size:.75rem;transition:transform .15s;display:inline-block}.course-more[open] summary:before{transform:rotate(90deg)}.course-grid--more{margin-top:.5rem}.reflection{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.2rem}.reflection summary{cursor:pointer;color:var(--accent-strong);font-weight:600}.reflection[open] summary{margin-bottom:1rem}.reflection-note{color:var(--muted);font-size:.85rem;font-style:italic}.video-container{width:100%;max-width:560px;margin:1.75rem auto}.float-media{float:right;width:100%;max-width:360px;margin:.5rem 0 1rem 1.5rem}.video-container iframe{aspect-ratio:16/9;border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow);border:0;display:block}.float-media img{border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow)}.video-container figcaption,.float-media figcaption{color:var(--muted);text-align:center;margin-top:.5rem;font-size:.82rem}.about-intro{grid-template-columns:auto 1fr;align-items:start;gap:2rem;margin-bottom:1rem;display:grid}.about-intro .sb-avatar{box-shadow:var(--shadow)}.edu-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem}.edu-stats{color:var(--muted);flex-wrap:wrap;gap:1.2rem;margin:0 0 .5rem;display:flex}.edu-stats strong{color:var(--text)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;display:grid}.skill-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.3rem}.skill-group h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.9rem;font-size:.85rem}.lab-stats{flex-wrap:wrap;gap:1rem;margin:0 0 .5rem;list-style:none;display:flex}.lab-stats li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;flex:140px;gap:.2rem;padding:1.1rem 1.3rem;display:flex}.lab-stat-value{letter-spacing:-.02em;color:var(--accent-strong);font-size:1.9rem;font-weight:800;line-height:1}.lab-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.78rem}.lab-grid{flex-direction:column;gap:1.5rem;display:flex}.lab-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s;overflow:hidden}.lab-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.lab-card-head{background:var(--surface-2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.5rem;display:flex}.lab-host{align-items:center;gap:.6rem;display:flex}.lab-hostname{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.05rem;font-weight:700}.lab-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:9px;height:9px}.lab-dot--online{background:#22c55e;animation:2.4s ease-out infinite lab-pulse}.lab-dot--workstation{background:var(--accent)}@keyframes lab-pulse{0%{box-shadow:0 0 #22c55e73}70%{box-shadow:0 0 0 7px #22c55e00}to{box-shadow:0 0 #22c55e00}}.lab-status-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.lab-card-body{flex-direction:column;gap:.9rem;padding:1.5rem;display:flex}.lab-role{color:var(--accent-strong);margin:0;font-weight:600}.lab-blurb{color:var(--muted);margin:0}.lab-photo{border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);margin:0;overflow:hidden}.lab-photo img{object-fit:cover;aspect-ratio:4/3;width:100%;height:100%}.lab-terminal{border-radius:var(--radius-sm);box-shadow:var(--shadow);background:#0d1117;border:1px solid #20242c;margin:0;overflow:hidden}.lab-terminal-bar{background:#161b22;border-bottom:1px solid #20242c;align-items:center;gap:.4rem;height:28px;padding:0 .7rem;display:flex}.lab-tl{background:#3a3f4b;border-radius:50%;width:10px;height:10px}.lab-tl:first-child{background:#ff5f56}.lab-tl:nth-child(2){background:#ffbd2e}.lab-tl:nth-child(3){background:#27c93f}.lab-terminal-name{color:#8b93a1;margin-left:.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.lab-terminal img{width:100%;display:block}.lab-shot--ph{text-align:center;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-height:150px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.2rem;display:flex}.lab-shot-ph-icon{opacity:.5;font-size:1.5rem;line-height:1}.lab-shot-ph-label{font-size:.85rem;font-weight:600}.lab-shot-ph-path{color:var(--muted);background:var(--surface);border:1px solid var(--border);word-break:break-all;border-radius:6px;padding:.15rem .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.lab-specs{border:1px solid var(--border);border-radius:var(--radius-sm);margin:0;overflow:hidden}.lab-spec{grid-template-columns:110px 1fr;gap:.5rem;padding:.55rem .85rem;font-size:.88rem;display:grid}.lab-spec:not(:last-child){border-bottom:1px solid var(--border)}.lab-spec dt{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);align-self:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem}.lab-spec dd{color:var(--text);margin:0}.lab-services-label{margin:.3rem 0 -.2rem;font-size:.85rem;font-weight:600}.lab-why{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.lab-why-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem}.lab-why-card h3{margin-bottom:.6rem;font-size:1.15rem}.lab-why-card p{color:#38424d;margin:0}.footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;margin-top:4rem;padding-top:1.5rem;font-size:.85rem}.slide-in,.slide-out{z-index:9999;background:var(--accent-strong);pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.slide-in{transform-origin:top}.slide-out{transform-origin:bottom}@media (width<=820px){.project-stack .project-card.is-featured{flex-direction:column}.project-stack .project-card.is-featured .project-banner{background:linear-gradient(90deg, var(--accent) 0%, #6366f1 55%, #818cf8 100%);width:100%;height:8px}}@media (width<=680px){.nav-toggle{display:flex}.nav-links{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:.2rem;padding:.8rem 1.5rem 1.2rem;display:none;position:absolute;top:60px;left:0;right:0}.nav-links.is-open{display:flex}.nav-links a{border-radius:var(--radius-sm);padding:.7rem .9rem}.hero{text-align:center;grid-template-columns:1fr;justify-items:center;padding-top:2.5rem}.hero-tagline{margin-left:auto;margin-right:auto}.hero-avatar{order:-1}.contact-links{justify-content:center}.about-intro{text-align:center;grid-template-columns:1fr;justify-items:center}.about-intro .contact-links{justify-content:center}.lab-why{grid-template-columns:1fr}.video-container,.float-media{float:none;max-width:100%;margin:1.2rem auto}}@media (width<=540px){.shell{padding:0 1.05rem 3rem}.nav-inner{padding:0 1.05rem}.block{margin:2.5rem 0}.page{padding-top:1.75rem}.page-head{margin-bottom:1.75rem}.page-sub{font-size:1rem}.hero{gap:1.5rem;padding:1.75rem 0 .5rem}.hero-tagline{font-size:1rem}.project-body{gap:.7rem;padding:1.2rem}.project-head{flex-direction:column;gap:.5rem}.project-summary,.project-highlights li{font-size:.95rem}.role,.edu-card,.skill-group,.cta-block,.lab-why-card{padding:1.3rem}.lab-card-head{padding:.75rem 1.2rem}.lab-card-body{padding:1.2rem}.lab-stat-value{font-size:1.6rem}.lab-spec{grid-template-columns:90px 1fr}.role-head h2{font-size:1.18rem}.block-head h2{font-size:1.35rem}.course-grid{grid-template-columns:1fr}.cta-row{flex-direction:column}.cta-row .btn{width:100%}}