@font-face{font-family:SUIT Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portfolio-renew/assets/SUIT-Variable-gqD86R3M.woff2)format("woff2")}@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(/portfolio-renew/assets/Sora-Variable-Bqpd64dN.ttf)format("truetype")}:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--page-gutter:clamp(1.5rem, 4vw, 4.5rem);--measure:70ch;--motion-fast:.18s;--ease-out:cubic-bezier(.16, 1, .3, 1);--font-display:"Sora", "SUIT Variable", sans-serif}*{box-sizing:border-box}html{scrollbar-color:var(--muted) var(--bg);scroll-padding-top:6rem}body{overflow-wrap:anywhere;word-break:keep-all;margin:0}body,input,button,select,textarea{font-family:SUIT Variable,sans-serif}input,textarea{caret-color:var(--accent)}::selection{background:var(--accent);color:var(--on-accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--muted);border:3px solid var(--bg);border-radius:8px}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}a,button,summary,select{-webkit-tap-highlight-color:transparent}:where(a,button,input,select,summary,[tabindex]):focus-visible,.MuiButtonBase-root:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{cursor:not-allowed}h1,h2,h3{text-wrap:balance}p{margin:0}svg{flex-shrink:0}.site-wrapper{flex-direction:column;min-height:100svh;display:flex}#main-content{flex:1;min-width:0}.page-shell{width:100%;max-width:1600px;padding-inline:var(--page-gutter);margin-inline:auto}.secondary-text,.metadata{color:var(--muted)}.metadata{font-variant-numeric:tabular-nums;font-size:.875rem}.text-link{align-items:center;gap:.75rem;min-height:44px;font-weight:600;text-decoration:none;display:inline-flex}.text-link svg{width:18px;height:18px;transition:transform var(--motion-fast) var(--ease-out)}.text-link:hover{color:var(--accent);text-decoration:underline}.text-link:hover svg{transform:translate(3px)}.site-header{z-index:20;background:var(--bg);border-bottom:1px solid var(--rule);position:sticky;top:0}.header-inner{align-items:center;gap:var(--space-8);min-height:88px;display:flex}.wordmark{align-items:baseline;gap:var(--space-4);min-width:0;margin-right:auto;text-decoration:none;display:flex}.wordmark strong{letter-spacing:-.025em;font-size:1.25rem;font-weight:750}.wordmark span{font-family:var(--font-display);color:var(--muted);font-size:.8125rem}.desktop-nav{align-items:stretch;gap:var(--space-8);display:flex}.desktop-nav a{align-items:center;min-height:44px;font-weight:600;text-decoration:none;display:flex;position:relative}.desktop-nav a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform var(--motion-fast) var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1)}.header-actions{align-items:center;gap:var(--space-2);display:flex}.header-actions .mobile-menu-button{display:none}.skip-link{top:-6rem;left:var(--page-gutter);padding:var(--space-3) var(--space-4);background:var(--accent);color:var(--on-accent);z-index:100;position:fixed}.skip-link:focus{top:var(--space-3)}.resume-command{z-index:50;bottom:var(--space-6);align-items:center;gap:var(--space-3);width:min(560px,100% - 2rem);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--rule);border-radius:12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000026}.resume-command label{color:var(--muted);font-size:.875rem}.resume-command input{color:var(--ink);min-width:0;padding:var(--space-2);background:0 0;border:0;flex:1;font-size:1rem}.resume-command input::placeholder{color:var(--muted);opacity:1}.home-opening{grid-template-columns:1fr 1.08fr;align-items:center;gap:clamp(3rem,6vw,7rem);padding-block:clamp(3rem,5vw,6rem);display:grid}.home-intro .display-title{letter-spacing:-.035em;font-size:clamp(2.4rem,3.5vw,4.4rem);font-weight:650;line-height:1.28}.display-title span{color:var(--accent)}.intro-description{color:var(--muted);max-width:48ch;margin-top:var(--space-8);line-height:1.85}.intro-actions{align-items:center;gap:var(--space-6);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.intro-scope{color:var(--muted);margin-top:var(--space-8);font-size:.875rem}.case-explorer{background:var(--surface);border:1px solid var(--rule);border-radius:12px;min-width:0;overflow:hidden}.case-explorer .MuiTabs-root{border-bottom:1px solid var(--rule)}.case-panel{min-height:33rem;animation:case-select .22s var(--ease-out);padding:clamp(1.5rem,2.4vw,2.5rem)}@keyframes case-select{0%{opacity:.75;transform:translateY(4px)}to{opacity:1;transform:none}}.case-context{color:var(--muted);margin:var(--space-3) 0 0;flex-wrap:wrap;gap:.25rem 1rem;font-size:.8125rem;line-height:1.6;display:flex}.case-panel .case-title{font-size:clamp(1.4rem,2vw,1.9rem);font-weight:600}.case-trace{padding:var(--space-6) 0 var(--space-3);align-items:center;gap:var(--space-3);color:var(--accent);margin:0;font-size:.9375rem;font-weight:650;list-style:none;display:flex}.case-trace li{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.case-trace li:last-child{flex:.8}.case-trace svg{width:16px}.case-trace-query li:first-child,.case-trace-query li:last-child{font-variant-numeric:tabular-nums}.case-trace-query li:nth-child(2){flex:1.6}.case-note{color:var(--muted);padding-bottom:var(--space-6);border-bottom:1px solid var(--rule);font-size:.8125rem}.case-reading{margin:var(--space-6) 0 0;gap:var(--space-4);font-size:.9375rem;line-height:1.75;display:grid}.case-reading div{gap:var(--space-4);grid-template-columns:2rem 1fr;display:grid}.case-reading dt{color:var(--muted);padding-top:2px;font-size:.8125rem}.case-reading dd{margin:0}.case-reading div:last-child dd{font-weight:600}.case-panel .case-link{margin-top:var(--space-6);padding-left:0;padding-right:0}.page-section{padding-block:var(--space-24);border-top:1px solid var(--rule);scroll-margin-top:6rem}.section-intro{gap:var(--space-16);margin-bottom:var(--space-12);grid-template-columns:1fr 1fr;align-items:start;display:grid}.section-intro p{max-width:var(--measure);color:var(--muted);line-height:1.85}.section-intro .text-link{margin-top:var(--space-3)}.career-row{gap:var(--space-16);padding-block:var(--space-8);border-top:1px solid var(--rule);grid-template-columns:minmax(240px,.6fr) 1fr;display:grid}.career-meta .metadata{margin-top:var(--space-3)}.career-role{margin-top:var(--space-2);color:var(--muted);font-size:.875rem}.career-responsibility>p{max-width:var(--measure);font-size:1.125rem;line-height:1.75}.career-projects{margin:var(--space-4) 0 0;padding:0;list-style:none}.career-projects a{gap:var(--space-6);min-height:44px;color:var(--muted);transition:color var(--motion-fast);justify-content:space-between;align-items:center;padding-block:.625rem;font-size:.9375rem;text-decoration:none;display:flex}.career-projects a:hover{color:var(--accent)}.career-projects a svg{width:18px}.plain-details{border-top:1px solid var(--rule);margin-top:var(--space-4)}.plain-details summary{cursor:pointer;min-height:48px;padding-block:var(--space-3);color:var(--muted);font-weight:600}.plain-details summary:hover{color:var(--accent)}.plain-details ul{color:var(--muted);padding-left:1.25rem;line-height:1.8}.plain-details li+li{margin-top:var(--space-2)}.personal-projects{gap:var(--space-12);grid-template-columns:1fr 1fr;display:grid}.personal-project{min-width:0}.personal-cover{aspect-ratio:16/9;background:var(--surface-muted);border-radius:12px;display:block;overflow:hidden}.personal-cover img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .22s var(--ease-out);display:block}.personal-cover:hover img{transform:scale(1.025)}.personal-copy{padding-top:var(--space-6)}.personal-copy h3 a{justify-content:space-between;align-items:center;gap:var(--space-4);text-decoration:none;display:flex}.personal-copy h3 a:hover{color:var(--accent)}.personal-copy p{margin-top:var(--space-3);line-height:1.8}.personal-copy svg{width:20px}.closing-section{border-top:1px solid var(--rule);padding-block:var(--space-16);justify-content:space-between;align-items:baseline;gap:var(--space-8);display:flex}.closing-section>div{gap:var(--space-6);flex-wrap:wrap;display:flex}.site-footer{border-top:1px solid var(--rule);color:var(--muted);font-size:.8125rem}.footer-inner{padding-block:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.footer-links{gap:var(--space-6);display:flex}.footer-links a{align-items:center;gap:var(--space-2);min-height:44px;text-decoration:none;display:flex}.footer-links a:hover{color:var(--accent)}.footer-links svg{width:15px}.archive-page,.about-page,.detail-page{padding-block:var(--space-16)}.page-heading{margin-bottom:var(--space-12)}.page-heading p{color:var(--muted);margin-top:var(--space-6);max-width:var(--measure);line-height:1.8}.archive-controls{justify-content:space-between;align-items:center;gap:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--rule);display:flex}.archive-controls .MuiTabs-root{min-width:0;max-width:100%}.archive-search{gap:var(--space-2);min-width:300px;display:flex}.archive-search .MuiTextField-root{flex:1}.archive-status{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-6);font-size:.875rem;display:flex}.company-filter{align-items:center;gap:var(--space-3);color:var(--muted);display:flex}.company-filter select{border:1px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:8px;max-width:250px;min-height:44px;padding:.5rem 2rem .5rem .75rem;font-size:.875rem}.project-row{gap:var(--space-12);padding-block:var(--space-8);border-top:1px solid var(--rule);grid-template-columns:220px minmax(0,1fr) 160px;display:grid}.project-row-meta{gap:var(--space-2);color:var(--muted);flex-direction:column;font-size:.8125rem;display:flex}.project-row-meta>span:first-child{color:var(--ink);font-size:.9375rem;font-weight:600}.project-title-link{align-items:baseline;gap:var(--space-4);text-decoration:none;display:flex}.project-title-link:hover{color:var(--accent)}.project-title-link svg{align-self:center;width:20px}.project-row-body p{max-width:var(--measure);margin-top:var(--space-3);line-height:1.75}.project-row-body .project-evidence{margin-top:var(--space-4);color:var(--accent);font-size:.875rem}.project-evidence span{margin-right:var(--space-3);color:var(--muted);font-size:.8125rem}.project-row-skills{margin:0;padding:0;font-size:.8125rem;line-height:1.9;list-style:none}.archive-pagination{padding-top:var(--space-12);justify-content:center;display:flex}.empty-state{padding-block:var(--space-24)}.empty-state p{margin-block:var(--space-6);color:var(--muted)}.back-link{color:var(--muted);margin-bottom:var(--space-8);font-size:.875rem}.detail-heading{max-width:1120px;margin-bottom:var(--space-12)}.detail-byline{gap:var(--space-3) var(--space-6);color:var(--muted);margin-top:var(--space-6);flex-wrap:wrap;font-size:.875rem;display:flex}.detail-description{max-width:var(--measure);margin-top:var(--space-6);line-height:1.85}.detail-description p+p{margin-top:var(--space-2);color:var(--muted)}.detail-grid{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) 280px;gap:clamp(3rem,6vw,7rem);display:grid}.detail-rail{padding-top:var(--space-8);grid-area:1/2;align-self:start;max-height:calc(100svh - 8rem);position:sticky;top:7rem;overflow-y:auto}.detail-rail nav{margin-bottom:var(--space-8);flex-direction:column;display:flex}.detail-rail nav a{min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;font-size:.875rem;text-decoration:none;display:flex}.detail-rail nav a:hover{color:var(--accent)}.detail-rail nav svg{width:16px}.detail-metadata{margin:0}.detail-metadata>div{margin-bottom:var(--space-6)}.detail-metadata dt{color:var(--muted);margin-bottom:var(--space-2);font-size:.8125rem}.detail-metadata dd{margin:0;font-size:.9375rem;line-height:1.75}.detail-skills{flex-wrap:wrap;gap:.25rem .75rem;padding:0;font-size:.875rem;list-style:none;display:flex}.detail-external-links{gap:var(--space-2);border-top:1px solid var(--rule);padding-top:var(--space-4);flex-direction:column;display:flex}.detail-external-links a{min-height:44px;color:var(--accent);justify-content:space-between;align-items:center;font-size:.9375rem;font-weight:600;text-decoration:none;display:flex}.detail-external-links svg{width:18px}.project-meta-collapse{border-top:0;margin-top:0}.test-accounts{font-size:.875rem}.password-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.detail-body{grid-area:1/1;min-width:0}.detail-section{padding-block:var(--space-12);border-bottom:1px solid var(--rule);scroll-margin-top:6rem}.detail-section>h2{margin-bottom:var(--space-8)}.contribution+.contribution{margin-top:var(--space-8)}.contribution h3{font-size:1.125rem}.contribution ul{margin:var(--space-3) 0 0;color:var(--muted);max-width:var(--measure);padding-left:1.25rem;line-height:1.85}.contribution li+li{margin-top:var(--space-2)}.issue-detail{border-top:1px solid var(--rule)}.issue-detail summary{cursor:pointer;padding-block:var(--space-6);font-size:1.125rem;font-weight:600;line-height:1.75}.issue-detail summary:hover{color:var(--accent)}.disclosure-label{color:var(--muted);margin-top:var(--space-2);padding-left:var(--space-4);font-size:.8125rem;font-weight:400;display:block}.issue-reading{gap:var(--space-8);padding-bottom:var(--space-8);grid-template-columns:1.15fr 1fr;display:grid}.issue-reading h3{color:var(--muted);margin:0 0 var(--space-3);font-size:.875rem;font-weight:600}.issue-reading ul{margin:0;padding-left:1.25rem;line-height:1.85}.issue-reading li+li{margin-top:var(--space-3)}.project-media-list{gap:var(--space-8);flex-direction:column;display:flex}.project-media{margin:0}.project-media img,.project-media video{background:var(--surface-muted);border-radius:12px;width:100%;height:auto;display:block}.project-media figcaption{margin-top:var(--space-3);color:var(--muted);font-size:.8125rem;line-height:1.7}.media-fallback{background:var(--surface-muted);padding:var(--space-8);color:var(--muted);border-radius:12px}.media-fallback .MuiButton-root{margin-top:var(--space-4)}.related-projects{margin:0;padding:0;list-style:none}.related-projects li+li{margin-top:var(--space-6)}.related-projects p{color:var(--muted);line-height:1.8}.detail-ending{padding-top:var(--space-12)}.about-opening{gap:var(--space-16);padding-bottom:var(--space-16);grid-template-columns:1.1fr 1fr;display:grid}.about-identity{margin-top:var(--space-8);font-weight:600}.about-identity+p{color:var(--muted);margin-top:var(--space-3);line-height:1.8}.about-contact{align-items:center;gap:var(--space-8);display:flex}.profile-photo{object-fit:cover;object-position:top;filter:grayscale();border-radius:8px;width:120px;height:144px}.about-contact>div{flex-direction:column;align-items:start;min-width:0;display:flex}.about-contact a{overflow-wrap:anywhere;font-size:.9375rem}.about-approach{gap:var(--space-16);grid-template-columns:.6fr 1fr;display:grid}.approach-row{gap:var(--space-4);display:grid}.approach-row+.approach-row{margin-top:var(--space-12)}.approach-row p{color:var(--muted);max-width:var(--measure);line-height:1.85}.competency-list{gap:var(--space-4) var(--space-12);margin:0 0 var(--space-12);grid-template-columns:1fr 1fr;padding:0;list-style:none;display:grid}.competency-list li{border-top:1px solid var(--rule);padding-top:var(--space-4);font-weight:600}.technology-row{gap:var(--space-8);padding-block:var(--space-6);border-top:1px solid var(--rule);grid-template-columns:200px 1fr;display:grid}.technology-row h3{margin:0;font-size:.9375rem;font-weight:600}.technology-row ul,.technology-inventory{gap:var(--space-3) var(--space-6);flex-wrap:wrap;margin:0;padding:0;line-height:1.7;list-style:none;display:flex}.technology-details{margin-top:0}.technology-details .technology-inventory{margin-top:var(--space-3)}.not-found{padding-block:var(--space-32)}.not-found p{margin-block:var(--space-6);color:var(--muted)}@media (width>=1536px){.home-opening{gap:var(--space-24)}}@media (width<=1199px){.home-opening{gap:var(--space-8)}.home-intro .display-title{font-size:clamp(2.4rem,4vw,3.4rem)}.detail-grid{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 220px}.project-row{gap:var(--space-8);grid-template-columns:180px minmax(0,1fr) 120px}.closing-section{flex-direction:column;align-items:start}}@media (width<=899px){.header-inner{gap:var(--space-4);min-height:72px}.wordmark{flex-direction:column;gap:0}.wordmark span{font-size:.6875rem}.desktop-nav{display:none}.header-actions{gap:0}.header-actions .mobile-menu-button{display:inline-flex}.home-opening{gap:var(--space-12);grid-template-columns:1fr}.home-intro .display-title{font-size:clamp(2.4rem,5vw,3.4rem)}.intro-description{max-width:60ch}.case-panel{min-height:0;padding:var(--space-8)}.section-intro{gap:var(--space-8)}.career-row{gap:var(--space-8);grid-template-columns:200px 1fr}.archive-controls{align-items:stretch;gap:var(--space-6);flex-direction:column}.archive-controls .MuiTabs-root{align-self:start}.archive-search{width:100%;min-width:0}.project-row{grid-template-columns:160px 1fr}.project-row-skills{flex-wrap:wrap;grid-column:2;gap:.25rem 1rem;display:flex}.detail-grid{flex-direction:column;gap:0;display:flex}.detail-rail{width:100%;max-height:none;padding-top:var(--space-6);border-bottom:1px solid var(--rule);position:static;overflow:visible}.detail-rail nav{gap:var(--space-6);margin-bottom:var(--space-2);flex-flow:wrap}.detail-rail nav a{gap:var(--space-2)}.detail-metadata{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.detail-metadata>div{margin-bottom:var(--space-4)}.detail-metadata>div:last-child{grid-column:1/-1}.detail-external-links{gap:var(--space-6);padding-bottom:var(--space-4);flex-direction:row}.detail-external-links a{gap:var(--space-3)}.about-opening,.about-approach{gap:var(--space-8);grid-template-columns:1fr}.page-section{padding-block:var(--space-16)}}@media (width<=599px){.header-inner{gap:var(--space-2)}.home-opening{padding-block:var(--space-12);gap:var(--space-12)}.home-intro .display-title{font-size:clamp(2.2rem,7.6vw,2.9rem);line-height:1.3}.intro-description{margin-top:var(--space-6)}.intro-actions{margin-top:var(--space-6);gap:var(--space-4)}.intro-scope{margin-top:var(--space-6);font-size:.8125rem}.case-panel{padding:var(--space-6)}.case-explorer .MuiTab-root{padding-inline:var(--space-2);font-size:.8125rem}.case-trace{gap:var(--space-2);font-size:.8125rem}.case-trace li{gap:var(--space-2)}.case-reading div{gap:var(--space-3)}.section-intro{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:1fr}.career-row{gap:var(--space-6);padding-block:var(--space-8);grid-template-columns:1fr}.career-responsibility>p{font-size:1rem}.personal-projects{gap:var(--space-12);grid-template-columns:1fr}.closing-section{padding-block:var(--space-12);gap:var(--space-6)}.closing-section>div{gap:var(--space-2) var(--space-6)}.footer-inner{align-items:start;gap:var(--space-2);flex-direction:column}.archive-page,.about-page,.detail-page{padding-block:var(--space-12)}.page-heading{margin-bottom:var(--space-8)}.archive-controls .MuiTab-root{padding-inline:var(--space-3);font-size:.8125rem}.archive-status{align-items:start;gap:var(--space-3);flex-direction:column}.company-filter{width:100%}.company-filter select{flex:1;max-width:none}.project-row{gap:var(--space-4);grid-template-columns:1fr}.project-row-meta{gap:var(--space-2) var(--space-4);flex-flow:wrap}.project-row-meta>span:last-child{display:none}.project-row-skills{grid-column:1}.project-row-body p{font-size:.9375rem}.detail-heading{margin-bottom:var(--space-8)}.detail-metadata{gap:var(--space-4);grid-template-columns:1fr 1fr}.detail-metadata>div:nth-child(3){grid-column:1/-1}.detail-section{padding-block:var(--space-8)}.issue-reading{grid-template-columns:1fr}.issue-detail summary{font-size:1rem}.about-opening{padding-bottom:var(--space-12)}.about-contact{gap:var(--space-6)}.profile-photo{width:88px;height:112px}.about-contact a{gap:var(--space-2);font-size:.8125rem}.about-contact a svg{width:16px}.competency-list{gap:var(--space-6);grid-template-columns:1fr}.technology-row{gap:var(--space-4);grid-template-columns:1fr}.resume-command{gap:var(--space-2);padding:var(--space-2)}.resume-command label{display:none}.not-found{padding-block:var(--space-16)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{:root{--ink:#172422;--muted:#56655f;--bg:#fff;--surface:#fff;--rule:#d5ddd9;--accent:#1f6656;--on-accent:#fff}html,body,#root,#wrapper,#main-content{color:#172422;background:#fff;height:auto;display:block;overflow:visible}.site-header,.site-footer,.resume-command,.intro-actions,.detail-rail nav,.detail-ending,.archive-controls,.archive-pagination{display:none}.page-shell{padding-inline:0}.home-opening{padding-block:var(--space-6)}.page-section{padding-block:var(--space-8)}.detail-rail{max-height:none;position:static;overflow:visible}.career-row,.contribution,.issue-detail,.project-media{break-inside:avoid}details>*{display:block!important}@page{size:A3 portrait;margin:16mm}}