body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#f6f6f6;--text:#1b1b1b;--btn-text:#f6f6f6;--mdx-code-bg:color-mix(in srgb, var(--text) 4%, var(--bg));--mdx-code-border:color-mix(in srgb, var(--text) 18%, var(--bg));--mdx-hl-keyword:#8250df;--mdx-hl-string:#0a3069;--mdx-hl-number:#0550ae;--mdx-hl-function:#953800;--mdx-hl-comment:#57606a;--mdx-hl-punctuation:#24292f;--mdx-hl-attr:#116329;--mdx-hl-literal:#0550ae}[data-theme=dark]{--bg:#1a1a1a;--text:#f6f6f6;--btn-text:#1a1a1a;--mdx-hl-keyword:#d2a8ff;--mdx-hl-string:#a5d6ff;--mdx-hl-number:#79c0ff;--mdx-hl-function:#ffa657;--mdx-hl-comment:#8b949e;--mdx-hl-punctuation:#c9d1d9;--mdx-hl-attr:#7ee787;--mdx-hl-literal:#79c0ff}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app-root{min-height:100vh;position:relative}.top-bar{z-index:900;background:var(--bg);justify-content:center;align-items:center;padding:.85rem 1rem;display:flex;position:fixed;top:0;left:0;right:0}.top-bar--home{flex-direction:column;align-items:center;gap:.35rem;padding-bottom:.65rem}.menu-trigger{z-index:1200;border:1px solid color-mix(in srgb, var(--text) 22%, var(--bg));background:var(--bg);width:2.75rem;height:2.75rem;color:var(--text);cursor:pointer;border-radius:.35rem;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;top:.85rem;left:1rem;box-shadow:0 2px 8px #0000001f}.menu-trigger:hover{background:color-mix(in srgb, var(--text) 8%, var(--bg))}.menu-icon-hamburger{flex-direction:column;justify-content:center;gap:.35rem;width:1.25rem;display:flex}.menu-bar{background:currentColor;border-radius:1px;width:100%;height:2px;display:block}.menu-icon-x{font-size:1.75rem;font-weight:300;line-height:1}.sidebar-backdrop{z-index:1000;opacity:0;visibility:hidden;background:#00000059;transition:opacity .2s,visibility .2s;position:fixed;inset:0}.sidebar-backdrop.is-visible{opacity:1;visibility:visible}.site-sidebar{z-index:1100;background:var(--bg);width:min(18rem,86vw);color:var(--text);border-right:1px solid color-mix(in srgb, var(--text) 15%, var(--bg));transition:transform .28s;position:fixed;top:0;bottom:0;left:0;overflow:auto;transform:translate(-100%);box-shadow:4px 0 24px #0000001f}.site-sidebar.is-open{transform:translate(0)}.sidebar-inner{padding:1rem .75rem}.sidebar-title{letter-spacing:.02em;min-height:2.75rem;color:inherit;align-items:center;margin-left:3.5rem;padding:0 .25rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:flex}.sidebar-title:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid}.sidebar-sep{background:color-mix(in srgb, var(--text) 18%, var(--bg));height:1px;margin:.75rem .25rem 1rem}.sidebar-actions{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:.75rem;width:100%;padding:0 .25rem;display:grid}.sidebar-action-btn{border:1px solid color-mix(in srgb, var(--text) 18%, var(--bg));background:color-mix(in srgb, var(--text) 4%, var(--bg));width:100%;min-height:3.25rem;color:var(--text);cursor:pointer;border-radius:.35rem;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .35rem;font-size:1.25rem;line-height:1;display:flex}.sidebar-action-btn .bi{font-size:1.55rem;line-height:1}.sidebar-action-btn:hover{background:color-mix(in srgb, var(--text) 10%, var(--bg))}.sidebar-theme-dropdown{width:100%;min-width:0;display:flex;position:relative}.sidebar-theme-toggle{flex:auto}.sidebar-theme-toggle.dropdown-toggle:after{vertical-align:.12em;border-top:.38em solid;border-left:.32em solid #0000;border-right:.32em solid #0000;flex-shrink:0;margin-left:.2rem}.site-sidebar .dropdown-menu{width:100%;min-width:100%;margin-top:.35rem}.site-sidebar .dropdown-item{align-items:center;font-size:.95rem;display:flex}.site-sidebar .dropdown-item:hover,.site-sidebar .dropdown-item:focus{background-color:color-mix(in srgb, var(--text) 10%, var(--bg));color:var(--text)}.site-sidebar .dropdown-item.active,.site-sidebar .dropdown-item:active{background-color:color-mix(in srgb, var(--text) 14%, var(--bg));color:var(--text)}.sidebar-link-btn{border:1px solid color-mix(in srgb, var(--text) 18%, var(--bg));background:color-mix(in srgb, var(--text) 4%, var(--bg));width:calc(100% - .5rem);min-height:3.25rem;color:var(--text);border-radius:.35rem;justify-content:space-between;align-items:center;margin:0 .25rem;padding:.5rem .75rem;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.sidebar-link-btn .bi{font-size:1.35rem;line-height:1}.sidebar-link-btn:hover,.sidebar-link-btn:focus-visible{background:color-mix(in srgb, var(--text) 10%, var(--bg));color:var(--text)}.main-container{flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:5.4rem 1rem 3rem;display:flex}.main-container:has(.home-landing){padding-top:calc(9.6rem + 1.1*clamp(4.8rem,12vw,6.75rem))}.home-landing{flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;width:100%;max-width:1100px;min-height:0;display:flex}.home-recent-projects{z-index:2;flex-shrink:0;align-self:center;width:100%;max-width:32rem;margin:0 0 1rem;position:relative}.home-recent-projects--header{z-index:auto;align-self:center;width:max-content;max-width:min(28rem,100% - 2rem);margin:.15rem auto 0}.home-recent-projects--header .home-recent-projects-title{text-align:left;margin:0 0 .4rem;font-size:clamp(.9rem,2.2vw,1.05rem)}.home-recent-projects--header .home-recent-projects-list{align-items:flex-start;padding-left:.35rem}.home-recent-projects--header .home-recent-projects-list li{justify-content:flex-start}.home-landing-spacer{flex:1 1 0;width:100%;min-height:0}.home-recent-projects-title{letter-spacing:.02em;text-align:center;margin:0 0 .75rem;font-size:clamp(1rem,2.5vw,1.15rem);font-weight:600}.home-recent-projects-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.home-recent-projects-list li{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.35rem .75rem;display:flex}.home-recent-projects-link{color:var(--text);text-underline-offset:.15em;text-decoration:underline}.home-recent-projects-link:hover,.home-recent-projects-link:focus-visible{opacity:.85}.home-recent-projects-date{opacity:.65;font-size:.85rem}.site-title{letter-spacing:.02em;text-align:center;margin:0;font-family:Helvetica,Arial,sans-serif;font-size:clamp(4.8rem,12vw,6.75rem);font-weight:700;line-height:1.1}.site-title a{color:inherit;text-decoration:none}.site-title a:focus-visible{outline-offset:.12em;border-radius:2px;outline:2px solid}.animation-section{z-index:1;flex-direction:column;flex-shrink:0;align-items:center;width:100%;max-width:1100px;display:flex;position:relative}.animation-fallback{text-align:center;opacity:.85;max-width:28rem;margin:2rem 0 0;font-size:.95rem;line-height:1.45}.icon-fallback.button-face{justify-content:center;align-items:center;min-width:1.75rem;min-height:1.75rem;font-size:1.25rem;font-weight:700;line-height:1;display:inline-flex}.projects-page{width:min(960px,100%);margin:0 auto;padding:1rem}.mdx-alt-voice{border-left:3px solid color-mix(in srgb, var(--text) 28%, var(--bg));background:color-mix(in srgb, var(--text) 3%, var(--bg));border-radius:0 .35rem .35rem 0;margin:1.25rem 0 1.75rem;padding:1rem 1.15rem;font-family:Georgia,Palatino Linotype,Book Antiqua,Palatino,Times New Roman,Times,serif;font-size:1.02rem;line-height:1.55}.mdx-alt-voice h3{margin-top:0;font-family:inherit;font-size:1.1rem;font-weight:600}.mdx-alt-voice p,.mdx-alt-voice li{font-family:inherit}.mdx-alt-voice code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.92em}.projects-page.projects-wall{padding-top:clamp(4.8rem,12vw,6.75rem)}.projects-title{margin:0 0 .35rem}.mdx-figure-grid{--mdx-figure-col-min:9.5rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--mdx-figure-col-min)), 1fr));align-items:start;gap:1rem 1.25rem;margin:1.25rem 0 1.75rem;display:grid}.mdx-figure-grid--wide{--mdx-figure-col-min:12rem}.mdx-figure-grid figure{flex-direction:column;align-items:stretch;width:100%;min-width:0;margin:0;display:flex}.mdx-figure-grid figure>.mdx-asset-panel,.mdx-figure-grid figure>pre.mdx-asset-panel{align-self:stretch;width:100%}.mdx-figure-grid>figure>img{object-fit:contain;width:auto;max-width:100%;height:auto;image-rendering:crisp-edges;display:block}.mdx-figure-grid figcaption{opacity:.86;text-align:center;margin-top:.35rem;font-size:.85rem;line-height:1.3}.mdx-asset-panel{box-sizing:border-box;border:1px solid var(--mdx-code-border);background:var(--mdx-code-bg);border-radius:.35rem;width:100%;min-width:0;max-width:100%;padding:.75rem;overflow:hidden}.mdx-asset-panel img{object-fit:contain;width:auto;max-width:100%;height:auto;image-rendering:crisp-edges;margin:0 auto;display:block}.mdx-inline-code,.projects-page pre{border:1px solid var(--mdx-code-border);background:var(--mdx-code-bg);box-sizing:border-box;border-radius:.35rem;width:100%;max-height:14rem;margin:0;padding:.75rem;font-size:.8rem;line-height:1.35;overflow:auto}.mdx-inline-code code{white-space:pre;background:0 0;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;display:block}.projects-page figure:has(>pre):not(.mdx-figure-grid>figure){flex-direction:column;align-items:stretch;margin:1.25rem 0 1.75rem;display:flex}.projects-page figure:has(>pre):not(.mdx-figure-grid>figure) figcaption{opacity:.86;text-align:center;margin-top:.35rem;font-size:.85rem;line-height:1.3}.projects-page figure>.mdx-inline-code{max-height:none}.projects-page :not(pre)>code{border:1px solid var(--mdx-code-border);background:var(--mdx-code-bg);border-radius:.25rem;padding:.12em .35em;font-size:.9em}.projects-page pre code.hljs{color:var(--text)}.projects-page .hljs-keyword,.projects-page .hljs-built_in,.projects-page .hljs-selector-tag{color:var(--mdx-hl-keyword)}.projects-page .hljs-string,.projects-page .hljs-regexp,.projects-page .hljs-meta .hljs-string{color:var(--mdx-hl-string)}.projects-page .hljs-number,.projects-page .hljs-literal{color:var(--mdx-hl-literal)}.projects-page .hljs-title,.projects-page .hljs-title.function_,.projects-page .hljs-function{color:var(--mdx-hl-function)}.projects-page .hljs-comment,.projects-page .hljs-quote{color:var(--mdx-hl-comment);font-style:italic}.projects-page .hljs-punctuation,.projects-page .hljs-operator{color:var(--mdx-hl-punctuation)}.projects-page .hljs-attr,.projects-page .hljs-attribute,.projects-page .hljs-variable.constant_{color:var(--mdx-hl-attr)}.projects-page .hljs-params{color:var(--text)}.projects-wall{background:var(--bg);box-shadow:none;border:none;border-radius:0;padding:0}[data-theme=dark] .projects-wall{box-shadow:none}.projects-wall-title{margin:0 0 .2rem;font-size:clamp(1.35rem,3vw,1.65rem)}.projects-wall-intro{opacity:.82;margin:0 0 2.35rem;font-size:.92rem;line-height:1.45}.projects-wall-board{flex-direction:column;gap:2.35rem;padding-top:5rem;display:flex}.projects-shelf-block{position:relative}.projects-shelf-block--empty .projects-shelf-plank{opacity:.55}.projects-shelf-track{display:block}.projects-shelf-inner{flex-direction:column;width:100%;min-width:0;display:flex}.projects-shelf-plank{box-sizing:border-box;background:linear-gradient(180deg, color-mix(in srgb, var(--text) 34%, var(--bg)), color-mix(in srgb, var(--text) 12%, var(--bg)));width:100%;min-height:1.85rem;box-shadow:0 2px 0 color-mix(in srgb, var(--text) 18%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text) 38%, transparent);border-radius:.14rem;align-items:center;padding:.28rem .55rem .32rem;display:flex}.projects-shelf-plank--empty{width:100%;min-height:1.85rem;padding:.28rem .55rem .32rem}.projects-shelf-plank-label{letter-spacing:.14em;text-transform:uppercase;opacity:.88;white-space:nowrap;text-overflow:ellipsis;max-width:min(100%,28rem);font-size:.68rem;font-weight:650;line-height:1.2;overflow:hidden}.projects-shelf-deck{min-height:5.65rem;margin-bottom:-.35rem;padding:0 .38rem .2rem;position:relative}.projects-shelf-deck--empty{opacity:.5;min-height:5.65rem}.projects-shelf-boxes{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:.52rem;min-height:5.2rem;display:flex;position:relative}.project-box{z-index:1;box-sizing:border-box;width:5.2rem;min-width:5.2rem;min-height:5.2rem;color:var(--text);text-align:center;border:1px solid color-mix(in srgb, var(--text) 22%, var(--bg));background:color-mix(in srgb, var(--text) 9%, var(--bg));border-radius:.26rem;justify-content:center;align-items:center;padding:.42rem;font-size:.76rem;font-weight:650;line-height:1.2;text-decoration:none;transition:inset .24s,width .24s,padding .24s,border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 2px 4px #0000001f}.project-box:hover,.project-box:focus-visible,.project-box--active{z-index:30;border-color:color-mix(in srgb, var(--text) 36%, var(--bg));background:color-mix(in srgb, var(--text) 13%, var(--bg));box-shadow:0 4px 14px #0000002e}.project-box--active{--project-expanded-surface:color-mix(in srgb, var(--text) 13%, var(--bg));box-sizing:border-box;border-radius:.34rem;justify-content:flex-start;align-items:stretch;width:auto;height:5.2rem;min-height:5.2rem;max-height:5.2rem;padding:.62rem .72rem;position:absolute;top:0;left:.12rem;right:.12rem;overflow:hidden}.project-box--active.project-box--with-thumb{padding-right:0}.project-box-title{line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-box--active .project-box-title{opacity:0;pointer-events:none;max-width:0}.project-box-expanded-content{display:none}.project-box--active .project-box-expanded-content{background-color:var(--project-expanded-surface);flex:auto;width:100%;min-width:0;height:100%;display:block}.project-box--active.project-box--with-thumb .project-box-expanded-content{padding-right:clamp(5.5rem,22%,7.5rem)}.project-box-expanded-text{flex-direction:column;justify-content:center;gap:.32rem;min-width:0;max-height:100%;display:flex;overflow:hidden}.project-box-expanded-title{font-size:.98rem;font-weight:700;line-height:1.25}.project-box-expanded-summary{opacity:.84;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.84rem;line-height:1.4;display:-webkit-box;overflow:hidden}.project-box-expanded-thumb{display:none}.project-box--active.project-box--with-thumb .project-box-expanded-thumb{background-color:color-mix(in srgb, var(--text) 6%, var(--bg));background-image:linear-gradient(to right, var(--project-expanded-surface) 0%, color-mix(in srgb, var(--project-expanded-surface) 92%, transparent) 20%, color-mix(in srgb, var(--project-expanded-surface) 72%, transparent) 44%, color-mix(in srgb, var(--project-expanded-surface) 38%, transparent) 70%, transparent 100%), var(--project-thumb);pointer-events:none;background-position:100%;background-size:cover;width:clamp(5.25rem,20%,7.25rem);display:block;position:absolute;top:0;bottom:0;right:0}.project-box:focus-visible{outline:2px solid color-mix(in srgb, var(--text) 45%, var(--bg));outline-offset:2px}.project-link{color:var(--text);text-underline-offset:.12em;font-weight:600;text-decoration:underline}.project-meta{opacity:.8;margin:0 0 1rem}.canvas-container{width:100%;margin-top:3rem;margin-bottom:1.25rem;position:relative}#sprite-canvas{image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;left:0;transform:none}#sprite-canvas:hover{cursor:pointer}.button-row{justify-content:center;gap:.5rem;display:flex}.icon-btn,.chesto-btn{cursor:pointer;border:1px solid #0000;border-radius:0;transition:all .2s}.icon-btn{background:0 0;padding:.375rem .75rem}.button-face{height:50px}.pixel-img{image-rendering:pixelated;image-rendering:crisp-edges}.scaleup-btn:hover{background:#8b0000}.scaledown-btn:hover{background:#00008b}.not-found-page{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;gap:1.5rem;width:min(900px,100%);margin:0 auto;padding:clamp(3.5rem,10vh,8rem) 1rem 4rem;display:flex}.not-found-code{letter-spacing:-.04em;margin:0;font-family:Helvetica,Arial,sans-serif;font-size:clamp(4rem,18vw,8rem);font-weight:800;line-height:1}.not-found-detail{letter-spacing:.02em;opacity:.82;margin:0;font-size:.9375rem;font-weight:500;line-height:1.35}.not-found-face{width:200px;max-width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;display:block}.not-found-blurb{margin:0}.not-found-home-link{color:var(--text);text-decoration:underline}.chesto-btn{color:var(--btn-text);background:red;padding:.375rem .75rem;font-size:1.25rem;font-style:italic;font-weight:700}.chesto-btn:hover{background:#8b0000}.chesto-btn:disabled{opacity:.45;cursor:not-allowed}