@font-face{font-family:Work Sans;src:url('/assets/work-sans-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Work Sans;src:url('/assets/work-sans-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{color-scheme:dark;--bg:#0b0b0b;--text:#f2f1ed;--muted:#a1a19b;--line:#30302e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:500 22px/30px 'Work Sans',sans-serif;letter-spacing:-1.1px;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ol{margin:0;font:inherit}ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{max-width:1600px;margin:auto;padding:40px 64px 48px}nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}nav, .utility{font-size:14px;font-weight:600;line-height:22px;letter-spacing:0}nav a{color:var(--muted);transition:color .18s}nav a:nth-child(2){text-align:center}nav a:last-child{text-align:right}nav a[aria-current],nav a:hover{color:var(--text)}a:focus-visible{outline:2px solid var(--text);outline-offset:6px}footer{border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:1fr 240px;gap:32px}footer p,.muted{color:var(--muted)}footer a:hover{text-decoration:underline;text-underline-offset:4px}.intro{padding-top:160px;display:flex;justify-content:space-between;gap:64px}.identity{width:453px;display:flex;flex-direction:column;gap:22px}.short-bio{width:529px;display:flex;flex-direction:column;gap:24px}.hero-art{margin-top:160px;height:640px;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover}.about{--about-columns:172px 212px minmax(0,1fr);--about-gap:32px}.story{padding-top:96px;display:grid;grid-template-columns:var(--about-columns);gap:var(--about-gap);padding-right:244px}.story>div:first-child{grid-column:1 / 3}.story>.bio{grid-column:3;min-width:0}.portrait{width:240px;height:300px;object-fit:cover}.bio{display:flex;flex-direction:column;gap:32px}.awards{display:flex;flex-direction:column;gap:10px}.experience{padding:80px 0 64px}.experience li{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:var(--about-columns);gap:var(--about-gap)}.experience li:last-child{border-bottom:1px solid var(--line)}.role{max-width:608px;display:flex;flex-direction:column;gap:8px}.work-intro{padding:136px 0 64px;display:flex;flex-direction:column;gap:16px}.gallery{display:flex;flex-direction:column;gap:80px;padding-bottom:120px}.project-row{display:grid;grid-template-columns:800fr 464fr;gap:48px}.project-row.reverse{grid-template-columns:464fr 800fr}.project{display:flex;flex-direction:column;gap:16px;min-width:0}.project-art{height:520px;overflow:hidden;background:#151515}.project-art img{height:100%;width:100%;object-fit:cover;transition:transform .35s ease}.project:hover img{transform:scale(1.025)}.project h2 span{display:inline-block;transition:transform .2s}.project:hover h2 span{transform:translate(2px,-2px)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;z-index:5;top:12px;left:12px;background:var(--text);color:var(--bg);padding:12px}
@media(min-width:1441px){.hero-art{height:auto;aspect-ratio:1312/640}}@media(max-width:1150px){.shell{padding:32px}.intro{gap:48px;padding-top:120px}.identity,.short-bio{width:50%}.hero-art{margin-top:120px;height:auto;aspect-ratio:1312/640}.about{--about-columns:100px 140px minmax(0,1fr);--about-gap:20px}.story{padding-right:0}.project-row,.project-row.reverse{gap:32px}.project-art{height:420px}}
@media(max-width:700px){body{font-size:20px;line-height:28px;letter-spacing:-1px}.shell{padding:24px 20px 32px}nav{grid-template-columns:minmax(0,1fr) auto auto;gap:20px;font-size:11px;line-height:18px}nav a{padding:8px 0}nav a:nth-child(2){text-align:left}.intro{padding-top:80px;flex-direction:column;gap:48px}.identity,.short-bio{width:100%;max-width:480px}.hero-art{margin-top:80px;aspect-ratio:1/1}.story{padding-top:64px;grid-template-columns:1fr;gap:40px}.story>div:first-child,.story>.bio{grid-column:1}.portrait{width:192px;height:240px}.bio{gap:28px}.experience{padding-top:64px;padding-bottom:48px}.experience li{grid-template-columns:1fr;gap:8px;padding:24px 0}.experience li h3{margin-top:4px}.role{gap:8px}.utility{font-size:12px;line-height:20px}.work-intro{padding:80px 0 48px}.gallery{gap:48px;padding-bottom:80px}.project-row,.project-row.reverse{grid-template-columns:1fr;gap:48px}.project-art{height:auto;aspect-ratio:1/1}.project{gap:12px}footer{grid-template-columns:1fr auto;gap:24px;padding-top:24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.inline-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.inline-link:hover{color:var(--muted)}


/* Case studies share the About text alignment and portfolio typography. */
.case-study{--case-columns:384px minmax(0,1fr);--case-gap:64px}.case-heading,.case-section{display:grid;grid-template-columns:var(--case-columns);gap:var(--case-gap);padding-right:64px}.case-heading{padding-top:96px;padding-bottom:64px}.case-copy{min-width:0;max-width:800px;display:flex;flex-direction:column;gap:32px}.case-copy h1{max-width:100%;font-size:72px;font-weight:600;line-height:68px;letter-spacing:-.05em;text-wrap:balance;overflow-wrap:break-word}.case-context{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.case-logo{width:134px;height:auto;margin-top:24px}.case-roles{display:flex;flex-direction:column;gap:10px}.case-section{padding-top:40px;padding-bottom:48px;border-top:1px solid var(--line)}.case-list{margin:0;padding:0;list-style:none}.case-list li{padding:24px 0;border-top:1px solid var(--line)}.case-list li:first-child{padding-top:0;border-top:0}.case-list li:last-child{padding-bottom:0}.case-gallery,.case-demo{margin:32px 0 80px}.case-gallery-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.case-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) var(--bg);gap:32px;overscroll-behavior-x:contain}.case-slide{margin:0;flex:0 0 100%;min-width:0;scroll-snap-align:start}.case-slide>.case-image{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:#151515}.case-slide img{width:100%;height:100%;object-fit:contain}.case-slide figcaption{padding:16px 0 12px}.gallery-controls{display:flex;align-items:center;gap:20px}.gallery-controls[hidden]{display:none}.gallery-controls button{border:1px solid var(--line);background:transparent;color:var(--text);font:inherit;width:40px;height:40px;cursor:pointer}.gallery-controls button:hover{background:var(--line)}.gallery-controls button:disabled{opacity:.3;cursor:default}.gallery-controls button:focus-visible{outline:2px solid var(--text);outline-offset:4px}.video-wrapper{position:relative;aspect-ratio:760/420;background:#151515}.video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.case-next{display:grid;grid-template-columns:var(--case-columns);gap:var(--case-gap);border-top:1px solid var(--line);padding:40px 0 80px}.case-next a:last-child{text-align:left}.next-project{display:flex;flex-direction:column;gap:12px;color:var(--text)}.next-project:hover,.back-link:hover{color:var(--text);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1150px){.case-study{--case-columns:344px minmax(0,1fr);--case-gap:24px}.case-heading,.case-section{padding-right:0}.case-heading{padding-top:80px}}
@media(max-width:850px){.case-study{--case-columns:1fr;--case-gap:32px}.case-heading{padding-top:64px;padding-bottom:48px}.case-context{gap:16px}.case-logo{margin-top:8px}.case-section{padding-top:24px;padding-bottom:40px}.case-copy{gap:28px}.case-gallery,.case-demo{margin:16px 0 48px}.case-gallery-top{flex-wrap:wrap;gap:16px}.case-next{padding:32px 0 64px}.case-slides{gap:20px}.gallery-controls{gap:12px}}

/* Templates: continuous article, recovered illustrations and a single metric accent. */
.templates-article,.onboarding-article{--case-accent:#32e1bc}.templates-logo{width:128px;height:auto;border-radius:999px;margin-top:24px}.article-figure{margin:0;min-width:0}.article-figure>.article-image{display:block;background:#1d1d1d}.article-figure img{width:100%;height:auto}.article-figure figcaption{padding-top:16px}.article-media{margin:16px 0 80px}.media-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}.media-pair .article-figure>.article-image{padding:24px;background:#151515}.media-analysis{display:grid;grid-template-columns:588fr 515fr 798fr;gap:24px;align-items:start}.metric-number{font-size:clamp(64px,7.5vw,112px);line-height:1;font-weight:500;letter-spacing:-.075em;color:var(--case-accent);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.experiment-result{border-left:1px solid var(--case-accent);padding:8px 0 8px 32px;display:flex;flex-direction:column;gap:16px;margin:8px 0 16px}.experiment-result .metric-number{font-size:clamp(64px,7vw,96px)}.article-impact{margin:0 0 80px;padding:32px 0 48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:40px 0 0}.impact-grid>div{display:flex;flex-direction:column;gap:16px;min-width:0}.impact-grid dd{margin:0;order:-1}.templates-article .case-next,.onboarding-article .case-next{margin-top:16px}
@media(max-width:1150px){.impact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.impact-grid .metric-number{font-size:clamp(64px,10vw,100px)}.media-pair{gap:24px}.media-pair .article-figure>.article-image{padding:16px}.media-analysis{gap:16px}}
@media(max-width:700px){.article-media{margin:8px 0 48px}.media-pair,.media-analysis{grid-template-columns:1fr;gap:32px}.media-pair .article-figure>.article-image{padding:12px}.article-impact{margin-bottom:48px;padding:24px 0 32px}.impact-grid{gap:32px 24px;margin-top:32px}.impact-grid .metric-number{font-size:clamp(44px,12vw,72px)}.impact-grid>div{gap:12px}.experiment-result{padding-left:24px}.experiment-result .metric-number{font-size:clamp(56px,15vw,80px)}.templates-logo{margin-top:8px}}

.article-note{margin-top:20px;max-width:800px}

.onboarding-topics .article-figure,.onboarding-topics .article-note{max-width:640px;margin-inline:auto}.onboarding-topics .article-image{background:transparent}.onboarding-topics img{width:auto;height:auto;max-width:100%;max-height:min(520px,65svh);margin-inline:auto;object-fit:contain}.journey-gallery .case-image{max-height:min(640px,70svh)}

@media(max-width:700px){.case-copy h1{font-size:clamp(40px,8vw,56px);line-height:.944444}}

.project-link{display:flex;flex-direction:column;gap:16px;min-width:0}.agents-link{justify-self:end}
@media(max-width:700px){.project-link{gap:12px}}

.builder-impact .impact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-impact .metric-number{color:var(--text);font-size:clamp(56px,6vw,96px)}
@media(max-width:700px){.builder-impact .impact-grid{grid-template-columns:1fr;gap:32px}.builder-impact .metric-number{font-size:72px}}

/* Keep document navigation native: WebKit snapshots can shift the fixed tabs. */
@view-transition{navigation:none}

/* A stable page canvas and short, progressive entrance motion. */
html{background:var(--bg);scroll-padding-bottom:100px;scroll-behavior:auto;scrollbar-gutter:stable}
#main{overflow-anchor:none}#main:focus{outline:none}
.nav-mobile{display:none}
/* Mobile navigation floats above the page, clear of the home indicator. */
@media(max-width:700px){
 .shell{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
 .site-nav{position:fixed;z-index:10;left:0;right:0;margin-inline:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:244px;height:58px;max-width:calc(100% - 40px);display:grid;grid-template-columns:44px repeat(2,minmax(0,1fr));gap:4px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(35,35,35,.52);box-shadow:0 8px 32px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);font-size:15px;font-weight:500;line-height:20px;letter-spacing:-.3px}
 .site-nav a,.site-nav a:nth-child(2),.site-nav a:last-child{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border-radius:999px;text-align:center;color:rgba(242,241,237,.72);-webkit-tap-highlight-color:transparent;transition:color .15s,background-color .15s}
 .site-nav a:first-child{font-size:23px;padding:0}
 .site-nav a[aria-current="page"]{background:rgba(255,255,255,.12);color:var(--text)}
 .site-nav a:hover{color:var(--text)}
 .site-nav a:focus-visible{outline-offset:1px}
 .site-nav .nav-desktop{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .nav-mobile{display:inline}
 .intro,.story,.work-intro,.case-heading{padding-top:40px}
}
@media(prefers-reduced-motion:reduce){
 *{animation:none!important;transition:none!important}
 @view-transition{navigation:none}
}

@media(max-width:700px){.home .intro{gap:24px}.home .short-bio{border-top:1px solid var(--line);padding-top:24px}}