@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/source-serif-4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mona Sans;font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(/fonts/mona-sans.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fff;--fg:#1e1e1c;--muted:#6b6a66;--border:#d1d0cd;--accent:#a65d73;--on-accent:#fff;--maxw:640px;--serif:"Source Serif 4", Georgia, serif;--sans:"Mona Sans", system-ui, sans-serif;--serif-spacing:-.035em;--sans-spacing:.01em;--sans-weight:425;--title-size:44px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-16:64px;--space-24:96px;--radius-small:4px;--radius-media:0px;--radius-pill:999px;--radius-circle:50%;--touch-target:44px;color-scheme:light}*{box-sizing:border-box}html{scrollbar-gutter:stable;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html:has(.project:target){scroll-behavior:smooth}}body{--text-spacing:var(--sans-spacing);padding:0 var(--space-5);background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;font-weight:var(--sans-weight);letter-spacing:var(--text-spacing);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.65}body :where(*){letter-spacing:var(--text-spacing)}.wrap{z-index:1;max-width:var(--maxw);padding:var(--space-16) 0 var(--space-24);margin:0 auto;position:relative}.cursor-snow{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@media print,(prefers-reduced-motion:reduce),(hover:none),(forced-colors:active){.cursor-snow{display:none}}a{color:inherit;text-underline-offset:2px;text-decoration:underline .5px;text-decoration-color:var(--muted)}a:focus-visible{outline-offset:var(--space-1);outline:2px solid}.sweep-link{--link-ink:var(--fg);color:var(--link-ink);background-image:linear-gradient(var(--accent), var(--accent));-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0;background-repeat:no-repeat;background-size:0% 100%;transition:background-size .22s}.sweep-link>span{color:#0000;background-image:linear-gradient(var(--on-accent), var(--on-accent)), linear-gradient(var(--link-ink), var(--link-ink));-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0;background-repeat:no-repeat;background-size:0% 100%,100% 100%;-webkit-background-clip:text;background-clip:text;transition:background-size .22s}.sweep-link:is(:hover,:focus-visible){text-decoration-color:var(--accent);background-size:100% 100%}.sweep-link:is(:hover,:focus-visible)>span{background-size:100% 100%,100% 100%}.name{--text-spacing:var(--serif-spacing);padding-top:var(--space-5);margin-bottom:var(--space-4);font-family:var(--serif);font-size:var(--title-size);font-weight:400;line-height:1.1}.name a{text-decoration:none}.name-details{--text-spacing:var(--sans-spacing);margin:var(--space-2) 0 0;color:var(--muted);font-family:var(--sans);font-size:14px;font-weight:var(--sans-weight);line-height:1.5}h1,h2,h3{font-weight:600;line-height:1.3}h1{--text-spacing:var(--serif-spacing);font-family:var(--serif);margin:0;font-size:2.6rem;font-weight:400;line-height:1.1}h2{margin:var(--space-10) 0 var(--space-3);font-size:1.05rem}.navbar{--text-spacing:var(--serif-spacing);align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);font-family:var(--serif);flex-wrap:wrap;font-size:18px;font-weight:400;display:flex}.navbar a{--link-ink:var(--muted);text-decoration:none}.navbar a[aria-current=page]{--link-ink:var(--fg);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}main>:first-child{margin-top:0}p{margin:0 0 var(--space-4)}.muted{color:var(--muted)}.label{--text-spacing:var(--serif-spacing);font-family:var(--serif);color:var(--muted);margin:0 0 var(--space-2);font-size:16px;font-weight:400}.inline-icon{width:var(--space-4);height:var(--space-4);object-fit:contain;vertical-align:-.125em;margin-inline-start:calc(var(--space-1) / 2);margin-inline-end:var(--space-1);display:inline-block}.inline-icon--uoft{width:auto;height:var(--space-6);vertical-align:-.3em}.bar{margin:var(--space-1) 0 var(--space-5);padding:0 0 0 var(--space-4);border-left:2px solid #e2e2df;list-style:none}.bar li{padding:var(--space-1) 0}.star-bullets{margin:var(--space-1) 0 var(--space-5);padding:0;border-inline-start:2px solid #0000;padding-inline-start:var(--space-4);list-style-type:"⟡  "}.star-bullets>li{padding-block:var(--space-1);overflow-wrap:anywhere}.star-bullets>li::marker{color:var(--muted)}.bar .sub,.star-bullets .sub{color:var(--muted);line-height:1.4;display:block}.project-journal{margin-top:var(--space-10)}.project{scroll-margin-top:var(--space-6);padding:var(--space-8) 0;border-bottom:1px solid var(--border)}.project:first-child{padding-top:0}.project:last-child{border-bottom:none;padding-bottom:0}.project-heading{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.project h2{--text-spacing:var(--serif-spacing);min-width:0;max-width:100%;font-family:var(--serif);overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:400}.project-copy{margin-top:var(--space-3)}.project-premise{color:var(--muted);overflow-wrap:anywhere;margin:0}.project-description{margin:var(--space-2) 0 0;overflow-wrap:anywhere}.project-technologies{justify-content:flex-start;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.project-technologies li{min-width:0;max-width:100%;padding:var(--space-1) var(--space-3);border-radius:var(--radius-small);color:var(--fg);font-family:var(--sans);overflow-wrap:anywhere;background:#f8f1f3;font-size:13px;line-height:1.5}.project-links{gap:var(--space-2) var(--space-5);margin-top:var(--space-3);flex-wrap:wrap;font-size:1em;display:flex}project-demo{display:block}.demo-stage{width:min(100%, calc(560px * var(--demo-ratio,16 / 9)), calc(70svh * var(--demo-ratio,16 / 9)));aspect-ratio:var(--demo-ratio,16 / 9);border-radius:var(--radius-media);background:#f8f1f3;border:1px solid #eadce1;margin-inline:auto;position:relative;container-type:inline-size}.demo-placeholder,.demo-fallback{--text-spacing:var(--serif-spacing);color:var(--muted);font-family:var(--serif);place-items:center;font-size:18px;font-weight:400;display:grid}.demo-fallback{font-size:1em}.demo-preview,.demo-player,.demo-stage video,.demo-stage iframe,.demo-fallback{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.demo-preview{justify-content:center;align-items:center;gap:var(--space-3);font:inherit;color:var(--fg);cursor:pointer;background:#1e1e1c;border:0;flex-direction:column;padding:0;display:flex}.demo-preview[hidden],.demo-player[hidden]{display:none}.demo-preview img{object-fit:contain;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.demo-play{border-radius:var(--radius-media);color:#fff;place-items:center;width:52px;height:52px;font-size:18px;display:grid;position:relative}.demo-preview:is(:hover,:focus-visible) .demo-play{color:#e4c4ce}.demo-preview:focus-visible{outline:2px solid var(--accent);outline-offset:var(--space-1)}.demo-stage video,.demo-stage iframe{object-fit:contain;background:#1e1e1c;border:0;display:block}.demo-player{background:#1e1e1c}.demo-controls{--range-track:#fff6;padding:var(--space-1) var(--space-2);color:#fff;background:linear-gradient(#0000,#000000d9);position:absolute;inset:auto 0 0}.demo-controls[hidden],.demo-controls [hidden]{display:none}.demo-toolbar{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.demo-controls button{flex:0 0 var(--touch-target);width:var(--touch-target);height:var(--touch-target);padding:var(--space-3);border-radius:var(--radius-media);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;font-size:12px;display:grid}.demo-controls button:hover,.demo-captions[aria-pressed=true]{background:linear-gradient(#ffffff29, #ffffff29) center / calc(100% - var(--space-2)) calc(100% - var(--space-2)) no-repeat;color:#fff}.demo-controls svg{width:20px;height:20px}.demo-controls :focus-visible,.demo-player video:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.demo-time{white-space:nowrap;font-variant-numeric:tabular-nums;flex:1;min-width:80px;font-size:12px}.demo-controls input[type=range]{--range-fill:0%;appearance:none;min-width:0;height:var(--touch-target);cursor:pointer;accent-color:var(--accent);background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block}.demo-controls input.demo-seek{width:100%;padding-top:var(--space-6)}.demo-volume{flex:0 64px;width:64px}.demo-controls input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--range-fill), var(--range-track) var(--range-fill));height:2px}.demo-controls input[type=range]::-moz-range-track{background:var(--range-track);height:2px}.demo-controls input[type=range]::-moz-range-progress{background:var(--accent);height:2px}.demo-controls input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:0;width:8px;height:12px;margin-top:-5px}.demo-controls input[type=range]::-moz-range-thumb{background:var(--accent);border:0;border-radius:0;width:8px;height:12px}.demo-controls input:disabled{cursor:default;opacity:.5}@container (width<=340px){.demo-controls input.demo-volume{display:none}}.demo-stage:fullscreen{background:#1e1e1c;border:0;width:100%;height:100%;max-height:none}.demo-status{margin:var(--space-2) 0 0;color:var(--muted);font-size:.85rem}.demo-status:empty{display:none}.demo-direct{margin-top:var(--space-2);font-size:1em}footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border);color:var(--muted);font-size:14px}.links{gap:var(--space-6);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.links a{color:var(--fg)}.navbar a,.links a,.project-links a,.demo-direct{min-height:var(--touch-target);max-width:100%;padding:var(--space-2) 0;overflow-wrap:anywhere;background-origin:content-box;background-clip:content-box;align-items:center;display:inline-flex}@media (width<=599px){:root{--title-size:36px}.wrap{padding-block:var(--space-10) var(--space-16)}}@media (prefers-reduced-motion:reduce){.sweep-link,.sweep-link>span{transition:none}}@media (forced-colors:active){.sweep-link,.sweep-link>span{color:linktext;background:0 0}}