:root{color-scheme:dark;color:#ecf2f8;font-synthesis:none;text-rendering:optimizelegibility;--surface:#111923;--panel:#16212d;--border:#354553;--muted:#b8c4cf;--accent:#20e0be;background:#0b0f14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#0b0f14;min-width:320px}body{min-height:100vh;margin:0}a{color:inherit}.shell{width:min(1120px,100% - 40px);margin:0 auto;padding-bottom:72px}.topbar{border-bottom:1px solid #26313d;justify-content:space-between;align-items:center;min-height:88px;display:flex}.identity{letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;font-weight:700;text-decoration:none}.topbar-actions{align-items:center;gap:22px;display:flex}.section-nav{flex-wrap:wrap;gap:16px;display:flex}.text-action{color:#20e0be;text-underline-offset:5px;margin-top:30px;font-weight:600;display:inline-block}.resume-section{margin-top:64px}.muted{color:#a9b6c2;line-height:1.6}.catalog-header{padding:80px 0 48px}.catalog-header h1{font-size:clamp(2.75rem,7vw,5.5rem)}.experience-list{gap:24px;margin-top:0;display:grid}.experience-item{border-bottom:1px solid #26313d;border:1px solid var(--border);background:var(--panel);border-radius:16px;grid-template-columns:minmax(160px,.65fr) minmax(0,2fr);gap:32px;padding:28px;display:grid}.experience-item h3{margin:0;font-size:1.4rem;line-height:1.35}.experience-item p{color:#b8c4cf;line-height:1.65}.evidence-links{padding-left:20px;line-height:1.6}.evidence-links li+li{margin-top:10px}.evidence-links a{color:#20e0be;text-underline-offset:4px}.skill-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:40px;padding:0;list-style:none;display:grid}.skill-grid li{border:0;border-radius:12px;max-width:100%;padding:0}.skill-grid a{color:#20e0be;text-underline-offset:4px}[id]{scroll-margin-top:24px}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.section-link:focus-visible{outline:2px solid #20e0be}@media (width<=760px){.experience-item{grid-template-columns:1fr;gap:12px}.section-nav{gap:10px}.topbar-actions{flex-wrap:wrap}}.section-link{color:#b8c4cf;text-underline-offset:6px;padding:9px 2px;font-size:.875rem;font-weight:700;text-decoration-color:#3a4a57;text-decoration-thickness:1px}.section-link:hover,.section-link:focus-visible{color:#20e0be;text-decoration-color:currentColor}.language-nav{gap:6px;font-size:.875rem;font-weight:700;display:flex}.language-nav a,.language-nav span{text-align:center;border-radius:999px;min-width:42px;padding:9px 10px}.language-nav a{color:#90a0b0;text-decoration:none}.language-nav a:hover,.language-nav a:focus-visible{color:#ecf2f8;outline-offset:2px;outline:2px solid #20e0be}.language-nav span{color:#06110f;background:#20e0be}.hero{background:linear-gradient(90deg,#0b0f14,#0000 65%),linear-gradient(90deg,#20e0be0f 1px,#0000 1px) 0 0/80px 80px,linear-gradient(#20e0be0f 1px,#0000 1px) 0 0/80px 80px,radial-gradient(at 85% 30%,#20e0be1a,#0000 65%);align-content:center;min-height:520px;padding:80px 0;display:grid}.eyebrow{color:#20e0be;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;font-family:ui-monospace,Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.875rem;font-weight:700}h1,h2,p{max-width:800px}h1{letter-spacing:-.065em;margin:0;font-size:clamp(3rem,8vw,6.8rem);line-height:.96}.lede{color:#b8c4cf;margin:34px 0 0;font-size:clamp(1.1rem,2.2vw,1.45rem);line-height:1.55}.evidence{background:var(--surface);border-top:1px solid #26313d;border:1px solid var(--border);border-radius:24px;padding:clamp(24px,4vw,44px)}.section-heading{border-left:3px solid var(--accent);grid-template-columns:1fr;align-items:end;gap:8px;margin-bottom:32px;padding-left:20px;display:grid}h2{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.case-card{background:var(--panel);border:1px solid #26313d;border-color:var(--border);border-radius:18px;justify-content:space-between;align-items:flex-start;gap:30px;margin-top:20px;padding:28px;text-decoration:none;transition:border-color .16s,transform .16s,background .16s;display:flex}.case-card:hover,.case-card:focus-visible{background:#101b21;border-color:#20e0be;transform:translateY(-2px)}.case-card small{color:#20e0be;letter-spacing:.06em;text-transform:uppercase;font-family:ui-monospace,Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.875rem;font-weight:700}.case-card strong{letter-spacing:-.035em;max-width:760px;margin-top:14px;font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.25;display:block}.case-card p{color:#9eacb9;margin:14px 0 0;font-size:1rem;line-height:1.55}.case-card-arrow{color:#20e0be;font-size:2rem;line-height:1}.case-shell{max-width:1120px}.case-hero{padding:48px 0}.back-link{color:#91a1b0;margin-bottom:36px;padding:10px 0;font-size:.9rem;text-decoration:none;display:inline-block}.back-link:hover,.back-link:focus-visible{color:#20e0be;text-underline-offset:5px;text-decoration:underline}.case-title{max-width:980px;font-size:clamp(2.5rem,5.8vw,4.8rem);line-height:1.08}.case-metrics{background:0 0;border:0;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;margin-top:24px;display:grid;overflow:hidden}.case-metrics article{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-height:auto;padding:24px}.case-metrics strong{color:#20e0be;letter-spacing:-.06em;font-family:ui-monospace,Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:clamp(1.8rem,3vw,2.6rem);display:block}.case-metrics p{color:#a9b6c2;margin:12px 0 0;line-height:1.55}.case-metrics small{color:var(--muted);margin-top:12px;font-size:.875rem;line-height:1.5;display:block}.case-content{width:100%;min-width:0;max-width:800px;margin:0 auto;padding:0 0 48px}.case-content h2{border-top:1px solid var(--border);margin:36px 0 20px;padding-top:36px;font-size:clamp(1.7rem,3vw,2.25rem)}.case-content h3{color:#e7eef5;margin:28px 0 12px;font-size:1.2rem;line-height:1.3}.case-content p,.case-content li{color:#b7c3ce;font-size:1rem;line-height:1.75}.case-content p{margin:0 0 22px}.case-content ul,.case-content ol{margin:0 0 28px;padding-left:24px}.case-content li+li{margin-top:10px}.case-content strong{color:#ecf2f8}.case-skills{border-top:1px solid #26313d;border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:32px}.case-skills ul{flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none;display:flex}.case-skills li{color:#c3ced8;border:0;border-radius:999px;padding:0;font-size:.9rem}@media (width<=760px){.shell{width:min(100% - 28px,1120px)}.topbar{flex-wrap:wrap;gap:12px;min-height:72px;padding:14px 0}.identity{flex:1 0 100%;max-width:none;font-size:.78rem}.topbar-actions{justify-content:space-between;gap:10px;width:100%}.hero{min-height:auto;padding:76px 0 92px}h1{font-size:clamp(2.75rem,14vw,4.8rem)}.section-heading,.metrics,.case-role,.case-metrics{grid-template-columns:1fr}.metrics article,.case-metrics article{min-height:auto}.case-card{padding:24px}.case-hero{padding:52px 0 56px}.back-link{margin-bottom:52px}.case-flow li:after,.case-flow li:last-child:after{top:22px;left:-5px;right:auto}.case-content h2{margin-top:64px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}h1,h2,h3,p{overflow-wrap:anywhere}.section-heading .eyebrow{margin:0}.section-heading h2{font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.15}#experience{background:#10171e}.experience-item .eyebrow{color:var(--accent)}.stack-label{margin:26px 0 10px;font-size:.875rem;font-weight:600}.stack-chips,.skill-grid{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.stack-chips li{background:#101923;border:1px solid #46596a;border-radius:8px;padding:7px 12px;font-size:.875rem;line-height:1.5}.skill-grid .skill-chip{background:var(--panel);color:#ecf2f8;border:1px solid #46596a;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;min-height:48px;padding:12px 18px;font-weight:600;line-height:1.5;text-decoration:none;transition:background .16s,border-color .16s,transform .16s;display:flex}.skill-chip>span:last-child{color:var(--accent)}.skill-chip:hover{border-color:var(--accent);background:#1b323a;transform:translateY(-2px)}.case-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.case-overview section{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:24px}.case-overview h2{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:.875rem;line-height:1.5}.case-overview p{color:var(--muted);margin:16px 0 0;line-height:1.65}.case-overview .overview-result{background:#102922;border-color:#2e6458}.case-reading-layout{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:48px;margin-top:56px;display:grid}.case-toc{padding-top:8px;position:sticky;top:28px}.case-toc ol{margin:0;padding:0;list-style:none}.case-toc a{color:var(--muted);padding:10px 0;font-size:.9rem;line-height:1.5;text-decoration:none;display:block}.case-toc a:hover{color:var(--accent)}.case-content>h2:first-child{border-top:0;margin-top:0;padding-top:0}.case-content figure{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin:28px 0 32px;overflow:hidden}.case-screenshot img{max-width:100%;height:auto;margin:0 auto;display:block}.case-content figcaption{border-top:1px solid var(--border);color:var(--muted);padding:18px 22px;font-size:.875rem;line-height:1.6}.diagram-body{padding:24px}.diagram-label{color:var(--accent);margin-bottom:14px;font-size:.875rem;font-weight:700;display:block}.diagram-steps{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.diagram-step{background:var(--panel);color:#ecf2f8;border:1px solid #46596a;border-radius:10px;flex:130px;padding:16px;line-height:1.5}.diagram-step small{color:var(--muted);margin-top:8px;font-size:.875rem;line-height:1.55;display:block}.diagram-arrow{color:var(--accent);align-self:center}.diagram-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.diagram-branch{border-left:3px solid var(--accent);background:#132922;border-radius:0 10px 10px 0;padding:18px;line-height:1.6}.diagram-branch span{color:var(--muted);font-size:.875rem;display:block}.diagram-before{background:#251f25;border-left-color:#c5949e}.diagram-note{color:var(--muted);margin-top:18px;font-size:.875rem;line-height:1.6;display:block}.case-skills a{border:1px solid #46596a;border-radius:12px;padding:12px 16px;line-height:1.5;text-decoration:none;display:block}.case-skills a:hover{color:var(--accent);border-color:var(--accent)}@media (width<=900px){.case-reading-layout{grid-template-columns:1fr;gap:28px}.case-toc{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:20px;position:static}.case-toc ol{flex-wrap:wrap;column-gap:24px;display:flex}.case-toc .eyebrow{margin-bottom:8px}.case-overview{grid-template-columns:1fr}}@media (width<=760px){.identity{font-size:.875rem}.evidence{border-radius:18px;padding:24px 18px}.resume-section{margin-top:36px}.experience-item{grid-template-columns:1fr;gap:12px;padding:20px}.case-card{gap:12px;padding:22px}.case-hero{padding:32px 0}.case-title{font-size:clamp(2.25rem,10vw,3.6rem)}.case-reading-layout{margin-top:36px}.diagram-body{padding:18px}.diagram-branches{grid-template-columns:1fr}.diagram-steps{flex-direction:column}.diagram-step{flex-basis:auto}.diagram-arrow{transform:rotate(90deg)}.case-skills{padding:24px 18px}}@media (prefers-reduced-motion:reduce){.skill-chip{transition:none}}