:root{color:#242521;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--gutter:clamp(24px, 4vw, 72px);--muted:#676960;--line:#dedfd9;--title-size:clamp(46px, 5.2vw, 76px);background:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline-offset:6px;outline:2px solid}button{font:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}::selection{background:#e3e6da}.skip-link{color:#fff;z-index:5;background:#242521;padding:14px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-shell{max-width:1600px;min-height:100svh;padding:32px var(--gutter) 22px;flex-direction:column;margin:0 auto;display:flex}.site-shell>main{flex:1;min-width:0}.masthead{align-items:center;gap:24px;display:flex}.brand{flex-shrink:0;width:56px;display:block}.brand img{width:100%;height:auto;display:block}.masthead__location{color:var(--muted);font-size:12px}.masthead nav{gap:28px;margin-left:auto;font-size:13px;display:flex}.masthead nav a{color:var(--muted);padding:12px 0}.masthead nav a:hover,.masthead nav a[aria-current=page]{color:#242521;text-underline-offset:7px;text-decoration:underline}.page-intro{padding:85px 0 65px}.page-intro h1{font-size:var(--title-size);letter-spacing:-.055em;text-wrap:balance;line-height:1.03}.page-intro p{color:var(--muted);margin-top:24px;font-size:15px;line-height:1.5}.landing>main{align-items:center;display:flex}.landing .page-intro{padding:70px 0}.landing .text-link{margin-top:25px}.text-link{border-bottom:1px solid;align-items:center;gap:38px;padding:12px 0;font-size:14px;display:inline-flex}.text-link span{transition:transform .18s}.text-link:hover span{transform:translate(4px)}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-top:18px;font-size:12px;display:flex}.site-footer nav{gap:24px;display:flex}.site-footer a{padding:10px 0;display:inline-block}.site-footer a:hover{text-underline-offset:5px;text-decoration:underline}.selected-work{border-top:1px solid var(--line);padding:30px 0 70px}.section-heading{margin-bottom:34px}.section-heading h2{color:var(--muted);font-size:12px}.work-layout{grid-template-columns:1fr 1.45fr;align-items:start;gap:clamp(40px,7vw,110px);display:grid}.work-index{min-width:0;position:sticky;top:32px}.project-picker button{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;text-align:left;letter-spacing:-.045em;background:0 0;align-items:baseline;gap:20px;padding:18px 0;font-size:clamp(30px,3vw,42px);transition:color .18s;display:flex}.project-picker button:first-child{padding-top:0}.project-picker button[aria-pressed=true]{color:#242521;border-bottom-color:#242521}.project-picker button:hover{color:#242521}.project-picker__number{letter-spacing:0;font-size:12px}.project-picker__arrow{opacity:0;margin-left:auto;font-size:26px;transition:opacity .18s,transform .18s;transform:translate(-5px)}.project-picker button[aria-pressed=true] .project-picker__arrow,.project-picker button:hover .project-picker__arrow{opacity:1;transform:none}.work-copy{min-height:310px;padding-top:34px}.work-copy__inner{animation:.3s both rise}.work-copy h3{letter-spacing:-.035em;max-width:320px;font-size:26px;line-height:1.2}.work-copy p{max-width:340px;color:var(--muted);margin-top:18px;font-size:14px;line-height:1.6}.work-copy .work-copy__role{margin-top:26px;font-size:12px}.work-copy .text-link{margin-top:13px}.work-preview{min-width:0}.work-preview__image{height:clamp(420px,40vw,580px);animation:.35s both reveal}.work-preview figcaption{justify-content:space-between;gap:16px;padding-top:16px;font-size:12px;line-height:1.5;display:flex}.work-preview figcaption span:last-child{color:var(--muted);text-align:right}.stepcraft-scene{background:#263c2e;height:100%;position:relative;overflow:hidden}.stepcraft-scene__world{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stepcraft-scene__app{filter:drop-shadow(0 14px 24px #0005);width:auto;height:88%;margin:0 auto;display:block;position:relative;top:12%}.tike-scene{background:#e9e7f1;align-items:center;height:100%;padding:7%;display:flex;overflow:hidden}.tike-scene img{width:112%;max-width:none;height:auto;display:block;box-shadow:0 20px 40px #30264a15}.experience{border-top:1px solid var(--line);grid-template-columns:1fr 1.45fr;gap:clamp(40px,7vw,110px);padding:40px 0 75px;display:grid}.experience h2{letter-spacing:-.035em;font-size:26px;line-height:1.2}.experience a{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:7px 20px;padding:20px 0;display:grid}.experience a:first-child{padding-top:0}.experience strong{letter-spacing:-.025em;font-size:21px;font-weight:400}.experience a>span:first-of-type{color:var(--muted);grid-column:1;font-size:12px}.experience a>span:last-child{grid-area:1/2/3;align-self:center;transition:transform .18s}.experience a:hover>span:last-child{transform:translate(3px,-3px)}.site-header{padding:28px var(--gutter);justify-content:space-between;display:flex}.site-header__nav{gap:20px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{0%{opacity:.4}to{opacity:1}}@media (width<=900px){.work-layout,.experience{grid-template-columns:1fr 1.2fr;gap:35px}.work-preview__image{height:440px}}@media (width<=600px){.site-shell{padding-top:24px;padding-bottom:14px}.brand{width:48px}.masthead__location{display:none}.masthead nav{gap:24px}.page-intro{padding:56px 0 42px}.page-intro h1{font-size:clamp(42px,10.8vw,60px)}.page-intro p{font-size:14px}.landing .page-intro{padding:55px 0}.site-footer{flex-direction:column;align-items:start;gap:4px;padding-top:14px}.selected-work{padding-top:24px;padding-bottom:48px}.section-heading{margin-bottom:26px}.work-layout,.experience{grid-template-columns:1fr;gap:30px}.work-index{position:static}.project-picker{gap:24px;display:flex}.project-picker button,.project-picker button:first-child{flex:1;gap:10px;width:auto;min-width:0;padding:0 0 14px;font-size:30px}.project-picker__arrow{font-size:20px}.work-copy{min-height:285px;padding-top:26px}.work-copy h3{font-size:26px}.work-preview__image{height:390px}.work-preview figcaption{flex-wrap:wrap;gap:4px 16px}.work-preview figcaption span:last-child{text-align:left}.experience{padding:34px 0 48px}}@media (width<=380px){.project-picker__number,.project-picker__arrow{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
