.main-nav[data-astro-cid-dmqpwcec]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;background:var(--bg);position:relative;z-index:10}.logo-link[data-astro-cid-dmqpwcec]{display:flex;align-items:center;gap:var(--space-1);text-decoration:none;color:var(--fg)}.logo-link[data-astro-cid-dmqpwcec] .logo-initial[data-astro-cid-dmqpwcec]{display:block;height:1.75rem;width:auto;transition:transform .12s ease}.logo-link[data-astro-cid-dmqpwcec]:active .logo-initial[data-astro-cid-dmqpwcec]{transform:scale(.97)}@media(prefers-reduced-motion:no-preference){.logo-initial[data-astro-cid-dmqpwcec] path[data-astro-cid-dmqpwcec]{transform-box:fill-box;transform-origin:center;animation:logo-draw .5s cubic-bezier(.22,1,.36,1) both}.logo-initial[data-astro-cid-dmqpwcec] path[data-astro-cid-dmqpwcec]:nth-child(2){animation-delay:.12s}.logo-initial[data-astro-cid-dmqpwcec] path[data-astro-cid-dmqpwcec]:nth-child(1){animation-delay:.24s}.logo-initial[data-astro-cid-dmqpwcec] path[data-astro-cid-dmqpwcec]:nth-child(3){animation-delay:.36s}}.logo-seen .logo-initial[data-astro-cid-dmqpwcec] path[data-astro-cid-dmqpwcec]{animation:none}@keyframes logo-draw{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.nav-actions[data-astro-cid-dmqpwcec]{display:flex;align-items:center;gap:var(--space-5)}.nav-link[data-astro-cid-dmqpwcec]{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-height:2.25rem;padding-inline:.75rem;border:1px solid currentColor;border-radius:999px;color:var(--nav-action);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:0;text-decoration:none;white-space:nowrap;transition:background-color .12s cubic-bezier(.2,0,0,1),opacity .12s cubic-bezier(.2,0,0,1)}.nav-link-icon[data-astro-cid-dmqpwcec]{width:1rem;height:1rem;flex:none;fill:currentColor}.nav-link[data-astro-cid-dmqpwcec]:hover,.nav-link[data-astro-cid-dmqpwcec]:focus-visible{background:color-mix(in srgb,var(--nav-action) 9%,transparent);text-decoration:none}.nav-link[data-astro-cid-dmqpwcec]:focus-visible{outline:2px solid currentColor;outline-offset:2px}.nav-link[data-astro-cid-dmqpwcec]:active{opacity:.6}@media(prefers-reduced-motion:no-preference){.nav-link[data-astro-cid-dmqpwcec]:active{transform:scale(.96)}}@media screen and (max-width:480px){.main-nav[data-astro-cid-dmqpwcec]{padding:var(--space-4) 0}.logo-link[data-astro-cid-dmqpwcec] .logo-initial[data-astro-cid-dmqpwcec]{height:1.5rem}}.status-bar[data-astro-cid-fab2rga2]{position:fixed;bottom:0;left:0;right:0;z-index:100;height:24px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-3);background:#1e1e1e;color:#ffffffb3;font-size:12px;letter-spacing:.01em}.status-left[data-astro-cid-fab2rga2],.status-right[data-astro-cid-fab2rga2]{display:flex;align-items:center;gap:.625rem}.sep[data-astro-cid-fab2rga2]{color:#ffffff4d}.branch-icon[data-astro-cid-fab2rga2]{width:13px;height:13px;flex-shrink:0}.branch-name[data-astro-cid-fab2rga2]{display:flex;align-items:center;gap:var(--space-1)}.status-theme-toggle[data-astro-cid-fab2rga2]{all:unset;cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;user-select:none;transition:opacity .12s ease}.status-temp-toggle[data-astro-cid-fab2rga2]{all:unset;display:inline-block;width:5ch;cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;text-align:center;user-select:none;font-variant-numeric:tabular-nums;white-space:nowrap;transition:opacity .12s ease}.status-theme-toggle[data-astro-cid-fab2rga2]:hover,.status-temp-toggle[data-astro-cid-fab2rga2]:hover{color:#fff}.status-theme-toggle[data-astro-cid-fab2rga2]:active,.status-temp-toggle[data-astro-cid-fab2rga2]:active{opacity:.6}.status-location[data-astro-cid-fab2rga2]{display:flex;align-items:center;gap:.375rem}.status-location[data-astro-cid-fab2rga2] [data-astro-cid-fab2rga2][data-status-time],.status-location[data-astro-cid-fab2rga2] [data-astro-cid-fab2rga2][data-status-temp]{font-variant-numeric:tabular-nums}.status-location[data-astro-cid-fab2rga2] [data-astro-cid-fab2rga2][data-status-time]{width:11ch;display:inline-block;text-align:right;white-space:nowrap}.status-location[data-astro-cid-fab2rga2] [data-astro-cid-fab2rga2][data-status-time]:before{content:"·";margin-right:.375rem;color:#ffffff4d}html[data-theme=light] .status-bar[data-astro-cid-fab2rga2]{background:#f3f3f3;color:#1a1c21b3}html[data-theme=light] .sep[data-astro-cid-fab2rga2],html[data-theme=light] .status-location[data-astro-cid-fab2rga2] [data-astro-cid-fab2rga2][data-status-time]:before{color:#1a1c214d}html[data-theme=light] .status-theme-toggle[data-astro-cid-fab2rga2]:hover,html[data-theme=light] .status-temp-toggle[data-astro-cid-fab2rga2]:hover{color:#1a1c21}@media(max-width:600px){.status-location[data-astro-cid-fab2rga2]{display:none}}.animate-item{opacity:0;transform:translateY(20px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),filter .5s cubic-bezier(.22,1,.36,1)}.animate-item:not(.intro-text){filter:blur(4px)}.in-view{opacity:1;transform:none}.animate-item.in-view{filter:blur(0)}*,*:before,*:after{box-sizing:border-box}@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:optional}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0%;size-adjust:107.12%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.25rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--line-height-tight: 1.1;--line-height-snug: 1.35;--line-height-base: 1.65;--letter-spacing-display: -.02em;--letter-spacing-caps: .06em;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-family-body: "Inter", "Inter Fallback", sans-serif;--font-family-mono: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;--sizes-container: 1024px;--sizes-media: 900px;--sizes-text: 680px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--block-spacing-top: 0;--block-spacing-bottom: calc(var(--font-size-base) * var(--line-height-base));--heading-margin-top: var(--space-7);--heading-margin-bottom: var(--space-5);background-color:var(--bg);color:var(--fg)}:root,html[data-theme=dark]{--fg: #fff;--bg: #1a1c21;--gray: #98a2b3;--text-subdued: #98a8c3;--bg-code: #2d2f35;--fg-code: #fff;--gr1: #232526;--gr2: #414345;--link: #f68fbe;--nav-action: #f68fbe}:root,html[data-theme=light]{--fg: #1a1c21;--bg: #fdfdfc;--gray: #69707d;--text-subdued: #516381;--bg-code: #f5f5f5;--fg-code: #1a1c21;--gr1: #f2709c;--gr2: #f7bb97;--link: #f04e98;--nav-action: #c52e73}body{margin:0;padding-bottom:32px;font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-base);overflow-wrap:break-word}body.noScroll{overflow:hidden;max-height:100dvh}p,h1,h2,h3{margin-block-start:var(--block-spacing-top);margin-block-end:var(--block-spacing-bottom)}h1,h2,h3{font-weight:var(--font-weight-medium)}h1{font-size:var(--font-size-xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-display);text-wrap:balance;margin-block-end:var(--heading-margin-bottom)}h2{font-size:var(--font-size-lg);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-display);text-wrap:balance}h3{font-size:var(--font-size-base);text-wrap:balance}*+h2{margin-block-start:var(--heading-margin-top)}:first-child{margin-block-start:0}:last-child{margin-block-end:0}a{color:inherit;text-decoration:none;text-decoration-thickness:2px;text-underline-offset:.18em;text-decoration-skip-ink:auto}a.reset,a.reset:hover{border:none;text-decoration:none}a:hover{text-decoration:underline;text-decoration-color:var(--link)}img{max-width:100%;width:100%;height:auto}.code{font-family:var(--font-family-mono);background-color:var(--bg-code);color:var(--fg-code);padding:.125rem var(--space-1);border-radius:3px;font-size:.9em}.content{grid-area:content;padding-block-start:var(--space-9);padding-block-end:var(--space-8)}.main-nav{grid-area:nav;position:sticky;top:0;left:0;z-index:1}.wrapper{display:grid;grid-template-areas:"nav" "content";max-width:var(--sizes-container);margin-inline:auto;padding-inline:var(--space-4)}@media screen and (max-width:767px){.content{padding-block-start:var(--space-7)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.back-button{padding-block-start:var(--space-8)}.img-container{max-width:100%!important;padding-inline:var(--space-7)}.img-container img{max-width:100%!important;width:100%!important;height:auto;margin-block-end:var(--space-2)!important}.intro-text{max-width:var(--sizes-text);margin-block:0;font-size:var(--font-size-md);line-height:var(--line-height-base);letter-spacing:0;font-weight:var(--font-weight-regular);text-wrap:wrap}.rotating-word{display:inline-block;transition:opacity .34s ease,transform .38s linear(0,.402,.842,1.036,1.09,1.057,1.007,.985,.995,1)}.rotating-word.fade-out{opacity:0;transform:translateY(4px)}.intro-text a{color:inherit;text-decoration:none}.intro-text:hover a{color:var(--link);text-decoration:none}.elastic-section{padding-block-start:var(--space-8)}.also-made-section{padding-block-start:var(--space-9)}.also-made-pair{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--space-5);row-gap:var(--space-4)}.also-made-pair+.also-made-pair{margin-block-start:var(--space-6)}.also-made-pair--linked{grid-template-columns:repeat(2,minmax(0,1fr))}.also-made-pair .side-project-card{display:grid;grid-template-rows:subgrid;grid-row:span 2;min-width:0}.side-project-card--static{cursor:default}.also-made-pair .work-cover-image{margin-block-end:0;min-height:0}.also-made-pair--linked .work-cover-image{aspect-ratio:16 / 10}.also-made-pair--linked .work-cover-image img{height:100%;object-fit:cover}.side-project-cover--illustration{position:relative;overflow:hidden;background:#fff}.side-project-cover--illustration img{position:absolute;top:50%;left:50%;width:auto;height:auto;max-width:calc(100% - 2 * var(--space-5));max-height:calc(100% - 2 * var(--space-5));transform:translate(-50%,-50%);object-fit:contain}.side-project-copy{display:flex;align-items:start;justify-content:space-between;gap:var(--space-4)}.side-project-copy .project-one-liner{margin-block-end:0}.work-index-arrow--external{flex:none;padding-block-start:.2em}.work-item-link:hover .work-index-arrow--external,.work-item-link:focus-visible .work-index-arrow--external{transform:translate(2px,-2px)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h2.section-label,h3.section-label,.section-label{margin-block-start:0;margin-block-end:var(--space-4);color:var(--text-subdued);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-caps);line-height:var(--line-height-snug);text-transform:uppercase;text-wrap:balance}.section-label-link{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none}.section-label-link:hover,.section-label-link:focus-visible{color:var(--fg);text-decoration:none}.section-label-link:hover .work-index-arrow,.section-label-link:focus-visible .work-index-arrow{transform:translate(3px)}.elastic-feed{margin-block-start:var(--space-8)}.elastic-page-back{margin-block-start:var(--space-6)}.contact-copy{max-width:var(--sizes-text)}.contact-copy a{text-decoration:underline;text-decoration-color:var(--link)}.elastic-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.85fr);gap:var(--space-6);align-items:start}.elastic-featured{min-width:0}.elastic-featured .work-cover-image{margin-block-end:var(--space-4)}.elastic-featured-copy{display:flex;align-items:start;justify-content:space-between;gap:var(--space-4)}.elastic-featured .project-one-liner{margin-block-end:0}.elastic-featured .work-index-arrow{flex:none;padding-block-start:.2em}.elastic-more .section-label{margin-block-end:var(--space-3)}.work-index{border-top:1px solid color-mix(in srgb,var(--fg) 14%,transparent)}.work-index-row{display:block;padding-block:var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--fg) 14%,transparent);text-decoration:none;color:inherit}.work-index-row,.work-index-row:hover,.work-index-row:focus-visible{border-bottom:1px solid color-mix(in srgb,var(--fg) 14%,transparent);text-decoration:none}.work-index-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-wrap:balance}.work-index-row p{margin:var(--space-1) 0 0;color:var(--text-subdued);font-size:var(--font-size-xs);text-wrap:pretty}.work-index-arrow{display:inline-block;color:var(--text-subdued);transition:transform .18s cubic-bezier(.16,1,.3,1)}.work-index-row:hover .work-index-arrow,.work-index-row:focus-visible .work-index-arrow,.elastic-featured:hover .work-index-arrow,.elastic-featured:focus-visible .work-index-arrow{transform:translate(3px)}.responsive-iframe{position:relative;width:100%;aspect-ratio:16 / 9;margin-block-end:var(--space-4)}.responsive-iframe iframe{position:absolute;inset:0;width:100%;height:100%}.pg-grid-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.work-item-link,.work-item-container-wrapper{text-decoration:none;color:inherit;display:block}.work-item-link,.work-item-link:hover{text-decoration:none;cursor:pointer}.work-item-link:hover .work-cover-image,.work-item-container-wrapper:hover .work-cover-image{box-shadow:0 0 0 1px #0000001f,0 2px 4px -1px #0000001f,0 4px 8px #0000001a;transform:translateY(-2px)}.work-item-container{margin-block-end:var(--space-9)}.work-cover-image,.work-detail-image{width:100%;margin-block-end:var(--space-4);border-radius:8px;overflow:hidden;padding:0;box-shadow:0 0 0 1px #0000000f,0 1px 2px -1px #0000000f,0 2px 4px #0000000a;transition:box-shadow .2s cubic-bezier(.32,.72,0,1),transform .2s cubic-bezier(.32,.72,0,1)}.work-detail-image{max-width:var(--sizes-media);margin-inline:auto}.work-cover-image:hover{box-shadow:0 0 0 1px #0000001f,0 2px 4px -1px #0000001f,0 4px 8px #0000001a;transform:translateY(-2px)}.work-cover-image img,.work-cover-image video.work-cover-video{width:100%;height:auto;margin:0;padding:0;vertical-align:bottom;display:block}.work-cover-image video.work-cover-video{clip-path:inset(1px 0 1px 0)}.work-cover-image .cover-image-light,.work-detail-image .cover-image-light{display:block}.work-cover-image .cover-image-dark,.work-detail-image .cover-image-dark,html[data-theme=dark] .work-cover-image .cover-image-light,html[data-theme=dark] .work-detail-image .cover-image-light{display:none}html[data-theme=dark] .work-cover-image .cover-image-dark,html[data-theme=dark] .work-detail-image .cover-image-dark{display:block}.work-grid-container{display:grid;grid-template-columns:1.5fr 4fr;gap:var(--space-4);margin-block-end:var(--space-7)}.work-grid-container>*{min-width:0}.item p:first-of-type{margin-block-start:var(--block-spacing-bottom)}@media screen and (max-width:767px){.pg-grid-container,.work-grid-container,.elastic-split,.also-made-pair{grid-template-columns:1fr}.also-made-pair{grid-template-rows:none;gap:var(--space-5)}.also-made-pair .side-project-card{display:block;grid-row:auto}.also-made-pair .work-cover-image{margin-block-end:var(--space-4)}.side-project-cover--illustration{padding:var(--space-7)}.side-project-cover--illustration img{position:static;top:auto;left:auto;max-width:100%;max-height:none;width:100%;height:auto;transform:none;padding:0}.elastic-more{padding-block-start:var(--space-4)}.work-item-container{margin-block-end:var(--space-8)}.responsive-iframe{aspect-ratio:4 / 3}.intro-text{width:100%}}@media(prefers-reduced-motion:reduce){.rotating-word,.work-cover-image,.work-index-arrow{transition:none}.work-item-link:hover .work-cover-image,.work-item-container-wrapper:hover .work-cover-image,.work-cover-image:hover{transform:none}.work-index-row:hover .work-index-arrow,.work-index-row:focus-visible .work-index-arrow,.elastic-featured:hover .work-index-arrow,.elastic-featured:focus-visible .work-index-arrow,.work-item-link:hover .work-index-arrow--external,.work-item-link:focus-visible .work-index-arrow--external{transform:none}}.project-title{margin-block-end:0;text-wrap:balance}.project-one-liner{margin-block-end:var(--space-6);color:var(--text-subdued);text-wrap:pretty}.when{color:var(--gray)}.post{padding-block-start:0}.post>h2,.post>h3,.post>p,.post>ul,.post>ol,.post>blockquote,.post>.post-prs,.post>div:last-child{max-width:var(--sizes-text);margin-inline:auto}.post>h1{max-width:var(--sizes-media);margin-inline:auto}.post a:not(.reset){color:inherit;text-decoration:underline;text-decoration-color:var(--link)}.post-back{margin-block-start:var(--space-7)}.post-figure{width:100%;max-width:var(--sizes-media);margin:var(--space-6) auto;display:flex;flex-direction:column;gap:var(--space-2)}.post-figure img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 0 0 1px #0000000f,0 1px 2px -1px #0000000f,0 2px 4px #0000000a}.post-figure figcaption{font-size:var(--font-size-xs);color:var(--text-subdued);line-height:var(--line-height-base);text-align:center}.post-prs{font-size:var(--font-size-sm);color:var(--text-subdued);border-left:2px solid var(--link);padding-left:var(--space-3);margin-block-start:var(--space-5);margin-block-end:0}