:root{--bg:#eee;--frame:#fff;--bg-elevated:#f1f1f1;--fg:#111;--fg-muted:#5a5a5a;--fg-subtle:#6a6a6a;--rule:#e3e3e3;--accent:#4a45c7;--mock-chrome-default:color-mix(in srgb, var(--bg-elevated) 84%, var(--fg) 16%);--chrome-top-fg:var(--fg-muted);--chrome-bottom-fg:var(--fg-muted);--image-border:#0000002e;--image-border-hover:#ffffff8c;--space-1:.25rem;--space-2:.5rem;--space-2-5:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:5rem;--space-8:8rem;--measure:36rem;--frame-max:56rem;--rail-w:8rem;--radius-xs:2px;--radius-sm:4px;--radius-md:10px;--radius-lg:14px;--radius-xl:16px;--radius-pill:22px}:root[data-theme=dark]{--bg:#0e0e0e;--frame:#000;--bg-elevated:#181818;--fg:#ededed;--fg-muted:#8a8a8a;--fg-subtle:#888;--rule:#242424;--accent:#8d87f0;--image-border:#ffffff2e;--image-border-hover:#ffffff40}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e0e0e;--frame:#000;--bg-elevated:#181818;--fg:#ededed;--fg-muted:#8a8a8a;--fg-subtle:#888;--rule:#242424;--accent:#8d87f0;--image-border:#ffffff2e;--image-border-hover:#ffffff40}}@font-face{font-family:Karla;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Karla-Regular-BHWSicGQ.woff2)format("woff2")}@font-face{font-family:Karla;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Karla-Bold-DTsDQ-aS.woff2)format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Montserrat-SemiBold-Bv337EuF.woff2)format("woff2")}:root{--font-body:"Karla", system-ui, sans-serif;--font-wordmark:"Montserrat", "Karla", system-ui, sans-serif}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--fg);font-feature-settings:"kern", "liga";font-size:16px;font-weight:400;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);letter-spacing:-.01em;margin:0 0 var(--space-3);color:var(--fg);font-weight:700;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.125rem}h3{font-size:1rem}h4{font-size:.9375rem}h5{font-size:.875rem}h6{font-size:.8125rem}p{margin:0 0 var(--space-3)}strong{font-weight:700}small{color:var(--fg-muted);font-size:.8125rem}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0}.theme-transitions body{transition:background-color .22s}body{min-height:100dvh;padding:var(--space-4);flex-direction:row;align-items:center;display:flex}@media (max-width:720px){body{padding:var(--space-2)}}a{color:inherit;text-decoration:none;transition:color .12s,opacity .12s}a:hover{color:var(--fg-muted)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-xs)}img,video{max-width:100%;display:block}ul,ol{padding-left:1.25rem}hr{border:0;border-top:1px solid var(--rule);margin:var(--space-5) 0}button{font:inherit}.skip-link{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.skip-link:focus{left:var(--space-3);top:var(--space-3);width:auto;height:auto;padding:var(--space-2) var(--space-3);background:var(--fg);color:var(--bg);z-index:1000;position:fixed}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#main:focus,#main:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.frame{width:100%;max-width:var(--frame-max);padding:var(--space-6) var(--space-5) var(--space-5);row-gap:var(--space-6);border:1px dashed var(--rule);border:1px dashed var(--rule);background-color:var(--frame);border-radius:var(--radius-xl);grid-template-rows:auto 1fr auto;margin:0 auto;transition:opacity .32s ease-out;display:grid}html.fonts-pending .frame{opacity:0;transition:none}@media (prefers-reduced-motion:reduce){.frame{transition:none}}.frame__body{grid-template-columns:var(--rail-w) 1fr;column-gap:var(--space-6);align-items:start;display:grid}.site-header{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.site-title{font-family:var(--font-wordmark);text-transform:uppercase;letter-spacing:.08em;color:var(--fg);text-indent:.04em;font-size:1.5rem;font-weight:600;display:inline-block}.site-tagline{font-family:var(--font-wordmark);text-transform:uppercase;letter-spacing:.16em;text-indent:.08em;color:var(--fg-subtle);margin:0;font-size:.825rem;font-weight:600}.side-nav{top:var(--space-5);gap:var(--space-5);text-align:right;flex-direction:column;justify-content:center;align-items:flex-end;min-height:14rem;display:flex;position:sticky}.side-nav__list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.side-nav__list a{font-family:var(--font-wordmark);text-transform:uppercase;letter-spacing:.14em;text-indent:.14em;color:var(--fg-subtle);padding-block:.4rem;font-size:.75rem;font-weight:600;display:inline-block}.side-nav__list a:before{content:"";width:4px;height:4px;margin-right:var(--space-2);vertical-align:middle;transform-origin:50%;opacity:0;background:currentColor;border-radius:50%;transition:transform .22s,opacity .22s;display:inline-block;transform:translateY(-1px)scale(0)}.side-nav__list a[aria-current=page]:before{opacity:1;transform:translateY(-1px)scale(1)}@media (prefers-reduced-motion:reduce){.side-nav__list a:before{transition:none}}.side-nav__list a:hover,.side-nav__list a[aria-current=page]{color:var(--fg)}.side-nav__actions{align-items:center;gap:var(--space-2-5);padding-block:var(--space-3);display:inline-flex}.side-nav__theme{cursor:pointer;color:var(--fg-subtle);background:0 0;border:0;border-radius:50%;place-items:center;width:max-content;margin:-4px;padding:4px;line-height:0;transition:color .16s,background-color .16s;display:inline-grid}.side-nav__theme:hover{color:var(--fg);background-color:var(--rule)}.side-nav__theme:focus-visible,.side-nav__paint:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);outline:none}.side-nav__paint{cursor:pointer;color:var(--fg-subtle);background:0 0;border:0;border-radius:50%;place-items:center;margin:-4px;padding:4px;line-height:0;transition:color .16s,background-color .16s;display:inline-grid}.side-nav__paint:hover{color:var(--fg);background-color:var(--paint-next,transparent)}#main{min-width:0}.page{gap:var(--space-5);flex-direction:column;display:flex}.work-grid{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}.work-item{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.work-item__thumb{border-radius:var(--radius-md);background:var(--bg-elevated);aspect-ratio:16/10;display:block;position:relative;overflow:hidden}.work-item__thumb picture{border-radius:inherit;width:100%;height:100%;display:block;overflow:hidden}.work-item__thumb img,.work-item__thumb video{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.work-item__thumb:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--image-border);pointer-events:none;transition:box-shadow .18s;position:absolute;inset:0}.work-item:has(:is(.work-item__thumb,.work-item__title a):hover) .work-item__thumb:after{box-shadow:inset 0 0 0 4px var(--image-border-hover)}.work-item__thumb img{opacity:0;transition:opacity .76s ease-out var(--reveal-delay,0s)}.work-item__thumb img.is-loaded{opacity:1}.mock img,.mock video{opacity:0;transition:opacity .42s ease-out}.mock img.is-loaded,.mock video.is-loaded{opacity:1}@media (prefers-reduced-motion:reduce){.work-item__thumb img,.mock img,.mock video{opacity:1;transition:none}}.work-item__meta{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.work-item__title{font-family:var(--font-wordmark);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.75rem;font-weight:600;line-height:1.3}.work-item__title a{color:var(--fg);align-items:baseline;gap:.4em;display:inline-flex}.work-item__title a:hover{color:var(--fg)}.work-item__icon{width:14px;height:14px;color:var(--fg-subtle);flex:none;transform:translateY(3px)}.work-item__icon svg{width:100%;height:100%;display:block}.work-item__year{color:var(--fg-subtle);font-variant-numeric:tabular-nums;font-size:.75rem}.work-item__excerpt{color:var(--fg-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.post-back{color:var(--fg-subtle);margin-bottom:var(--space-3);align-self:flex-start;font-size:.8125rem}.post-back:hover{color:var(--fg)}.post__head{margin-bottom:var(--space-4);justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.post__title{letter-spacing:-.015em;margin:0 0 .2rem;font-size:1.5rem;font-weight:700}.post__head .post__title{flex:auto;min-width:0;margin:0}.post__head .post__title a,.post__head .post__title a:hover{color:inherit}.post__year{color:var(--fg-subtle);font-variant-numeric:tabular-nums;flex:none;font-size:.8125rem}.post__tags{margin:var(--space-5) 0 0;flex-wrap:wrap;gap:.4rem .3rem;padding:0;list-style:none;display:flex}.post__tag{color:var(--fg-muted);background:var(--bg-elevated);border-radius:var(--radius-sm);letter-spacing:.01em;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;text-indent:.04em;padding:.3rem .55rem .32rem;font-size:.6875rem;line-height:1}.post__body{max-width:var(--measure);margin-top:var(--space-4);font-size:.9375rem}.post__body h2{margin-top:var(--space-4);font-size:1rem}.post__body ul{margin:var(--space-2) 0 var(--space-3);padding-left:1rem}.post__body li{margin-bottom:var(--space-1)}.post__cta{margin:var(--space-4) 0 var(--space-2)}.post__cta a{color:var(--accent);font-size:.9375rem;font-weight:700}.post__cta a:hover{opacity:.7;color:var(--accent)}.carousel{gap:var(--space-3);margin:var(--space-3) 0;flex-direction:column;display:flex}.carousel__viewport{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:24px;display:flex;position:relative;overflow:auto hidden}.carousel__viewport::-webkit-scrollbar{display:none}.carousel__slide{scroll-snap-align:start;flex:0 0 100%;justify-content:center;align-items:center;min-width:0;display:flex}.carousel__slide--pair{gap:var(--space-6)}.carousel__slide--pair .mock--mobile{width:auto;height:100%;margin-inline:0}.carousel__slide:not(.carousel__slide--anchor) .mock:not(.mock--video):not(.mock--mobile){width:100%;max-height:100%}.carousel__slide:not(.carousel__slide--anchor) .mock:not(.mock--video):not(.mock--mobile) picture,.carousel__slide:not(.carousel__slide--anchor) .mock:not(.mock--video):not(.mock--mobile) img{width:100%;height:auto;max-height:100%}.carousel__footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-1);min-height:24px;display:flex}.carousel__footer:not(:has(.carousel__device-toggle)){justify-content:center}.carousel__dots{gap:0;display:flex}.carousel__dot{cursor:pointer;background:0 0;border:0;outline:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.carousel__dot:before{content:"";background:var(--fg-subtle);opacity:.4;border-radius:50%;width:9px;height:9px;transition:opacity .2s,transform .2s,background-color .2s,box-shadow .2s}.carousel__dot:hover:before{opacity:.8}.carousel__dot:focus-visible:before{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.carousel__dot[aria-current=true]:before{opacity:1;background:var(--fg);transform:scale(1.4)}.carousel__device-toggle{gap:2px;display:inline-flex}.carousel__device-btn{cursor:pointer;color:var(--fg-subtle);border-radius:var(--radius-xs);background:0 0;border:0;padding:4px 6px;line-height:0;transition:color .2s;display:inline-flex}.carousel__device-btn:hover{color:var(--fg-muted)}.carousel__device-btn[aria-pressed=true]{color:var(--fg)}.carousel__device-btn:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);outline:none}.mock{border-radius:var(--radius-md);background:var(--chrome-top-bg,var(--bg-elevated));width:100%;margin:0;padding:0;transition:background-color .2s;position:relative;overflow:hidden}.mock:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--mock-hairline,var(--rule));pointer-events:none;position:absolute;inset:0}.mock picture{width:100%;display:block;overflow:hidden}.mock img,.mock video{width:100%;height:auto;display:block}.mock__chrome{background:var(--chrome-top-bg,var(--mock-chrome-default));color:var(--chrome-top-fg);align-items:center;transition:background-color .2s;display:flex}.mock__chrome--bottom{background:var(--chrome-bottom-bg,var(--mock-chrome-default));color:var(--chrome-bottom-fg)}.mock--browser{border-radius:var(--radius-lg);--mock-hairline:var(--image-border);position:relative}.mock--browser .mock__chrome--top{gap:7px;padding:12px}.mock__dot{background:color-mix(in srgb, currentColor 30%, transparent);border-radius:50%;width:10px;height:10px;position:relative}.mock__dot:before{content:"";border-radius:inherit;opacity:0;transition:opacity .14s ease-out;position:absolute;inset:0}.mock--browser .mock__dot:first-child:before{background:#ff5f57}.mock--browser .mock__dot:nth-child(2):before{background:#febc2e}.mock--browser .mock__dot:nth-child(3):before{background:#28c840}.mock--browser:hover .mock__dot:before{opacity:1;transition:opacity .24s ease-out}.mock--mobile{aspect-ratio:1206/2622;border-radius:var(--radius-pill);box-sizing:border-box;--mock-hairline:var(--image-border);grid-template-rows:366fr 1980fr 276fr;width:100%;max-width:220px;max-height:100%;margin-inline:auto;padding:6px;display:grid;overflow:hidden}.mock--mobile__chrome{opacity:0;min-width:0;min-height:0;transition:opacity .42s ease-out}.mock--mobile:has(img.is-loaded) .mock--mobile__chrome{opacity:1}.mock--mobile__chrome--top{background:var(--chrome-top-bg,var(--mock-chrome-default));border-radius:calc(var(--radius-pill) - 6px) calc(var(--radius-pill) - 6px) 0 0}.mock--mobile__chrome--bottom{background:var(--chrome-bottom-bg,var(--mock-chrome-default));border-radius:0 0 calc(var(--radius-pill) - 6px) calc(var(--radius-pill) - 6px)}.mock--mobile picture{width:100%;min-width:0;height:100%;min-height:0;display:block}.mock--mobile img{object-fit:scale-down;border-radius:0;width:100%;height:100%;display:block}.mock--mobile--screen-rounded img{border-radius:var(--radius-sm);object-fit:cover}.mock--video:after{display:none}.mock--video{cursor:pointer;padding:var(--space-4) var(--space-3);background:var(--mock-video-bg-light,var(--bg-elevated));border-radius:var(--radius-lg);min-height:240px;aspect-ratio:var(--video-aspect,auto);justify-content:center;align-self:stretch;align-items:center;transition:background-color .32s;display:flex;position:relative;overflow:visible}:root[data-theme=dark] .mock--video{background:var(--mock-video-bg-dark,var(--bg-elevated))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mock--video{background:var(--mock-video-bg-dark,var(--bg-elevated))}}.mock__video-wrap{border-radius:var(--radius-md);background-color:var(--image-border);width:100%;max-width:100%;max-height:100%;display:block;position:relative}.mock__video-wrap:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--image-border);pointer-events:none;position:absolute;inset:0}.mock--video video{border-radius:inherit;background:#000;width:100%;height:100%;display:block}.mock--video:fullscreen{aspect-ratio:auto;border-radius:0;width:100vw;height:100vh;min-height:0;padding:0}.mock--video:fullscreen .mock__video-wrap{border-radius:0;width:auto;max-width:100vw;height:auto;max-height:100vh;margin:auto}.mock--video:fullscreen video{border-radius:0}.mock__play{pointer-events:none;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.mock__play:before{content:"";filter:drop-shadow(0 1px 4px #0006);border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid #fff;width:0;height:0;display:block}.mock--video.is-playing .mock__play{opacity:0}.mock__control{bottom:var(--space-2);z-index:1;color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:background-color .18s;display:inline-flex;position:absolute;box-shadow:0 0 0 1px #ffffff2e}.mock__control:before{content:"";position:absolute;inset:-10px}.mock__control:hover{background:#000000bf}.mock__control:focus-visible{outline:none;box-shadow:0 0 0 2px #0009,0 0 0 4px #fff}.mock__control--play{left:var(--space-2)}.mock__control--mute{right:calc(var(--space-2) + 26px + var(--space-2))}.mock__control--cc{right:calc(var(--space-2) + 26px + var(--space-2) + 26px + var(--space-2))}.mock__control--cc[aria-pressed=true]{color:#111;background:#ffffffeb;box-shadow:0 0 0 1px #0000002e}.mock__control--fullscreen{right:var(--space-2)}.mock--plain{border-radius:var(--radius-sm)}.site-footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--rule);color:var(--fg-subtle);font-size:.75rem;display:flex}.site-footer a{color:var(--fg-subtle)}.site-footer a:hover{color:var(--fg)}.site-footer__links{align-items:center;gap:var(--space-2);display:inline-flex}.site-footer__icon-link{align-items:center;line-height:0;display:inline-flex}.icon{color:currentColor;line-height:0;display:inline-flex}.icon svg{display:block}.post__body .roles{margin:var(--space-4) 0 0;row-gap:var(--space-2);column-gap:var(--space-3);grid-template-columns:auto 1fr;padding:0;font-size:.875rem;list-style:none;display:grid}.post__body .roles li{grid-template-columns:subgrid;column-gap:var(--space-3);grid-column:1/-1;align-items:baseline;margin-bottom:0;display:grid}.roles__when{color:var(--fg-subtle);font-variant-numeric:tabular-nums;white-space:nowrap}.research-list{border-top:1px solid var(--rule);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.research-list li{gap:var(--space-3);padding:var(--space-2) 0 calc(var(--space-2) + 3px);border-bottom:1px solid var(--rule);grid-template-columns:4rem 1fr;align-items:baseline;margin-bottom:0;font-size:.875rem;display:grid}.research-list .year{color:var(--fg-subtle);font-variant-numeric:tabular-nums}@media (max-width:720px){.frame{padding:var(--space-6) var(--space-3) var(--space-4);row-gap:var(--space-4)}.frame__body{row-gap:var(--space-5);padding-block:var(--space-3);grid-template-columns:1fr}.side-nav{justify-content:center;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--rule);flex-direction:row;min-height:0;position:static}.side-nav__list{gap:var(--space-3);flex-direction:row}.side-nav__list a{position:relative}.side-nav__list a:before{display:none}.side-nav__list a:after{content:"";width:auto;height:1px;left:0;right:0;bottom:calc(-1 * var(--space-2) - 2px);transform-origin:50%;background:currentColor;transition:transform .22s;display:block;position:absolute;transform:scaleX(0)}.side-nav__list a[aria-current=page]:after{transform:scaleX(1)}}@media (max-width:720px) and (prefers-reduced-motion:reduce){.side-nav__list a:after{transition:none}}@media (max-width:720px){.carousel__slide--pair{gap:var(--space-5)}.carousel__slide--pair .mock--mobile{border-radius:var(--radius-lg)}.mock--video{padding:var(--space-2);min-height:0}}@media (max-width:59rem){.frame{max-width:36rem}:root{--rail-w:7rem}.frame__body{column-gap:var(--space-4)}.work-grid{gap:var(--space-4);grid-template-columns:1fr}.work-item{width:100%;max-width:20rem;margin-inline:auto}}