@font-face{font-family:Mona Sans;src:url(/fonts/mona-sans.woff2)format("woff2");font-weight:200 900;font-display:swap}@font-face{font-family:Mona Sans Mono;src:url(/fonts/mona-sans-mono.woff2)format("woff2");font-weight:200 900;font-display:swap}:root{--ink:#202020;--muted:#676763;--faint:#efefec;--line:#e3e3df;--paper:#f8fafc;--mono:"Mona Sans Mono",monospace;--ease:cubic-bezier(.16,1,.3,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-optical-sizing:auto;margin:0;font-family:Mona Sans,sans-serif;font-size:16px;line-height:1.55}::selection{color:#fff;background:#363c34}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.28}:is(a:focus-visible,button:focus-visible,iframe:focus-visible){outline-offset:5px;border-radius:3px;outline:2px solid #4b6650}button:focus:not(:focus-visible){outline:none}img,video{max-width:100%;height:auto;display:block}svg{stroke-width:1.65px;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}.skip-link{z-index:50;background:var(--ink);color:#fff;padding:10px 18px;position:fixed;top:12px;left:20px;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header,.site-main,.site-footer{width:min(1280px,100% - 112px);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;padding-top:63px;display:flex}.wordmark{letter-spacing:-.035em;font-size:34px;font-weight:660;line-height:1.1;text-decoration:none}.contact-link{font-family:var(--mono);align-items:center;gap:10px;padding:10px 0;font-size:12px;text-decoration:none;display:flex}.contact-link:hover{color:#62665b}.intro{padding-block:64px 68px}.intro h1{letter-spacing:-.028em;text-wrap:pretty;max-width:820px;font-size:clamp(26px,3.15vw,43px);font-weight:510;line-height:1.2}.work{overflow-anchor:none}.view-nav{border-bottom:1px solid var(--line);scrollbar-width:none;margin-bottom:30px;overflow-x:auto}.view-nav-track{gap:31px;width:max-content;min-width:100%;display:flex;position:relative}.view-indicator{background:var(--ink);transform-origin:0;opacity:0;pointer-events:none;width:1px;height:2px;transition:transform .72s cubic-bezier(.4,0,.2,1),opacity .2s;position:absolute;bottom:0;left:0}.view-nav[data-indicator-ready] .view-indicator{opacity:1}.view-nav[data-indicator-ready] a[aria-current=page]{border-color:#0000}.view-nav::-webkit-scrollbar{display:none}.view-nav a{font:12px/1.4 var(--mono);color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:9px;padding:0 0 17px;text-decoration:none;transition:color .16s;display:flex}.view-nav a[aria-current=page]{border-color:var(--ink);color:var(--ink)}.view-nav a:hover{color:var(--ink)}.view-count{color:var(--muted);font-size:10px;transition:color .16s}.view-nav a[aria-current=page] .view-count{color:var(--ink)}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:43px 27px;display:grid}.project-grid[data-handover]{pointer-events:none}.project-card{transform-origin:0 0;align-self:start;min-width:0;text-decoration:none;display:block}.gallery-dissolve-layer{z-index:20;pointer-events:none;position:fixed;inset:0;overflow:hidden}.gallery-ghost{background:0 0}.gallery-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.project-image{aspect-ratio:1.51;isolation:isolate;background:#f3f3f0;border-radius:7px;position:relative;overflow:hidden}.project-image>img{object-fit:cover;width:100%;height:100%;transition:transform .65s var(--ease)}.project-open{opacity:0;width:34px;height:34px;transition:opacity .25s,transform .4s var(--ease);background:#fffffff5;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:13px;right:13px;transform:translate(-5px,5px)}:is(.project-card:hover .project-image>img,.project-card:focus-visible .project-image>img){transform:scale(1.025)}:is(.project-card:hover .project-open,.project-card:focus-visible .project-open){opacity:1;transform:none}.card-copy{padding:18px 2px 0}.card-copy h2{letter-spacing:-.016em;text-wrap:pretty;max-width:36ch;font-size:18px;font-weight:590;line-height:1.32}.card-client{color:var(--muted);margin-top:8px;font-size:13px}.card-tags{flex-wrap:wrap;gap:5px;margin-top:11px;display:flex}.card-tags span{font:10px/1.3 var(--mono);color:#50564b;background:#f1f2ee;border-radius:3px;padding:3px 7px}.logo-cloud{max-width:940px;margin-inline:auto;padding-top:85px}.logo-cloud img{width:100%;height:auto}.experience{border-top:1px solid var(--line);grid-template-columns:1fr 2.17fr;gap:36px;margin-top:89px;padding-top:33px;display:grid}.experience>h2{letter-spacing:-.025em;font-size:24px;font-weight:550}.experience-item{border-bottom:1px solid var(--line);padding-block:30px}.experience-item:first-child{padding-top:0}.experience-item:last-child{border-bottom:0;padding-bottom:0}.experience-heading h3{letter-spacing:-.01em;text-wrap:pretty;font-size:17px;font-weight:590;line-height:1.45}.job-company{font-weight:430}.job-company:before{content:" · ";padding-inline:3px}.job-company a{align-items:center;gap:4px;text-decoration:none;display:inline-flex}.job-company a:hover{text-decoration:underline}.experience-meta{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:7px 20px;margin-top:8px;font-size:11px;display:flex}.experience-body{color:#464643;max-width:74ch;margin-top:17px;font-size:15px;line-height:1.75}.site-footer{border-top:1px solid var(--line);font:11px/1.6 var(--mono);justify-content:space-between;align-items:center;gap:25px;margin-top:99px;padding-block:31px 38px;display:flex}.site-footer p{flex-wrap:wrap;gap:18px;display:flex}.site-footer strong{font-weight:500}.site-footer p>span{color:var(--muted)}.site-footer nav{flex-wrap:wrap;gap:22px;display:flex}.site-footer nav a{align-items:center;gap:5px;text-decoration:none;display:flex}.site-footer nav a:hover{text-decoration:underline}.reader-backdrop{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:backdrop-in .25s var(--ease);background:#1a1b194d;justify-content:center;align-items:flex-start;padding:36px;transition:opacity .18s;display:flex;position:fixed;inset:0}.reader-backdrop[data-closing]{opacity:0;pointer-events:none}.reader-backdrop[data-closing] .reader{animation:.18s both reader-out}.reader{overscroll-behavior:contain;background:var(--paper);scrollbar-width:thin;scrollbar-color:#bcbdb5 transparent;width:100%;max-width:1220px;max-height:calc(100dvh - 72px);animation:reader-in .38s var(--ease);border-radius:14px;position:relative;overflow:auto;box-shadow:0 20px 70px #00000029}.reader::-webkit-scrollbar{width:7px}.reader::-webkit-scrollbar-thumb{background:#bcbdb5;border-radius:8px}.reader-toolbar{z-index:3;border-bottom:1px solid var(--line);background:#f8fafcf7;justify-content:space-between;align-items:center;gap:20px;min-height:66px;padding:12px 28px;display:flex;position:sticky;top:0}.reader-toolbar button,.reader-toolbar a{font:11px/1.3 var(--mono);background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:8px;text-decoration:none;display:inline-flex}.reader-toolbar button:hover:not(:disabled),.reader-toolbar a:hover{background:var(--faint)}.reader-navigation{font:10px/1.5 var(--mono);font-variant-numeric:tabular-nums;align-items:center;gap:15px;display:flex}.count-separator{color:#aaa;padding-inline:8px}.copy-link{justify-content:flex-end;min-width:103px}.project-article{animation:article-in .3s var(--ease);padding:68px 70px 45px}.article-header{margin-inline:auto;max-width:920px;margin-bottom:52px}.article-header h1{letter-spacing:-.032em;outline:0;max-width:24ch;font-size:clamp(30px,4.1vw,53px);font-weight:580;line-height:1.13}.article-meta{border-top:1px solid var(--line);flex-wrap:wrap;gap:22px 36px;margin:31px 0 0;padding-top:25px;display:flex}.article-meta dt{font:10px/1.4 var(--mono);color:var(--muted);margin-bottom:5px}.article-meta dd{margin:0;font-size:12px}.article-meta a{align-items:center;gap:4px;display:inline-flex}.article-body{font-size:17px;line-height:1.82}.article-body>*{max-width:72ch;margin-inline:auto}.article-body p{overflow-wrap:break-word;margin-top:22px;margin-bottom:22px}.article-body h1,.article-body h2,.article-body h3,.article-body h4{letter-spacing:-.02em;margin-top:48px;margin-bottom:16px;font-weight:590;line-height:1.3}.article-body h1,.article-body h2{font-size:27px}.article-body h3{font-size:22px}.article-body h4{font-size:19px}.article-body figure{max-width:100%;margin:38px 0}.article-body img{background:#f5f5f2;border-radius:3px;max-width:100%;height:auto;margin:30px auto}.article-body figure img{margin:0 auto}.article-body figcaption{max-width:78ch;color:var(--muted);text-align:center;margin:12px auto 0;font-size:12px;line-height:1.65}.article-body a{text-decoration-color:#a1a59b}.article-body a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.article-body strong,.article-body b{font-weight:650}.article-body ul,.article-body ol{margin-top:20px;margin-bottom:25px;padding-left:25px}.article-body li{margin-block:6px}.article-body blockquote,.article-body .callout{background:#f4f5f1;border-radius:7px;margin-top:30px;margin-bottom:30px;padding:22px 26px}.article-body blockquote p:first-child,.article-body .callout p:first-child{margin-top:0}.article-body blockquote p:last-child,.article-body .callout p:last-child{margin-bottom:0}.article-body .video,.article-body .video-embed{aspect-ratio:16/9;max-width:100%;margin:40px auto}.article-body iframe{aspect-ratio:16/9;border:0;border-radius:5px;width:100%;height:auto;margin:32px auto;display:block}.article-body table{border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--line);text-align:left;padding:10px 13px}.article-body hr{border:0;border-top:1px solid var(--line);margin-block:40px}.article-body [id]{scroll-margin-top:90px}.article-footer{border-top:1px solid var(--line);font:11px/1.5 var(--mono);justify-content:space-between;align-items:center;gap:24px;margin-top:65px;padding-top:27px;display:flex}.article-footer a{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.article-footer a:hover{text-decoration:underline}.not-found{width:min(750px,100% - 48px);margin:80px auto}.not-found h1{letter-spacing:-.03em;margin:100px 0 20px;font-size:42px;line-height:1.15}.not-found p{color:var(--muted);margin-bottom:30px}@keyframes reader-in{0%{clip-path:inset(0 0 2% round 14px);transform:translateY(22px)scale(.99)}to{clip-path:inset(0 round 14px);transform:none}}@keyframes reader-out{to{transform:translateY(12px)scale(.995)}}@keyframes backdrop-in{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes article-in{0%{opacity:.65;transform:translateY(6px)}to{opacity:1;transform:none}}@media (min-width:1600px){.site-header{padding-top:80px}.intro{padding-block:76px 78px}.project-grid{gap:46px 31px}}@media (max-width:1099px){.site-header,.site-main,.site-footer{width:calc(100% - 72px)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 24px}.intro h1{max-width:680px}.experience{grid-template-columns:1fr 2.6fr;gap:28px}.reader-backdrop{padding:24px}.reader{max-height:calc(100dvh - 48px)}.project-article{padding:50px 42px 35px}.article-meta{gap:20px 25px}}@media (max-width:639px){html{scrollbar-gutter:auto}.site-header,.site-main,.site-footer{width:calc(100% - 40px)}.site-header{padding-top:32px}.wordmark{font-size:29px}.contact-link{gap:5px;font-size:10px}.intro{padding-block:46px 45px}.intro h1{letter-spacing:-.023em;max-width:22ch;font-size:27px;line-height:1.24}.view-nav{gap:24px;margin-bottom:25px;margin-right:-20px;padding-right:20px}.view-nav a{gap:5px;padding-bottom:14px;font-size:10px}.view-count{font-size:9px}.project-grid{grid-template-columns:1fr;gap:34px}.project-image{aspect-ratio:1.5;border-radius:6px}.card-copy{padding-top:14px}.card-copy h2{max-width:32ch;font-size:19px}.card-client{margin-top:6px;font-size:12px}.card-tags{margin-top:9px}.card-tags span{font-size:9px}.project-open{opacity:1;width:30px;height:30px;bottom:10px;right:10px;transform:none}.logo-cloud{padding-top:48px}.experience{margin-top:47px;padding-top:25px;display:block}.experience>h2{margin-bottom:28px;font-size:23px}.experience-item{padding-block:25px}.experience-heading h3{font-size:16px}.experience-meta{gap:5px 12px;font-size:10px}.experience-body{margin-top:14px;font-size:14px;line-height:1.75}.site-footer{margin-top:56px;padding-block:25px 29px;font-size:10px;display:block}.site-footer nav{gap:18px;margin-top:22px}.site-footer p{gap:14px}.reader-backdrop{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.reader{width:100%;height:100dvh;max-height:100dvh;box-shadow:none;border-radius:0}.reader-toolbar{min-height:61px;padding:12px 14px;padding-top:max(12px,env(safe-area-inset-top));gap:8px}.reader-close span{display:none}.reader-navigation{gap:9px}.copy-link{min-width:81px}.reader-toolbar button,.reader-toolbar a{padding:8px;font-size:10px}.project-article{padding:33px 21px max(30px,env(safe-area-inset-bottom))}.article-header{margin-bottom:31px}.article-header h1{letter-spacing:-.027em;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;font-size:32px;line-height:1.14}.article-meta{gap:18px 24px;margin-top:23px;padding-top:19px}.article-meta dt{font-size:9px}.article-meta dd{font-size:11px}.article-body{font-size:16px;line-height:1.76}.article-body p{margin-block:20px}.article-body h1,.article-body h2{font-size:24px}.article-body h3{font-size:21px}.article-body figure{margin-block:27px}.article-body figcaption{text-align:left;font-size:11px}.article-body blockquote,.article-body .callout{padding:18px}.article-footer{gap:15px;margin-top:40px;padding-top:23px;font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.legacy-anchor{pointer-events:none;width:0;height:0;scroll-margin-top:90px;display:block;position:relative;overflow:hidden}.image-zoom-trigger{cursor:zoom-in;background:0 0;border:0;max-width:100%;margin:0 auto;padding:0;display:block;position:relative}.image-zoom-trigger:after{content:"View detail";color:var(--ink);font:10px/1.4 var(--mono);opacity:0;transition:opacity .15s,transform .2s var(--ease);pointer-events:none;background:#fffffff5;border-radius:5px;padding:7px 10px;position:absolute;bottom:12px;right:12px;transform:translateY(3px)}.image-zoom-trigger:hover:after{opacity:1;transform:none}.image-zoom-trigger:focus-visible:after{opacity:1;transform:none}.image-zoom{background:var(--paper);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);animation:detail-in .24s var(--ease);border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.image-zoom[open]{flex-direction:column;display:flex}.image-zoom::backdrop{background:#1a1b1980}.zoom-toolbar{z-index:2;border-bottom:1px solid var(--line);background:var(--paper);min-height:70px;font:11px/1.4 var(--mono);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex;position:relative}.zoom-toolbar button,.zoom-toolbar a{min-width:40px;min-height:40px;font:inherit;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;display:inline-flex}.zoom-toolbar button:hover:not(:disabled),.zoom-toolbar a:hover,.zoom-toolbar button[aria-pressed=true]{background:var(--faint)}.zoom-controls{font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:flex}.zoom-percent{text-align:center;min-width:44px;font-size:10px}.zoom-fit{margin-left:12px}.zoom-stage{background:var(--paper);touch-action:none;-webkit-user-select:none;user-select:none;cursor:zoom-in;isolation:isolate;flex:1;min-height:0;position:relative;overflow:hidden}.zoom-stage[data-pannable]{cursor:grab}.zoom-stage[data-pannable]:active{cursor:grabbing}.zoom-canvas{transform-origin:50%;will-change:transform;position:absolute;top:50%;left:50%}.zoom-canvas img{object-fit:contain;-webkit-user-drag:none;pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.zoom-full{opacity:0;transition:opacity .15s}.zoom-full[data-ready]{opacity:1}.zoom-loading{max-width:calc(100% - 32px);font:11px/1.5 var(--mono);text-align:center;pointer-events:auto;cursor:default;background:#fffffff5;border-radius:5px;padding:9px 13px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.zoom-loading button{font:inherit;background:0 0;border:0;padding:3px 5px;text-decoration:underline}.zoom-footer{padding:15px 24px max(17px,env(safe-area-inset-bottom));border-top:1px solid var(--line);text-align:center;background:var(--paper);flex-shrink:0}.zoom-caption{max-width:95ch;max-height:12vh;margin-inline:auto;font-size:12px;line-height:1.55;overflow:auto}.zoom-hint{font:10px/1.5 var(--mono);color:var(--muted);margin-top:5px}.zoom-touch-hint{display:none}.zoom-pending{z-index:50;font:12px var(--mono);background:#f8fafcf0;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.zoom-pending button{font:inherit;background:0 0;border:0;text-decoration:underline}@keyframes detail-in{0%{opacity:.5;clip-path:inset(12px round 12px)}to{opacity:1;clip-path:inset(0)}}@media (hover:none){.image-zoom-trigger:after{opacity:1;transform:none}.zoom-desktop-hint{display:none}.zoom-touch-hint{display:inline}}@media (max-width:639px){.zoom-toolbar{min-height:64px;padding:10px;padding-top:max(10px,env(safe-area-inset-top));gap:4px}.zoom-toolbar button,.zoom-toolbar a{min-width:36px;min-height:44px;padding:8px}.zoom-close span,.zoom-original span{display:none}.zoom-controls{gap:0}.zoom-fit{margin-left:4px}.zoom-percent{min-width:37px}.zoom-footer{padding:12px 18px max(14px,env(safe-area-inset-bottom))}.zoom-caption{font-size:11px}.zoom-hint{font-size:9px}.image-zoom-trigger:after{padding:6px 8px;font-size:9px;bottom:8px;right:8px}}@media (prefers-reduced-motion:reduce){.reader-backdrop{transition:opacity 80ms linear}.image-zoom{animation:none}.zoom-canvas{will-change:auto}}.zoom-canvas[data-animated]{transition:transform .22s var(--ease)}.image-zoom[data-closing]{opacity:0;pointer-events:none;transition:opacity .14s}@media (prefers-reduced-motion:reduce){.zoom-canvas[data-animated]{transition:none}}@media (max-width:639px){.zoom-toolbar button,.zoom-toolbar a{min-width:44px}.zoom-desktop-hint{display:none}.zoom-touch-hint{display:inline}}.zoom-pending{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);border:0;flex-wrap:wrap;margin:0;padding:32px}.zoom-pending:not([open]){display:none}.zoom-pending button{min-height:44px;padding:10px}@media (max-width:359px){.zoom-percent{display:none}}@media (max-width:639px){.view-nav-track{gap:24px}}