@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.2-i4fw5gbtlb7.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.k32EJW_className{font-family:GeistSans,GeistSans Fallback}.k32EJW_variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
:root{--page:#fdfdfd;--primary-text:#202020;--body-text:#565656;--secondary-text:#5c5c5c;--nav-text:#525252;--nav-surface:#f1f1f1;--border:#e1e1e1;--border-soft:#e5e5e5;--border-faint:#f1f1f1;--rule:#d8d8d8;--wash:#12121205;--focus:#006fff;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--press:transform .16s var(--ease-out);--wide-width:min(960px, 100vw - 32px);--render-ground:#2f2f2f;--render-radius:clamp(12px, 3.85cqi, 24px);--ground:#efefef;--ink:#232323;--muted:#707070;--divider:#dbdbdb;--ease-power3-in-out:cubic-bezier(.76, 0, .24, 1);--ease-smooth-in-out:cubic-bezier(.7, 0, 0, 1);interpolate-size:allow-keywords}*,:before,:after{box-sizing:border-box}html{scrollbar-width:none;scroll-padding-top:32px}html::-webkit-scrollbar{display:none}body{background:var(--page);color:var(--body-text);font-family:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:14px;font-weight:400;line-height:21px}body:has(.page-ground){--page:var(--ground)}h1,h2,h3{color:var(--primary-text);margin:0;font-size:14px;font-weight:500;line-height:21px}p{margin:0}p+p{margin-top:12px}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}img,video{max-width:100%;display:block}figure{margin:0}button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.secondary{color:var(--secondary-text)}.dates,time,.tabular{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:600;background:var(--page);color:var(--primary-text);border:1px solid var(--border);border-radius:999px;padding:6px 14px;position:fixed;top:12px;left:12px;transform:translateY(-64px)}.skip-link:focus-visible{transform:none}.page-column{max-width:620px;margin-inline:auto;padding-bottom:160px;animation:.3s both page-appear}@keyframes page-appear{0%{opacity:0}to{opacity:1}}.page-column>section,.page-column>footer{padding-block:40px}.section-heading{justify-content:space-between;align-items:baseline;margin-bottom:24px;padding-inline:12px;display:flex}.section-heading.tight{margin-bottom:12px}.intro{padding:100px 12px 40px}.avatar-tile{width:32px;height:32px;box-shadow:0 0 0 1px var(--border-faint);background:#fff;border-radius:7px;display:block;overflow:hidden}.avatar-tile img{width:100%;height:100%}.identity-row{justify-content:space-between;align-items:baseline;gap:12px;margin-top:20px;display:flex}.identity-row h1{line-height:24px}.intro-copy{max-width:509px;margin-top:24px}.entry-list{flex-direction:column;gap:8px;display:flex}.entry{justify-content:space-between;gap:16px;padding:12px;display:flex;position:relative}.entry:before{content:"";background:var(--wash);opacity:0;border-radius:4px;transition:opacity .15s;position:absolute;inset:0}a.entry{-webkit-tap-highlight-color:transparent}a.entry:focus-visible:before{opacity:1}@media (hover:hover){a.entry:hover:before{opacity:1}}@media (prefers-reduced-motion:no-preference){a.entry{transition:var(--press)}a.entry:active{transform:scale(.985)}}.entry>*{position:relative}.entry .dates{white-space:nowrap;flex-direction:column;align-items:flex-end;display:flex}.home-showcase{margin:0 12px}.home-showcase .showcase-frame{border-radius:4px;position:relative;overflow:hidden}.home-showcase video{aspect-ratio:596/400;object-fit:cover;background:#121212;border-radius:4px;width:100%}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.home-showcase .showcase-frame{animation:linear both showcase-open;animation-timeline:view();animation-range:entry 10% cover 50%}.home-showcase video{animation:linear both showcase-settle;animation-timeline:view();animation-range:entry 10% cover 50%}}}@keyframes showcase-open{0%{clip-path:inset(9% 7% round 12px)}to{clip-path:inset(0 round 4px)}}@keyframes showcase-settle{0%{transform:scale(1.14)}}.js [data-reveal]:not([data-in]) [data-r]{opacity:0}.js [data-reveal][data-in] [data-r]{animation:.4s backwards entrance-fade}@media (prefers-reduced-motion:no-preference){.js [data-reveal][data-in] [data-r]{animation:entrance-rise .8s var(--ease-out) backwards;animation-delay:calc(var(--reveal-base,0s) + min(var(--i,0), 8) * 60ms)}.js [data-reveal][data-in] .entry[data-r]{--rise:10px;animation-duration:.65s}}@keyframes entrance-fade{0%{opacity:0}}@keyframes entrance-rise{0%{opacity:0;transform:translateY(var(--rise,20px))}}.media-toggle{z-index:2;color:#fff;-webkit-tap-highlight-color:transparent;background:#1212128c;border-radius:999px;place-items:center;width:28px;height:28px;transition:background-color .15s;display:grid;position:absolute;bottom:10px;right:10px}@media (hover:hover){.media-toggle:hover{background:#121212bf}}.socials{border-top:1px solid var(--border-faint)}.contact-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-inline:12px;display:flex}.social-links{flex-wrap:wrap;gap:12px;display:flex}.pill{border:1px solid var(--border);min-height:32px;color:var(--primary-text);-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;padding:4px 12px;transition:background-color .15s,border-color .15s;display:inline-flex}@media (hover:hover){.pill:hover{background:var(--nav-surface);border-color:#c7c7c7}}.contact-link{background:#efefef;border-color:#0000}@media (hover:hover){.contact-link:hover{background:#dedede}}.dock{bottom:max(20px, env(safe-area-inset-bottom));z-index:400;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#f1f1f1b8;border-radius:999px;align-items:center;gap:4px;padding:4px;animation:.3s both page-appear;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 0 0 .5px #00000024,0 8px 24px #00000014,inset 0 1px #ffffff8c}.dock-link{height:36px;color:var(--nav-text);-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;display:inline-flex;position:relative}.dock-link:before{content:"";background:var(--wash);opacity:0;border-radius:999px;transition:opacity .15s;position:absolute;inset:0}.dock-link:focus-visible:before{opacity:1}@media (hover:hover){.dock-link:hover:before{opacity:1}}.dock-track{align-items:center;gap:4px;display:flex;position:relative}.dock-indicator{pointer-events:none;position:absolute;inset:0}.dock-indicator>span{clip-path:inset(0 100% 0 0 round 999px);background:#2323230f;position:absolute;inset:0}.dock:not([data-ready]) .dock-indicator{visibility:hidden}@media (prefers-reduced-motion:no-preference){.dock[data-ready] .dock-indicator>span{transition:clip-path .5s var(--ease-smooth-in-out), opacity .15s ease}}.dock-link[aria-current=page]{color:var(--primary-text);font-weight:500}.dock:not([data-ready]) .dock-link[aria-current=page]{background:#2323230f}.dock-home{width:36px;padding:0}.dock-home img{width:24px;height:24px;box-shadow:0 0 0 1px var(--border-faint);border-radius:6px;position:relative}@media (forced-colors:active){.dock-link[aria-current=page]{outline:1px solid highlight}}.dock-button{color:#fff;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:linear-gradient(#292929,#323232);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:105px;height:36px;padding:0 14px;transition:filter .15s;display:inline-flex;box-shadow:0 0 0 .2px #00000040,inset 0 1px #ffffff24,inset 0 -1px 1px #0003}.btn-magnetic__click{-webkit-tap-highlight-color:transparent;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;height:36px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 .2px #00000040}.btn-magnetic__fill{background:#fff;transition:background-color .15s;position:absolute;inset:0}.btn-magnetic__click:active .btn-magnetic__fill{background:var(--nav-surface)}.btn-magnetic__content{justify-content:center;align-items:center;width:100%;height:100%;padding:0 14px;display:flex;position:relative}.btn-magnetic__text{position:relative;overflow:hidden}.btn-magnetic__text-p{color:var(--primary-text);text-align:center;font-weight:500;display:block;position:relative}.btn-magnetic__text-p.is--duplicate{position:absolute;top:100%;left:0;right:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){.btn-magnetic__text-p{transition:transform .6s cubic-bezier(.625,.05,0,1);transform:translateY(0%)rotate(.001deg)}.btn-magnetic__click:hover .btn-magnetic__text-p{transform:translateY(-100%)rotate(.001deg)}}@media (hover:hover){.dock-button:hover{filter:brightness(1.14)}}.dock-button:active{box-shadow:inset 0 1px 2px #00000059}@media (prefers-reduced-motion:no-preference){.pill,.dock-link,.dock-button,.area-filter a,.media-toggle{transition:var(--press), background-color .15s ease, border-color .15s ease, filter .15s ease, opacity .15s ease}.pill:active:not(:disabled),.dock-link:active,.dock-button:active:not(:disabled),.area-filter a:active,.media-toggle:active:not(:disabled){transform:scale(.97)}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.dock{background:var(--nav-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}.works-group+.works-group,.skill-group+.skill-group{margin-top:24px}.works-area,.skill-category{color:var(--secondary-text);margin-bottom:8px;padding-inline:12px;font-weight:400}[data-work-index] a.entry{transition:opacity .2s}@media (prefers-reduced-motion:no-preference){[data-work-index] a.entry{transition:var(--press), opacity .2s ease}}[data-work-index][data-previewing] a.entry:not([data-lit]){opacity:.4}.work-preview{z-index:300;aspect-ratio:626/460;pointer-events:none;visibility:hidden;opacity:0;background:#fff;border-radius:24px;width:340px;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 0 0 .5px #00000024,0 16px 40px #00000024}.work-preview-card{padding:6px;position:absolute;inset:0}.work-preview-media{border-radius:18px;height:100%;display:block;position:relative;overflow:hidden}.work-preview-shot{outline-offset:-1px;border-radius:8px;outline:1px solid #00000014;position:absolute;inset:4.9% -3% 4.9% 4.9%;overflow:hidden}.work-preview-shot img{object-fit:cover;object-position:top left}.work-preview-name{z-index:2;color:var(--ink);background:#fff;border-radius:0 18px 0 24px;padding:5px 18px 9px 20px;font-size:13px;font-weight:500;line-height:20px;position:absolute;bottom:0;left:0}.area-filter{background:var(--nav-surface);overscroll-behavior-x:contain;scrollbar-width:none;border-radius:999px;width:fit-content;max-width:calc(100% - 24px);margin:0 12px 24px;padding:3px;overflow-x:auto}.area-filter::-webkit-scrollbar{display:none}.area-filter-track{gap:2px;width:max-content;display:flex;position:relative}.area-filter-indicator{pointer-events:none;filter:drop-shadow(0 0 .5px #00000040);position:absolute;inset:0}.area-filter-indicator>span{clip-path:inset(0 100% 0 0 round 999px);background:#fff;position:absolute;inset:0}.area-filter:not([data-ready]) .area-filter-indicator{visibility:hidden}.area-filter:not([data-ready]) a[aria-current=page]{background:#fff;box-shadow:0 0 0 .2px #00000040}@media (prefers-reduced-motion:no-preference){.area-filter[data-ready] .area-filter-indicator>span{transition:clip-path .5s var(--ease-smooth-in-out)}}.area-filter a{height:28px;color:var(--nav-text);white-space:nowrap;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;padding:0 9px;display:inline-flex;position:relative}.area-filter a:focus-visible{outline-offset:-2px;border-radius:999px}@media (hover:hover){.area-filter a:not([aria-current=page]):hover{background:#12121208}}.area-filter a[aria-current=page]{color:var(--primary-text);font-weight:500}@media (forced-colors:active){.area-filter a[aria-current=page]{border-color:highlight}}.area-filter-label{transition:color .25s var(--ease-in-out), font-weight .25s var(--ease-in-out);display:inline-grid}.area-filter-label:after{content:attr(data-label) / "";visibility:hidden;height:0;font-weight:500;overflow:hidden}.page-ground .area-filter{background:#fff;margin:46px auto 72px;padding:4px}.page-ground .area-filter-indicator{filter:none}.page-ground .area-filter-indicator>span{background:var(--ground)}.page-ground .area-filter:not([data-ready]) a[aria-current=page]{background:var(--ground);box-shadow:none}.page-ground .area-filter a{height:36px;color:var(--muted);padding:0 13px}.page-ground .area-filter a[aria-current=page]{color:var(--ink)}.work-index{max-width:1230px;margin-inline:auto;padding:0 18px 160px;animation:.3s both page-appear}.work-intro{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-top:129px;display:flex}.work-intro h1{letter-spacing:-.03em;color:var(--ink);font-size:36px;font-weight:500;line-height:1.16}.work-intro p{color:var(--muted);font-size:14px;line-height:22px}.work-grid{flex-wrap:wrap;justify-content:flex-start;gap:39px 18px;display:flex}.work-grid>.work-tile{width:calc(50% - 9px)}.work-empty{text-align:center;color:var(--muted)}.work-footer{margin-inline:auto;max-width:620px;margin-top:120px}.chip-row{z-index:1;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:4.5px;display:flex;position:relative}.chip{color:var(--ink);text-transform:uppercase;white-space:nowrap;background:#fff;padding:7.5px 12px;font-size:10.5px;font-weight:500;line-height:1;display:inline-flex}.chip-top{border-radius:12px 12px 0 0}.chip-bottom{border-radius:0 0 12px 12px}.work-tile{-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex}.work-tile:focus-visible{border-radius:24px}.tile-frame{background:#fff;border-radius:24px;padding:6px;display:block;position:relative}.tile-media{border-radius:18px;display:block;position:relative;overflow:hidden}.tile-media .render{border-radius:18px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.tile-media .render{transition:transform .5s var(--ease-power3-in-out)}.work-tile:hover .tile-media .render,.work-tile:focus-visible .tile-media .render{transform:scale(1.05)}}.tile-name{z-index:2;letter-spacing:-.48px;color:var(--ink);background:#fff;border-radius:0 24px;padding:9px 28px 15px 34px;font-size:16px;font-weight:500;line-height:24px;position:absolute;bottom:0;left:0}.tile-name:before,.tile-name:after,.work-preview-name:before,.work-preview-name:after{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#0000 17.5px,#fff 18px);width:18px;height:18px;position:absolute}.tile-name:before,.work-preview-name:before{bottom:100%;left:6px}.tile-name:after,.work-preview-name:after{bottom:6px;left:100%}.work-preview-name:after{background:radial-gradient(circle at 100% 0,#0000 9.5px,#fff 10px);width:10px;height:10px}.tile-kind{color:var(--muted)}.case-header:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(var(--page) 50%, transparent);opacity:0;height:120px;transition:opacity .2s;position:fixed;top:0;left:0;right:0}.case-header.is-compact:before{opacity:1}.case-page{max-width:664px;margin-inline:auto;padding:100px 19px 160px;animation:.3s both page-appear;position:relative}.case-sentinel{width:1px;height:1px;position:absolute;top:0}.case-header{z-index:9;--avatar-shift:0 20px;--crumb-shift:44px -18px;height:72px;position:sticky;top:0}.case-avatar{transition:translate .3s var(--ease-out);position:absolute;top:0;left:12px}.case-breadcrumb{white-space:nowrap;transition:translate .3s var(--ease-out);align-items:baseline;gap:6px;display:flex;position:absolute;top:44px;left:12px}.case-breadcrumb a{color:var(--secondary-text)}@media (hover:hover){.case-breadcrumb a:hover{color:var(--primary-text)}}.case-header.is-compact .case-avatar{translate:var(--avatar-shift)}.case-header.is-compact .case-breadcrumb{translate:var(--crumb-shift)}.case-title{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:29px 0 24px;display:flex}.case-trail{color:var(--muted);gap:6px;font-size:13px;line-height:22px;display:flex}@media (hover:hover){.case-trail a:hover{color:var(--ink)}}.case-title h1{letter-spacing:-.03em;color:var(--ink);max-width:13.72em;font-size:36px;font-weight:500;line-height:1.16}.case-tagline{color:var(--muted);max-width:32em;font-size:14px;line-height:22px}.case-meta{color:var(--muted);font-size:13px;line-height:22px}.case-hero-unit{flex-direction:column;display:flex}.hero-render{background:#fff}.subpage-crumbs{color:var(--secondary-text);gap:6px;margin-top:20px;display:flex}@media (hover:hover){.subpage-crumbs a:hover{color:var(--primary-text)}}.subpage-crumbs h1{display:inline}.case-body{flex-direction:column;padding-top:56px;display:flex}.case-section{padding-bottom:56px}.case-section>h2,.case-tools h2,.case-gallery-section>h2{letter-spacing:-.01em;color:var(--ink);margin-bottom:6px;font-size:18px;font-weight:500;line-height:24px}.case-blocks{color:var(--muted);flex-direction:column;gap:22px;display:flex}.case-blocks>p+p{margin-top:0}.case-blocks ul{flex-direction:column;gap:8px;display:flex}.case-blocks ul>li{border-left:1px solid var(--rule);padding-left:12px}.case-blocks a{color:var(--primary-text);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule)}.case-blocks>p+figure{margin-top:0}.case-accordion{border:1px solid var(--border-soft);background:#fff;border-radius:8px}.case-accordion summary{cursor:pointer;color:var(--primary-text);-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;list-style:none;display:flex}.case-accordion summary::-webkit-details-marker{display:none}.case-accordion summary svg{color:var(--secondary-text);transition:transform .2s var(--ease-out);flex:none}.case-accordion[open] summary svg{transform:rotate(180deg)}.case-accordion::details-content{opacity:0;block-size:0;transition:block-size .25s var(--ease-out), opacity .2s ease, content-visibility .25s allow-discrete;overflow:hidden}.case-accordion[open]::details-content{opacity:1;block-size:auto}.accordion-content{flex-direction:column;gap:12px;padding:4px 16px 16px;display:flex}.accordion-content ul{flex-direction:column;gap:8px;display:flex}.accordion-content ul>li{border-left:1px solid var(--rule);padding-left:12px}.case-table-wrap{border:1px solid var(--border-soft);border-radius:8px;overflow-x:auto}.case-table-wrap table{border-collapse:collapse;width:100%;min-width:520px}.case-table-wrap th,.case-table-wrap td{text-align:left;border-bottom:1px solid var(--border-soft);padding:12px 16px}.case-table-wrap thead th{background:var(--wash);color:var(--primary-text);font-weight:500}.case-table-wrap tbody tr:last-child td{border-bottom:0}.case-figure figcaption,.case-video figcaption,.case-diagram figcaption,.case-panel figcaption{color:var(--secondary-text);margin-top:8px}.render-card{display:block;position:relative;container-type:inline-size}.render-card[data-expandable]{cursor:zoom-in}.render{aspect-ratio:1440/1035;border-radius:var(--render-radius);background:var(--render-ground);justify-content:center;align-items:center;gap:2.4%;display:flex;position:relative;overflow:hidden}.render-shot{outline-offset:-1px;outline:1px solid #ffffff14;flex:none;display:block;position:relative;overflow:hidden}.render-shot img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.render[data-fit=bleed] .render-shot{border-radius:1.7cqi;position:absolute;inset:4.9cqi -3cqi 4.9cqi 4.9cqi}.render[data-fit=bleed] .render-shot img{object-position:left top}.render[data-fit=fill] .render-shot{outline:none;position:absolute;inset:0}.render[data-fit=screen] .render-shot{border-radius:2.2cqi;height:90%}.render[data-fit=contain] .render-shot{border-radius:1.2cqi;outline:none}.render-expand{aspect-ratio:1;color:#fff;cursor:pointer;opacity:.8;width:clamp(36px,7.7cqi,48px);transition:opacity .3s var(--ease-out);background:#202020;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;bottom:clamp(8px,2.6cqi,16px);right:clamp(8px,2.6cqi,16px);box-shadow:inset 0 0 0 1px #ffffff24}.render-card:hover .render-expand,.render-expand:focus-visible{opacity:1}@media (prefers-reduced-motion:no-preference){.render-expand{transition:opacity .3s var(--ease-out), var(--press)}.render-expand:active{transform:scale(.94)}}.wide{width:var(--wide-width);margin-inline:calc((100% - var(--wide-width)) / 2)}.case-gallery{flex-direction:column;gap:8px;display:flex}.case-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;display:grid}.case-panel{flex-direction:column;display:flex;position:relative}.case-panel-inner{border-radius:var(--render-radius);flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}.panel-desktop .case-panel-inner,.panel-laptop .case-panel-inner,.panel-display .case-panel-inner{aspect-ratio:16/10}.panel-phone .case-panel-inner{aspect-ratio:4/5}.case-panel-row .panel-phone .case-panel-inner{aspect-ratio:2/3}.panel-headline{z-index:2;padding:20px 20px 0;font-size:15px;font-weight:500;line-height:21px;position:relative}.panel-display .panel-headline{text-align:center;font-size:14px}.panel-device{margin-top:auto;margin-inline:auto;display:block;position:relative}.project-cover .panel-device{margin-top:auto}.safari-screen,.iphone-screen,.display-screen,.laptop-screen,.mosaic-tile,.scatter-screen{display:block;position:relative;overflow:hidden}.safari-screen img,.iphone-screen img,.display-screen img,.laptop-screen img,.mosaic-tile img,.scatter-screen img{object-fit:cover;object-position:top}.device-safari{background:#f6f6f7;border-radius:1.2cqw 1.2cqw 0 0;width:82cqw;margin-bottom:-4cqw;overflow:hidden;box-shadow:0 0 0 .5px #00000024,0 1.2cqw 4cqw #00000029}.safari-screen{aspect-ratio:16/10;width:100%}.safari-toolbar{border-bottom:1px solid #00000014;grid-template-columns:1fr auto 1fr;align-items:center;height:4.6cqw;padding-inline:1.6cqw;display:grid}.safari-lights{gap:.7cqw;display:flex}.safari-lights span{border-radius:50%;width:1.1cqw;height:1.1cqw;box-shadow:inset 0 0 0 .5px #0000001f}.safari-lights span:first-child{background:#ff5f57}.safari-lights span:nth-child(2){background:#febc2e}.safari-lights span:nth-child(3){background:#28c840}.safari-address{color:#6e6e73;white-space:nowrap;background:#e8e8ea;border-radius:.8cqw;justify-content:center;align-items:center;width:34cqw;height:2.9cqw;font-size:max(1.5cqw,7px);font-weight:400;line-height:1;display:flex;overflow:hidden}.device-iphone{--sw:60cqw;--bezel:calc(var(--sw) * .035);--rim:calc(var(--sw) * .012);--sradius:calc(var(--sw) * .137);width:calc(var(--sw) + 2 * var(--bezel) + 2 * var(--rim));padding:var(--bezel);border:var(--rim) solid transparent;border-radius:calc(var(--sradius) + var(--bezel) + var(--rim));box-shadow:0 calc(var(--sw) * .04) calc(var(--sw) * .12) #0000002e, 0 calc(var(--sw) * .006) calc(var(--sw) * .02) #00000024;background:linear-gradient(#0b0b0c,#0b0b0c) padding-box padding-box,linear-gradient(145deg,#d8d8db,#7d7d82 22%,#47474a 50%,#85858a 78%,#cfcfd3) border-box}.iphone-screen{width:var(--sw);aspect-ratio:402/874;border-radius:var(--sradius)}.iphone-island{top:calc(var(--sw) * .027);width:calc(var(--sw) * .31);height:calc(var(--sw) * .092);z-index:1;background:#0b0b0c;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.iphone-screen:has(.iphone-statusbar){flex-direction:column;display:flex}.iphone-statusbar{height:calc(var(--sw) * .1542);padding:calc(var(--sw) * .02) calc(var(--sw) * .06) 0 calc(var(--sw) * .095);font-size:calc(var(--sw) * .042);flex:none;justify-content:space-between;align-items:center;font-weight:500;line-height:1;display:flex}.statusbar-time{font-variant-numeric:tabular-nums}.statusbar-glyphs{align-items:center;gap:calc(var(--sw) * .018);display:flex}.statusbar-glyphs svg{width:calc(var(--sw) * .045);height:auto;display:block}.statusbar-glyphs svg:last-child{width:calc(var(--sw) * .065)}.iphone-shot{flex:none;width:100%;display:block;position:relative}.panel-phone .device-iphone{--sw:60cqw;flex:none;margin-top:7cqw;margin-bottom:0}.case-panel-row .panel-phone .device-iphone{--sw:70cqw}.panel-phone .device-iphone:first-child{margin-top:10cqw}.device-display{--dw:68cqw;width:var(--dw);flex-direction:column;align-items:center;margin-block:auto;display:flex}.display-screen{z-index:1;aspect-ratio:16/9;border:calc(var(--dw) * .014) solid #0b0b0c;border-radius:calc(var(--dw) * .02);width:100%;box-shadow:0 0 0 max(1px, calc(var(--dw) * .003)) #a1a1a6, 0 calc(var(--dw) * .02) calc(var(--dw) * .06) #0000002e;background:#0b0b0c}.display-screen img{border-radius:calc(var(--dw) * .006)}.display-stand{width:calc(var(--dw) * .2);height:calc(var(--dw) * .15);display:block;position:relative}.display-stand:before{content:"";inset:0 0 calc(var(--dw) * .022);clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);background:linear-gradient(#86868b,#c7c7cc 22%,#e3e3e6 70%,#d4d4d8);position:absolute}.display-stand:after{content:"";width:180%;height:calc(var(--dw) * .024);border-radius:calc(var(--dw) * .006) calc(var(--dw) * .006) calc(var(--dw) * .012) calc(var(--dw) * .012);box-shadow:0 calc(var(--dw) * .012) calc(var(--dw) * .02) calc(var(--dw) * -.006) #00000059;background:linear-gradient(#f2f2f4,#c4c4c8 60%,#a6a6ab);position:absolute;bottom:0;left:50%;translate:-50%}.device-laptop{z-index:1;flex-direction:column;align-items:center;width:84cqw;margin-block:auto 10cqw;display:flex;position:relative}.laptop-lid{background:#1c1c1e;border-radius:2cqw 2cqw 0 0;width:76cqw;padding:1cqw 1cqw .6cqw;display:block;position:relative;box-shadow:inset 0 0 0 .15cqw #3a3a3c}.laptop-notch{z-index:1;background:#1c1c1e;border-radius:0 0 1cqw 1cqw;width:9cqw;height:1.4cqw;position:absolute;top:1cqw;left:50%;transform:translate(-50%)}.laptop-screen{aspect-ratio:16/10;border-radius:1cqw 1cqw 0 0;width:100%}.laptop-base{background:linear-gradient(#4a4a4c,#2c2c2e 35%,#1c1c1e);border-radius:.4cqw .4cqw 2cqw 2cqw;width:84cqw;height:1.8cqw;display:block;position:relative;box-shadow:0 1cqw 1.6cqw -.6cqw #00000073}.laptop-base:after{content:"";background:#1c1c1e;border-radius:0 0 1cqw 1cqw;width:13cqw;height:.7cqw;position:absolute;top:0;left:50%;transform:translate(-50%)}.device-laptop.bleed-right{margin:0;position:absolute;bottom:10cqw;right:-20cqw}.panel-ledge{background:#00000014;height:10cqw;position:absolute;bottom:0;left:0;right:0}.phone-grid{aspect-ratio:10/9;background:#fff;border-radius:4px;position:relative;overflow:hidden;container-type:inline-size}.phone-grid-inner{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:3cqw;margin-top:-16cqw;padding-inline:8cqw;display:grid}.phone-grid .device-iphone{--sw:24cqw}.phone-grid-inner>:nth-child(3n+2){transform:translateY(27cqw)}.mosaic{aspect-ratio:4/3;background:#fff;border-radius:4px;position:relative;overflow:hidden;container-type:inline-size}.mosaic-wall{flex-wrap:wrap;justify-content:center;align-items:center;gap:3cqw;width:170cqw;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-28deg)}.mosaic-tile{aspect-ratio:3/2;border:2px solid #111;border-radius:2cqw;height:26cqw}.scatter{aspect-ratio:4/3;border-radius:4px;position:relative;overflow:hidden;container-type:inline-size}.scatter-field{gap:5cqw;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.scatter-col{flex-direction:column;gap:5cqw;display:flex}.scatter-col:nth-child(2n){margin-top:26cqw}.scatter-screen{aspect-ratio:402/874;outline-offset:-1px;border-radius:4px;outline:1px solid #0000001a;outline:1px solid lab(0% 0 0/.1);width:23cqw}.case-panel-row{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.case-strip{scrollbar-width:none;gap:12px;width:100vw;margin-left:calc(50% - 50vw);padding:4px 16px;display:flex;overflow-x:auto}.case-strip::-webkit-scrollbar{display:none}.case-strip>*{flex:none;width:min(70vw,900px)}.case-strip img{border-radius:4px}.case-video .video-frame{border-radius:4px;position:relative;overflow:hidden}.case-video video{background:#121212;border-radius:4px;width:100%;max-height:80vh}.diagram-scroll{overscroll-behavior-x:contain;scrollbar-width:none;border-radius:4px;overflow-x:auto}.diagram-scroll::-webkit-scrollbar{display:none}.case-diagram svg{width:100%;min-width:720px;height:auto;font-family:inherit;display:block}.diagram-title{font-size:13px;font-weight:500}.diagram-line,.diagram-edge-label,.diagram-step{font-size:11px}.diagram-step{font-variant-numeric:tabular-nums}.diagram-note{font-size:12px}.diagram-label{letter-spacing:.08em;font-size:10px;font-weight:500}.diagram-tag{font-size:11px;font-weight:500}.gallery-viewport{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;width:100vw;margin-left:calc(50% - 50vw);position:relative;overflow:hidden}.gallery-viewport[data-dragging]{cursor:grabbing}.gallery-track{will-change:transform;width:max-content;display:flex;position:relative}.gallery-set{gap:20px;padding-right:20px;display:flex}.gallery-item{flex:none;width:min(626px,100vw - 38px)}.gallery-card{width:100%;cursor:inherit;border-radius:var(--render-radius);background:0 0;border:0;padding:0}.gallery-card:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.gallery-cursor{z-index:2;color:#fff;pointer-events:none;opacity:0;background:#202020;border-radius:999px;margin:14px 0 0 14px;padding:6px 10px;font-size:12px;line-height:16px;transition:opacity .2s;position:absolute;top:0;left:0}.gallery-cursor[data-visible]{opacity:1}@media (hover:none){.gallery-cursor{display:none}}.carousel-set>.work-tile{flex:none;width:min(626px,100vw - 38px)}.case-tools{padding-bottom:56px}.case-tools p{color:var(--muted)}.case-gallery-section{padding-bottom:56px}.case-gallery-section>h2{margin-bottom:20px}.work-carousel{flex-direction:column;gap:56px;padding:56px 0 120px;display:flex}.work-carousel>h2{letter-spacing:-.03em;color:var(--ink);text-align:center;font-size:36px;font-weight:500;line-height:1.16}.page-ground .contact-link{background:#fff}@media (hover:hover){.page-ground .contact-link:hover{background:#e4e4e4}}.about-photo{margin:32px 12px 0}.about-photo img{border-radius:4px;width:280px;height:auto}.skill-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.skill-row{color:var(--primary-text);align-items:center;gap:12px;padding:6px 12px;display:flex}.skill-icon{background:var(--nav-surface);width:28px;height:28px;color:var(--primary-text);border-radius:7px;place-items:center;font-size:12px;font-weight:500;display:grid}.skill-icon svg{fill:currentColor;width:16px;height:16px}.approach-list{flex-direction:column;gap:8px;padding-inline:12px;display:flex}.notfound{padding:160px 12px 40px}.notfound p{max-width:420px;margin-top:12px}.notfound .pill{margin-top:24px}.loading-container{z-index:500;pointer-events:none;display:none;position:fixed;inset:0;overflow:hidden}html.js:not([data-loader-skip]) .loading-container{display:block}.loading-screen{pointer-events:auto;color:#202020;background-color:#fdfdfd;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.loading-words{grid-column-gap:2em;grid-row-gap:2em;opacity:0;align-items:center;display:flex}.loading-words__dot{background-color:#202020;border-radius:50%;width:.75em;height:.75em}.loading-words__word{letter-spacing:-.04em;margin-top:0;margin-bottom:0;font-size:4.5em;font-weight:500;line-height:1}@media screen and (max-width:767px){.loading-words{font-size:2.75vw}}@media (max-width:809px){.page-column{padding-inline:16px}.intro{padding:32px 0 60px}.avatar-tile{border-radius:9px;width:40px;height:40px}.section-heading,.contact-row,.entry,.work-intro,.case-section,.approach-list,.skill-row,.about-photo{padding-inline:0}.home-showcase{margin-inline:0}.works-area,.skill-category{padding-inline:0}.skill-list{grid-template-columns:repeat(2,minmax(0,1fr))}.area-filter{max-width:100%;margin-inline:0}.case-page{padding-top:72px}.case-title{padding-top:24px}.case-title h1,.work-intro h1,.work-carousel>h2{letter-spacing:-.03em;font-size:28.5px;line-height:33px}.work-index{padding-inline:19px}.work-intro{padding-top:96px}.work-grid{gap:32px}.work-grid>.work-tile{width:100%}.case-section,.case-tools,.case-gallery-section{padding-bottom:40px}.case-body{padding-top:40px}.work-carousel{gap:32px}.case-avatar,.case-breadcrumb{left:0}.case-header{--avatar-shift:16px 20px;--crumb-shift:60px -18px}.contact-row{flex-direction:column;align-items:flex-start;gap:12px}.social-links{gap:12px}.dock{width:calc(100% - 32px);height:56px;padding:4px}.dock-track{flex:1;min-width:0}.dock-link{flex:1;height:48px}.dock-home{flex:none;width:48px}.dock-button{min-width:0;height:44px}.btn-magnetic__click{height:44px}.case-strip>*{width:82vw}.gallery-set{gap:12px;padding-right:12px}.case-panel-row{scrollbar-width:none;scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.case-panel-row::-webkit-scrollbar{display:none}.case-panel-row>*{scroll-snap-align:start;flex:none;width:78%}.phone-grid-inner{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-24cqw}.phone-grid .device-iphone{--sw:36cqw}.phone-grid-inner>:nth-child(3n+2){transform:none}.phone-grid-inner>:nth-child(2n){transform:translateY(40cqw)}.about-photo img{width:240px}}@media (max-width:429px){.dock,.dock-track{gap:2px}.dock-link:not(.dock-home){min-width:0;padding:0 8px}.dock-button,.btn-magnetic__content{padding:0 10px}}@media (max-width:359px){.dock-link,.dock-button,.btn-magnetic__text{font-size:13px}.dock-home{width:36px}.dock-link:not(.dock-home){padding:0 6px}.dock-button,.btn-magnetic__content{padding:0 8px}}@media (max-width:375px){.identity-row{flex-direction:column;gap:4px}.entry{flex-wrap:wrap}.entry .dates{align-items:flex-start;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.case-avatar,.case-breadcrumb,.case-accordion summary svg{transition:none}.case-accordion::details-content{transition:opacity .15s ease, content-visibility .15s allow-discrete}.loading-container{display:none!important}}