.tc{display:flex;flex-direction:row;align-items:flex-start;gap:3.02885rem;width:100%}.tc-side{display:flex;flex-direction:column;gap:1.5rem;flex:0 0 auto;min-width:80px;position:sticky;top:1.5rem;align-self:flex-start;max-height:calc(100vh - 3rem);overflow-y:auto}.tc-body{display:flex;flex-direction:column;flex:1;min-width:0}.tc-stack{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}.tc-stack--tight{padding-left:.69231rem;gap:.625rem}.tc-a{font-size:inherit;color:var(--tc-grey);text-decoration:none}.tc-a.disabled{color:var(--tc-grey);text-decoration:none;pointer-events:none}.tc-a:hover{color:var(--accent)}.tc-a--on{color:var(--tc-black);font-weight:500}.md{display:flex;flex-direction:column;gap:0;max-width:36rem}.md h1{margin:0 0 .86538rem;font-size:var(--tc-l);font-weight:700;color:var(--tc-black);line-height:1.2}.md h1.about-title{display:flex;flex-wrap:wrap;align-items:center;gap:.86538rem}.about-title__look{flex-shrink:0;width:3.5rem;height:auto}.md h2{margin:0 0 .64904rem;font-size:var(--tc-s);font-weight:500;color:var(--tc-black);letter-spacing:.04em;text-transform:uppercase}.md h2:not(:first-of-type){margin-top:1.51442rem}.md a{color:var(--tc-black);text-decoration-style:dotted;text-decoration-color:var(--tc-grey);text-underline-offset:.30288rem}.md a:hover{color:var(--accent);text-decoration-color:var(--accent)}.md strong{color:var(--tc-black);font-weight:500}.md .intro-text{font-weight:400}.md h3{margin:0;font-size:var(--tc-l);font-weight:500;color:var(--tc-black);line-height:1.5}.md>h3~h3{margin-top:1.51442rem}article.project-doc .md{max-width:40rem;gap:.64904rem}.about-projects-section{padding-top:.86538rem}.about-projects-section .about-projects-content{margin:0 0 .64904rem}.about-projects{margin:0 0 .43269rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5625rem}.about-projects__title{color:var(--tc-black)}.md .about-projects a .about-projects__title{color:inherit}.about-projects__year{margin-left:.34615rem;font-weight:400;color:var(--tc-grey);font-size:.95em}.about-projects__soon{display:block;margin-top:.12981rem;font-size:var(--tc-s);color:var(--tc-grey)}.resume-intro{margin:0 0 .86538rem;font-size:var(--tc-m);line-height:1.55}.resume-name{font-size:1.40625rem;font-weight:700}.resume-section{display:flex;flex-direction:column;gap:.64904rem;padding:1.73077rem 0}.md .md-item{display:flex;flex-direction:column;gap:.25962rem;margin-bottom:1.125rem}.md .md-item:last-child{margin-bottom:.86538rem}.md .md-time{font-size:var(--tc-s);color:var(--tc-grey)}.md .md-title{margin:0;font-size:var(--tc-m);color:var(--tc-black);line-height:1.4}.md .md-place{font-size:var(--tc-s);color:var(--tc-grey)}.tc-foot{margin-top:2.59615rem;font-size:var(--tc-s);color:var(--tc-grey);width:100%}.tc-foot p{margin:0}.page--twocol{max-width:52rem;margin:0 auto;padding:1.73077rem;align-items:stretch;box-sizing:border-box}html:has(.page--twocol),body:has(.page--twocol){background:var(--surface-card)}.artwork-page .artwork-stack{display:flex;flex-direction:column;gap:1.29808rem}.artwork-page .artwork-figure{display:flex;flex-direction:column;gap:.30288rem;margin:0}.artwork-page .artwork-figure img{display:block;width:100%;border:0px solid transparent;border-radius:var(--radius-sm)}.artwork-page .artwork-figure figcaption{margin:0;font-size:var(--tc-s);color:var(--tc-grey);line-height:1.5}.artwork-page .artwork-code{font-size:var(--tc-s);color:var(--tc-black)}.tc-menu-toggle{display:none}@keyframes menu-open{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@media(max-width:1024px)and (prefers-reduced-motion:no-preference){.tc-side--open{animation:menu-open .22s ease-out both}.tc-side--closing{animation:menu-close .18s ease-in both;pointer-events:none}}@media(max-width:1024px){.tc{flex-direction:column;gap:1.73077rem}.tc-body{width:100%;align-items:center}.tc-body>article{width:100%}.tc-side{display:none;position:static;max-height:none;overflow-y:visible;align-self:stretch}.tc-menu-toggle{display:inline-flex;align-items:center;align-self:flex-start;justify-content:center;gap:.43269rem;min-width:44px;min-height:44px;padding:.43269rem;border:0;background:transparent;color:var(--tc-black);font:inherit}.tc-side--open{display:flex;position:fixed;inset:0;z-index:1000;width:100%;height:100dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--surface-card);gap:1.29808rem;padding:1.73077rem}.tc-side .tc-a{display:block;font-size:clamp(1.51442rem,6.05769vw,2.16346rem);line-height:1.2;padding:.21635rem 0;overflow-wrap:anywhere}.tc-side .tc-stack--tight{padding-left:.86538rem;gap:.43269rem}.tc-menu-close{flex-shrink:0}}.md .content-video{width:100%;aspect-ratio:16 / 9}.content-video iframe,.content-video video{display:block;width:100%;height:100%;border:0}.md .content-block:not(h1):not(h2):not(h3){margin:.17308rem 0;font-size:var(--tc-m);font-weight:300;color:var(--tc-black);line-height:1.55}.md .content-column-list{display:flex;flex-direction:row;align-items:flex-start;gap:.86538rem;width:100%}.md .content-column-list>.content-blocks{display:contents}.md .content-column-list--outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.29808rem}.md .content-column-list--gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.86538rem;margin:.86538rem 0 1.51442rem}.md .content-column-list--gallery .content-figure img{aspect-ratio:4 / 3;height:auto;object-fit:contain}.md .content-column-list--gallery .content-figure figcaption{align-self:stretch;margin-top:.43269rem}.md .content-column-list--fitness .content-figure img{aspect-ratio:16 / 9;height:auto;object-fit:contain;background:#e8e9ed}.content-phone-frame{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden}.md .content-column-list--gallery .content-phone-frame img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;max-width:none;height:90%;aspect-ratio:auto;object-fit:contain}.md .content-column-list--gallery .content-phone-frame--phone-dashboard img{height:105%}@media(max-width:600px){.md .content-column-list--outcomes{grid-template-columns:1fr}}@media(max-width:420px){.md .content-column-list--gallery{grid-template-columns:1fr}}.md .content-column-list .content-column>.content-blocks{display:flex;flex-direction:column;gap:0;width:100%}.md .content-list{padding-left:1.08173rem;font-size:var(--tc-m);font-weight:400;line-height:1.55}.md .content-block.content-li.content-li--bullet{padding:.43269rem 0}.md .content-list--bullet{list-style:disc}.md .content-list--numbered{list-style:decimal}.md .content-rich-text{display:inline;font:inherit;color:inherit;line-height:inherit}.md ul.content-list>li.content-li,.md ol.content-list>li.content-li{display:list-item;list-style-position:outside;flex-direction:unset;align-items:unset;gap:unset;border-bottom:none;padding:.17308rem 0}.md .content-li .content-blocks{gap:0;margin-top:.30288rem}.md .content-quote{margin:1.51442rem 0;padding-left:.86538rem;border-left:3px solid rgba(0,0,0,.08)}.md .content-quote p{font-size:var(--tc-m);font-weight:400;color:var(--tc-grey);line-height:1.55}.md .content-divider{width:100%;border:none;border-top:1px solid rgba(0,0,0,.08);margin:0 0 1.51442rem}.md .content-figure{margin:0 0 1.51442rem;display:flex;flex-direction:column;gap:.30288rem;justify-content:center;align-items:center}.md .content-figure img{display:block;width:100%;height:auto;border:0px solid transparent}.md .content-figure figcaption{margin:0;font-size:var(--tc-s);color:var(--tc-grey);line-height:1.45}.md .content-callout{display:flex;gap:.64904rem;margin:0 0 1.51442rem;padding:.64904rem .86538rem;border-radius:0;border:1px solid rgba(0,0,0,.08);background:transparent}.md .content-callout__icon{flex-shrink:0;line-height:1.4}.md .content-callout__body{flex:1;min-width:0;font-size:var(--tc-m);font-weight:400;color:var(--tc-black);line-height:1.55}.md .content-callout__children{margin-top:.43269rem}.md .content-code{margin:0 0 1.51442rem;padding:.64904rem .86538rem;overflow-x:auto;font-size:var(--tc-s);line-height:1.45;border:1px solid rgba(0,0,0,.08);background:transparent}.md .content-toggle{margin:0 0 1.51442rem;border:1px solid rgba(0,0,0,.08);padding:.43269rem .64904rem}.md .content-toggle__summary{font-size:var(--tc-m);font-weight:600;color:var(--tc-black)}.md .content-toggle__body{margin-top:.64904rem;padding-left:.43269rem}.md .content-underline{text-decoration:underline;text-underline-offset:1.73077px}.md .content-image-fallback,.md .content-unsupported{margin:0 0 1.51442rem;font-size:var(--tc-s);color:var(--tc-grey)}article.project-doc{display:flex;flex-direction:column;gap:1.51442rem;width:100%;max-width:640px}article.project-doc>nav a{display:inline-flex;flex-direction:row;align-items:center;gap:.30288rem;font-size:var(--tc-s);font-weight:400;color:var(--tc-grey);text-decoration:underline;text-underline-offset:2.59615px}article.project-doc>nav a:hover{color:var(--tc-black)}article.project-doc>header{display:flex;flex-direction:column;gap:.30288rem}article.project-doc>header h1{margin:0;font-size:var(--tc-l, 24.23077px);font-weight:700;color:var(--tc-black);line-height:1.2}article.project-doc>header p{margin:0;font-size:var(--tc-s);color:var(--tc-grey);line-height:1.45}article.project-doc section{display:flex;flex-direction:column;gap:.43269rem}article.project-doc section h2{margin:0;font-size:var(--tc-m);font-weight:600;color:var(--tc-black);line-height:1.35}article.project-doc section>p{margin:0;font-size:var(--tc-m);font-weight:400;color:var(--tc-grey);line-height:1.55}article.project-doc strong{color:var(--tc-black);font-weight:500}article.project-doc .accent{color:var(--tc-black);font-weight:600}article.project-doc .underline{text-decoration:underline;text-underline-offset:1.73077px}article.project-doc dl{display:flex;flex-direction:column;gap:.86538rem;margin:0}article.project-doc dt{margin:0;font-size:var(--tc-s);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--tc-grey)}article.project-doc dd{margin:0;padding:0 0 .64904rem;border-bottom:1px solid rgba(0,0,0,.08);font-size:var(--tc-m);color:var(--tc-grey);line-height:1.55}article.project-doc dd:last-of-type{border-bottom:none;padding-bottom:0}article.project-doc figure{display:flex;flex-direction:column;gap:.30288rem;margin:0}article.project-doc figure>img{display:block;width:100%;border:1px solid rgba(0,0,0,.08)}article.project-doc figcaption{margin:0;font-size:var(--tc-s);color:var(--tc-grey);line-height:1.45}article.project-doc figure[data-phone]>img{max-width:280px}article.project-doc hr{border:0;height:1px;width:100%;margin:0;background:#00000014}article.project-doc blockquote{margin:0;padding:0;border:none}article.project-doc blockquote p{margin:0;font-size:var(--tc-m);font-weight:500;color:var(--tc-black);line-height:1.45}article.project-doc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25962rem}article.project-doc ul li{display:flex;flex-direction:column;align-items:flex-start;gap:.43269rem;padding:.64904rem 0;border-bottom:1px solid rgba(0,0,0,.08)}article.project-doc ul li:last-child{border-bottom:none}article.project-doc ul li h3{margin:0;font-size:var(--tc-m);font-weight:600;color:var(--tc-black)}article.project-doc ul li>p{margin:0;font-size:var(--tc-s);color:var(--tc-grey);line-height:1.45}article.project-doc ul li figure[data-viz=circle]{width:56px;height:56px;border-radius:50%;border:2px solid var(--tc-grey);flex-shrink:0}article.project-doc ul li figure[data-viz=bars]{flex-direction:column;gap:4.32692px;width:auto;height:auto;border:none}article.project-doc ul li figure[data-viz=bars] i{display:block;width:56px;height:10px;border-radius:2px;background:var(--tc-grey);font-style:normal}article.project-doc ul li>i:first-child{font-style:normal;font-size:var(--tc-l);line-height:1}article.project-doc ul li>i:first-child+p{font-size:var(--tc-m)}article.project-doc section>img{display:block;width:100%;border:1px solid rgba(0,0,0,.08)}article.project-doc section>p>strong{display:inline}article.project-doc section h3{margin:0;font-size:var(--tc-m);font-weight:600;color:var(--tc-black);line-height:1.35}article.project-doc section h3+p{margin:0;font-size:var(--tc-m);color:var(--tc-grey);line-height:1.5}article.project-doc section:has(>h2+article){gap:.86538rem}article.project-doc section>article{display:flex;flex-direction:column;gap:.30288rem}article.project-doc section>article h3{font-size:var(--tc-s);font-weight:600;text-transform:uppercase;color:var(--tc-black)}article.project-doc section>article p{margin:0;font-size:var(--tc-m);color:var(--tc-grey);line-height:1.5}article.project-doc section>article p strong{color:var(--tc-black);font-weight:600}article.project-doc section>img+p{margin:0;font-size:var(--tc-m);color:var(--tc-grey);line-height:1.5}article.project-doc section>img+img{margin-top:.86538rem}:root{--cursor-pen: url(/cursors/pen-small.svg) 0 20, auto;--surface-card: hsl(0 0% 100%);--tc-black: hsl(240 10% 12%);--tc-grey: hsl(240 8% 38%);--accent: rgb(0, 0, 255);--radius-sm: 12px;--space-3: 1.29808rem;--tc-s: .98437rem;--tc-m: 1.125rem;--tc-l: 1.6875rem;--tc-xl: 1.96875rem}@media(prefers-reduced-motion:no-preference){.route-frame{animation:page-fade-in .22s ease-out both}.scroll-reveal--pending{opacity:0}.scroll-reveal--visible{animation:scroll-reveal .45s cubic-bezier(.2,.65,.3,1) both}}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}@keyframes scroll-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box}::selection{background-color:#0000ff40}::-moz-selection{background-color:#0000ff40}html{cursor:var(--cursor-pen)}html,body,#root{margin:0;width:100%}body{user-select:none;-webkit-user-select:none;font-size:var(--tc-m);font-family:Instrument Sans,sans-serif;color:var(--tc-black)}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),textarea,[contenteditable=true]{cursor:text;user-select:text;-webkit-user-select:text}.ink-trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9999}img{user-select:none;-webkit-user-select:none;-moz-user-select:none;-webkit-user-drag:none}:where(a,button,label[for],summary,[role=button],select,input[type=button],input[type=submit],input[type=reset],input[type=checkbox],input[type=radio],input[type=file],input[type=range],input[type=color]){cursor:var(--cursor-pen)}.page{width:100%;max-width:1320px;margin:0 auto;padding:48.46154px 83.07692px;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.route-frame{width:100%;display:flex;justify-content:center}.intro-text{margin:0;font-size:1.51442rem;font-weight:300;color:var(--tc-black);line-height:1.55;padding-bottom:.86538rem}.intro-text--body{font-size:var(--tc-m)}@media(max-width:1200px){.page{padding:36.34615px 24.23077px}}@media(max-width:768px){.page{padding:22.5px 13.84615px 27.69231px}.page.page--twocol{padding-left:1.73077rem;padding-right:1.73077rem}}