.tc{display:flex;flex-direction:row;align-items:flex-start;gap:3.5rem;width:100%}.tc-side{display:flex;flex-direction:column;gap:1rem;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:.5rem;margin:0;padding:0;list-style:none}.tc-stack--tight{padding-left:.8rem;gap:.1 rem}.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 1rem;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:1rem}.about-title__look{flex-shrink:0;width:3.5rem;height:auto}.md h2{margin:0 0 .75rem;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.75rem}.md a{color:var(--tc-black);text-decoration-style:dotted;text-decoration-color:var(--tc-grey);text-underline-offset:.35rem}.md a:hover{color:var(--accent);text-decoration-color:var(--accent)}.md strong{color:var(--tc-black);font-weight:500}.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.75rem}article.project-doc .md{max-width:40rem;gap:.75rem}.about-projects-section .about-projects-notion{margin:0 0 .75rem}.about-projects{margin:0 0 .5rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.65rem}.about-projects__title{color:var(--tc-black)}.md .about-projects a .about-projects__title{color:inherit}.about-projects__year{margin-left:.4rem;font-weight:400;color:var(--tc-grey);font-size:.95em}.about-projects__soon{display:block;margin-top:.15rem;font-size:var(--tc-s);color:var(--tc-grey)}.resume-section{display:flex;flex-direction:column;gap:.75rem;padding:2rem 0}.md .md-item{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1.3rem}.md .md-item:last-child{margin-bottom:1rem}.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:3rem;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:2rem;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.5rem}.artwork-page .artwork-figure{display:flex;flex-direction:column;gap:.35rem;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)}@media(max-width:640px){.tc{flex-direction:column;gap:2rem}.tc-side{position:static;max-height:none;overflow-y:visible;align-self:stretch}}.md .notion-block:not(h1):not(h2):not(h3){margin:.2rem 0;font-size:var(--tc-m);font-weight:300;color:var(--tc-black);line-height:1.55}.md .notion-column-list{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;width:100%}.md .notion-column-list>.notion-blocks{display:contents}.md .notion-column-list .notion-column>.notion-blocks{display:flex;flex-direction:column;gap:0;width:100%}.md .notion-list{padding-left:1.25rem;font-size:var(--tc-m);font-weight:400;line-height:1.55}.md .notion-block.notion-li.notion-li--bullet{padding:.5rem 0}.md .notion-list--bullet{list-style:disc}.md .notion-list--numbered{list-style:decimal}.md .notion-rich-text{display:inline;font:inherit;color:inherit;line-height:inherit}.md ul.notion-list>li.notion-li,.md ol.notion-list>li.notion-li{display:list-item;list-style-position:outside;flex-direction:unset;align-items:unset;gap:unset;border-bottom:none;padding:.2rem 0}.md .notion-li .notion-blocks{gap:0;margin-top:.35rem}.md .notion-quote{margin:1.75rem 0;padding-left:1rem;border-left:3px solid rgba(0,0,0,.08)}.md .notion-quote p{font-size:var(--tc-m);font-weight:400;color:var(--tc-grey);line-height:1.55}.md .notion-divider{width:100%;border:none;border-top:1px solid rgba(0,0,0,.08);margin:0 0 1.75rem}.md .notion-figure{margin:0 0 1.75rem;display:flex;flex-direction:column;gap:.35rem;justify-content:center;align-items:center}.md .notion-figure img{display:block;width:100%;height:auto;border:0px solid transparent}.md .notion-figure figcaption{margin:0;font-size:var(--tc-s);color:var(--tc-grey);line-height:1.45}.md .notion-callout{display:flex;gap:.75rem;margin:0 0 1.75rem;padding:.75rem 1rem;border-radius:0;border:1px solid rgba(0,0,0,.08);background:transparent}.md .notion-callout__icon{flex-shrink:0;line-height:1.4}.md .notion-callout__body{flex:1;min-width:0;font-size:var(--tc-m);font-weight:400;color:var(--tc-black);line-height:1.55}.md .notion-callout__children{margin-top:.5rem}.md .notion-code{margin:0 0 1.75rem;padding:.75rem 1rem;overflow-x:auto;font-size:var(--tc-s);line-height:1.45;border:1px solid rgba(0,0,0,.08);background:transparent}.md .notion-toggle{margin:0 0 1.75rem;border:1px solid rgba(0,0,0,.08);padding:.5rem .75rem}.md .notion-toggle__summary{font-size:var(--tc-m);font-weight:600;color:var(--tc-black)}.md .notion-toggle__body{margin-top:.75rem;padding-left:.5rem}.md .notion-underline{text-decoration:underline;text-underline-offset:2px}.md .notion-image-fallback,.md .notion-unsupported{margin:0 0 1.75rem;font-size:var(--tc-s);color:var(--tc-grey)}article.project-doc{display:flex;flex-direction:column;gap:1.75rem;width:100%;max-width:640px}article.project-doc>nav a{display:inline-flex;flex-direction:row;align-items:center;gap:.35rem;font-size:var(--tc-s);font-weight:400;color:var(--tc-grey);text-decoration:underline;text-underline-offset:3px}article.project-doc>nav a:hover{color:var(--tc-black)}article.project-doc>header{display:flex;flex-direction:column;gap:.35rem}article.project-doc>header h1{margin:0;font-size:var(--tc-l, 28px);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:.5rem}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:2px}article.project-doc dl{display:flex;flex-direction:column;gap:1rem;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 .75rem;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:.35rem;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:.3rem}article.project-doc ul li{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem 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:5px;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:1.5rem;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:1rem}article.project-doc section>article{display:flex;flex-direction:column;gap:.35rem}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:1rem}:root{--cursor-pen: url(/cursors/pen.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.5rem;--tc-s: .875rem;--tc-m: 1.25 rem;--tc-l: 1.5rem;--tc-xl: 1.75rem}*,*: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{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}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:56px 96px;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:var(--tc-l);font-weight:300;color:var(--tc-black);line-height:1.55;padding-bottom:3rem}@media(max-width:1200px){.page{padding:42px 28px}}@media(max-width:768px){.page{padding:26px 16px 32px}}