@font-face{font-family:Figtree;src:url(/fonts/figtree/Figtree-VariableFont_wght.ttf)format("truetype");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/figtree/Figtree-Italic-VariableFont_wght.ttf)format("truetype");font-weight:300 900;font-style:italic;font-display:swap}html,body{color:#111;background:#fff;width:100%;min-height:100%;margin:0;font-family:Figtree,system-ui,sans-serif}:root{--content-max:1660px;--work-gutter:48px;--work-grid-cell:24px;--work-grid-offset:0px;--work-grid-offset-y:0px;--radius:2px;--header-offset:calc(1.25rem + 2rem + 1rem)}html{scroll-padding-top:var(--header-offset);scrollbar-gutter:stable}#work,#archive,#about{scroll-margin-top:0}.work-page--runners{background:radial-gradient(1200px 500px at 10% -10%,#2f6b3a14,#0000 60%),radial-gradient(900px 420px at 100% 0,#f0c01a1f,#0000 55%),#fff}.work-mosaic{background-image:linear-gradient(90deg,#1111110a 1px,#0000 1px),linear-gradient(#1111110a 1px,#0000 1px);background-position:var(--work-grid-offset) var(--work-grid-offset-y);background-repeat:repeat;background-size:var(--work-grid-cell) var(--work-grid-cell);top:0;right:calc(var(--work-gutter) - 1px);bottom:0;left:var(--work-gutter);pointer-events:none;z-index:0;position:fixed}.work-mosaic--home{opacity:0;transition:opacity .5s}.work-mosaic--home.is-visible{opacity:1}.work-page:not(.home-page) .work-mosaic:not(.work-mosaic--home),.archive-page .work-mosaic:not(.work-mosaic--home){animation:1.15s cubic-bezier(.2,0,0,1) both work-grid-presence}@keyframes work-grid-presence{0%{opacity:0}55%{opacity:1}75%{opacity:.55}to{opacity:1}}@media (prefers-reduced-motion:reduce){.work-mosaic--home{transition:none}.work-page:not(.home-page) .work-mosaic:not(.work-mosaic--home),.archive-page .work-mosaic:not(.work-mosaic--home){opacity:1;animation:none}}.site-content{z-index:1;position:relative}.site-footer{box-sizing:border-box;max-width:var(--content-max);padding:2rem var(--work-gutter) 2.5rem;z-index:1;margin:0 auto;position:relative}.site-copyright{color:#888;letter-spacing:-.01em;margin:0;font-family:Figtree,system-ui,sans-serif;font-size:.8125rem;line-height:1.4}.work-page .site-footer,.archive-page .site-footer{padding-left:var(--work-gutter);padding-right:var(--work-gutter)}.site-header{box-sizing:border-box;max-width:var(--content-max);padding:1.25rem var(--work-gutter) 1rem;z-index:100;background:#ffffffeb;width:100%;margin:0 auto;position:sticky;top:0}.work-page .site-header{backdrop-filter:blur(8px)}.site-nav{letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:1.5em;width:100%;font-family:Figtree,system-ui,sans-serif;font-size:clamp(1rem,1.6vw,1.15rem);display:flex;position:relative}.site-nav-links{box-sizing:border-box;max-width:min(22rem, calc(100vw - 2 * var(--work-gutter)));z-index:120;background:#fffffffa;border:1px solid #00000014;border-radius:8px;flex-direction:column;gap:0;min-width:16rem;padding:.65rem .45rem .55rem;display:none;position:absolute;top:calc(100% + .55rem);right:0;overflow:hidden;box-shadow:0 10px 30px #00000014}.site-nav.is-menu-open .site-nav-links{display:flex}.site-nav-title{color:#777;letter-spacing:.04em;text-transform:uppercase;margin:0 0 .2rem;padding:.35rem .85rem .55rem;font-size:.75rem;font-weight:500}.site-nav-toggle{border-radius:var(--radius);color:#111;cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin-left:auto;padding:0;display:inline-flex}.site-nav-toggle:focus-visible{outline-offset:2px;outline:2px solid #111}.site-nav-dots{flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.site-nav-dots span{background:currentColor;border-radius:50%;width:3px;height:3px;transition:transform .18s cubic-bezier(.2,0,0,1),opacity .18s;display:block}.site-nav.is-menu-open .site-nav-dots span:first-child{transform:translateY(6px)}.site-nav.is-menu-open .site-nav-dots span:nth-child(2){opacity:0}.site-nav.is-menu-open .site-nav-dots span:nth-child(3){transform:translateY(-6px)}.site-nav a{color:#111;text-decoration:none}.site-nav-links>a{box-sizing:border-box;border-radius:6px;width:100%;padding:.65rem .85rem;font-size:clamp(.9375rem,1.4vw,1.05rem);line-height:1.35;display:block}.site-nav-links>a:hover,.site-nav-links>a[aria-current=page]{background:#0000000d}.site-nav-meta{color:#777;border-top:1px solid #0000000f;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.35rem;padding:.7rem .85rem .35rem;font-size:.8125rem;display:flex}.site-nav-meta a{color:#555}.site-nav-meta a:hover{color:#111;text-underline-offset:2px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.site-nav-dots span{transition:none}.site-nav.is-menu-open .site-nav-dots span:first-child,.site-nav.is-menu-open .site-nav-dots span:nth-child(3){transform:none}.site-nav.is-menu-open .site-nav-dots span:nth-child(2){opacity:1}}.site-nav a.mark{aspect-ratio:1;border-radius:var(--radius);box-sizing:border-box;color:#fff;letter-spacing:.02em;background:#111;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:.8125rem;font-weight:500;line-height:1;text-decoration:none;transition:transform 1.1s cubic-bezier(.22,1,.36,1);display:inline-flex;transform:perspective(320px)rotateY(0)}.site-nav a.mark:hover,.site-nav a.mark[aria-current=page]{color:#fff;text-decoration:none}@media (hover:hover) and (pointer:fine){.site-nav a.mark:hover{transform:perspective(320px)rotateY(1turn)}}@media (prefers-reduced-motion:reduce){.site-nav a.mark{transition:none}.site-nav a.mark:hover{transform:none}}.case-media,.archive-media,.about-photo,.hero-media,.hero-media img,.media img,.media video,.figure img,.device-pair img,.mobile-row img,.ui-grid img,.screens-grid img,.contact-grid img,.persona img,.carousel-slide img{border-radius:var(--radius)}.hero-media img,.hero-media video,.media img,.media video,.figure img,.device-pair img,.mobile-row img,.ui-grid img,.screens-grid img,.contact-grid img,.persona img,.carousel-slide img,.case-media img,.archive-media img{box-sizing:border-box;border:1px solid #0000000a}@media (width<=47.99em){:root{--work-gutter:24px}}.case-nav-short{display:none}@media (width<=47.99em){.case-nav-full{display:none}.case-nav-short{display:inline}}.reveal-ready{opacity:0;transform:translateY(12px)}.reveal-ready.is-revealed{opacity:1;transition:opacity .7s cubic-bezier(.2,0,0,1),transform .7s cubic-bezier(.2,0,0,1);transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal-ready,.reveal-ready.is-revealed{opacity:1;transition:none;transform:none}}.work-page footer a,.archive-page footer a{transition:transform .2s cubic-bezier(.2,0,0,1);display:inline-block}@media (hover:hover) and (pointer:fine){.work-page footer a:first-of-type:hover,.archive-page footer a:first-of-type:hover{transform:translate(-4px)}.work-page footer a:last-of-type:not(:first-of-type):hover,.archive-page footer a:last-of-type:not(:first-of-type):hover{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.work-page footer a,.archive-page footer a{transition:none}@media (hover:hover) and (pointer:fine){.work-page footer a:hover,.archive-page footer a:hover{transform:none}}}