.cs-note{color:var(--muted);margin:-12px 0 40px;font-size:15px}.cs-carousel{margin:32px 0}.cs-gallery{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;margin:0;padding:0 0 8px;list-style:none;display:flex;overflow-x:auto}.cs-gallery::-webkit-scrollbar{display:none}.cs-gallery li{scroll-snap-align:start;flex:none;width:200px}.cs-gallery img{width:100%;height:auto;aspect-ratio:var(--ratio,750 / 1832);object-fit:cover;object-position:top;border-radius:20px;display:block}.cs-gallery p{color:var(--muted);margin:10px 4px 0;font-size:14px;line-height:1.4}.cs-controls{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.cs-dots{gap:4px;display:flex}.cs-dot{cursor:pointer;background:0 0;border:0;place-items:center;width:20px;height:20px;padding:0;display:grid}.cs-dot:before{content:"";background:var(--line);border-radius:50%;width:8px;height:8px;transition:background .15s,transform .15s}.cs-dot.visible:before{background:var(--muted)}.cs-dot.mid:before{background:var(--fg);transform:scale(1.4)}.cs-arrows{gap:8px;display:flex}.cs-arrow{width:40px;height:40px;color:var(--fg);background:var(--button-bg);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .12s,opacity .12s;display:inline-flex}.cs-arrow:hover:not(:disabled){background:var(--button-bg-hover)}.cs-arrow:disabled{opacity:.35;cursor:default}@media (width<=600px){.cs-gallery li{width:62%}.cs-carousel{--k:.8}}@media (prefers-reduced-motion:reduce){.cs-dot:before{transition:none}}.cs-figure.cs-card{--outer:24px;--pad:16px;padding:var(--pad);border-radius:var(--outer)}.cs-figure.cs-card img{border-radius:calc(var(--outer) - var(--pad))}.cs-quote{max-width:680px;color:var(--fg);border-left:2px solid var(--line);margin:20px 0;padding:2px 0 2px 20px;font-size:20px;line-height:1.4}.cs-caption{max-width:680px;color:var(--muted);margin:4px 0 24px;font-size:14px}.cs-list strong{font-weight:600}.cs-fade .cs-gallery img{-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.ost{margin:32px 0}.ost-tree{position:relative}.ost ul{margin:0;padding:0;list-style:none}.ost-edges{pointer-events:none;position:absolute;inset:0}.ost-edge{fill:none;stroke:var(--line);stroke-width:1.5px}.ost-edge.focus{stroke:var(--accent);stroke-width:2px}.ost-node{box-sizing:border-box;background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.ost-label{color:var(--muted);font-size:12px;line-height:1.3}.ost-text{color:var(--text);font-size:13px;line-height:1.35}.ost-center{border-color:var(--muted);border-radius:16px}.ost-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ost-dot{border:1.5px solid var(--accent);box-sizing:border-box;vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.ost-dot.filled{background:var(--accent)}.ost-legend{color:var(--muted);gap:20px;margin:16px 0 0;font-size:14px;display:flex}.ost-legend li{align-items:center;display:inline-flex}.ost-caption{color:var(--muted);max-width:680px;margin:12px 0 0;font-size:14px}@media (width>=701px){.ost-item{align-items:center;display:flex}.ost-item>ul{flex-direction:column;gap:10px;margin-left:24px;display:flex}.ost-node{flex:none;width:138px}.ost-center{width:150px}}@media (width<=700px){.ost-item>ul{margin-left:8px}.ost-item{padding:0 0 10px 20px;position:relative}.ost-root>.ost-item{padding-left:0}.ost-root>.ost-item:before,.ost-root>.ost-item:after{display:none}.ost-item:before{content:"";border-left:1.5px solid var(--line);position:absolute;top:0;bottom:0;left:0}.ost-item:last-child:before{height:24px;bottom:auto}.ost-item:after{content:"";border-top:1.5px solid var(--line);width:14px;position:absolute;top:24px;left:0}.ost-item.ost-focus:before,.ost-item.ost-focus:after{border-color:var(--accent)}}.pager{left:0;right:0;bottom:max(16px, env(safe-area-inset-bottom));z-index:5;box-sizing:border-box;pointer-events:none;justify-content:space-between;max-width:860px;margin:0 auto;padding:0 24px;display:flex;position:fixed}.pager-btn{height:44px;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);cursor:pointer;pointer-events:auto;border-radius:999px;align-items:center;gap:4px;padding:0 18px;font-size:15px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex;box-shadow:0 2px 10px #0000001f}.pager-prev{padding-left:12px}.pager-next{padding-right:12px}.pager-btn:hover{background:var(--button-bg);border-color:var(--muted)}.pager-btn:active{transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.pager-btn{transition:none}}.work{padding-bottom:72px}@keyframes appear{0%{opacity:0}to{opacity:1}}.work.appear{animation:.25s ease-out both appear}@media (prefers-reduced-motion:reduce){.work.appear{animation:none}}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f4f3f1;--surface:#dddcdb;--fg:#25282b;--text:#3c4044;--muted:#686c70;--line:#dddcdb;--accent:#fd7b41;--accent-text:#a84a1c;--sand:#edbf9b;--designer-text:#8a3f18;--designer-border:#edbf9b;--designer-bg:#f6e1d0;--topic-text:#3c4044;--topic-border:#dddcdb;--button-bg:#e9e8e6;--button-bg-hover:#dddcdb;--ms-conv-text:#a84a1c;--ms-conv-border:#fd7b41;--ms-conv-bg:#fbe4d8;--ms-rev-text:#25282b;--ms-rev-border:#3c4044;--ms-rev-bg:#dddcdb;--ms-ren-text:#8a3f18;--ms-ren-border:#edbf9b;--ms-ren-bg:#f6e1d0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#2a2d31;--surface:#3c4044;--fg:#f4f3f1;--text:#dddcdb;--muted:#9a9c9e;--line:#3c4044;--accent:#fd7b41;--accent-text:#fd7b41;--sand:#edbf9b;--designer-text:#edbf9b;--designer-border:#6b4a33;--designer-bg:#3a2f27;--topic-text:#dddcdb;--topic-border:#3c4044;--button-bg:#4a4e53;--button-bg-hover:#5a5f64;--ms-conv-text:#fd7b41;--ms-conv-border:#7a3d22;--ms-conv-bg:#3d2a20;--ms-rev-text:#f4f3f1;--ms-rev-border:#5a5f64;--ms-rev-bg:#3c4044;--ms-ren-text:#edbf9b;--ms-ren-border:#6b4a33;--ms-ren-bg:#3a2f27;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font:18px/1.5 Figtree Variable,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}h1,h2,h3,h4,strong{color:var(--fg)}#root{max-width:860px;margin:0 auto;padding:0 24px}.site-header,.site-footer{justify-content:space-between;padding:28px 0;display:flex}.actions{align-items:center;gap:18px;display:flex}.mail,.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.mail:hover,.icon-btn:hover{color:var(--fg)}.mail:focus-visible,.icon-btn:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px;border-radius:4px}.brand{color:var(--fg);font-weight:600;text-decoration:none}.site-footer{color:var(--muted);border-top:1px solid var(--line);margin-top:96px;font-size:14px}h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(28px,5vw,44px);font-weight:600;line-height:1.15}h2{text-transform:uppercase;letter-spacing:.1em;color:var(--fg);margin:72px 0 20px;font-size:13px;font-weight:500}.hero h1.intro{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(30px,5vw,44px);font-weight:600;line-height:1.15}.intro-sub{color:var(--muted);max-width:560px;margin:0;font-size:18px}.section-title{text-transform:none;letter-spacing:-.01em;color:var(--fg);margin:72px 0 8px;font-size:clamp(26px,4vw,34px);font-weight:600}.timeline-head{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px 12px;margin:56px 0 32px;display:flex}.timeline-head:has(+.timeline-intro){margin-bottom:8px}.timeline-intro{max-width:640px;color:var(--muted);margin:0 0 32px}.timeline-title{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600}.section-sub{color:var(--muted);max-width:640px;margin:0 0 20px}.section-sub.tight{margin-bottom:6px}.section-sub:last-of-type{margin-bottom:40px}mark{color:var(--accent-text);background:0 0;font-weight:600}.hero,.band{--band:#fff;background:var(--band);box-shadow:0 0 0 100vmax var(--band);clip-path:inset(0 -100vmax)}:root[data-theme=dark] .hero,:root[data-theme=dark] .band{--band:var(--surface)}.hero{padding:112px 0}.band-main{margin-top:72px;padding-bottom:72px;display:flow-root}.band-footer{border-top:0;margin-top:0;padding-top:0}.hero-button{color:var(--bg);background:var(--fg);border-radius:999px;align-items:center;gap:8px;margin-top:32px;padding:16px 32px;font-size:16px;font-weight:500;line-height:1.2;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-flex}.hero-button:hover{opacity:.85}.hero-button:active{transform:translateY(1px)}#cases{scroll-margin-top:24px}@media (prefers-reduced-motion:reduce){.hero-button{transition:none}}@media (width<=600px){.hero{padding:64px 0}}.eyebrow{color:var(--muted);margin:0 0 12px}.muted{color:var(--muted)}.lead{font-size:21px}.role{color:var(--muted);font-size:15px}.dot{background:var(--accent);border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.tag{color:var(--topic-text);border:1px solid var(--topic-border);border-radius:999px;padding:2px 11px;font-size:14px;line-height:1.5;display:inline-block}.tag-designer{color:var(--designer-text);border-color:var(--designer-border);background:var(--designer-bg)}.tags{flex-wrap:wrap;gap:6px;margin:10px 0 0;display:flex}.year{grid-template-columns:110px 1fr;margin-bottom:28px;display:grid}.year h3{margin:0;font-size:28px;font-weight:600;line-height:1.2}.year .col{border-left:1px solid var(--line);margin:0;padding:0 0 0 28px;list-style:none}.item{align-items:flex-start;gap:16px;margin-bottom:36px;display:flex}.item:last-child{margin-bottom:0}.item .dot{margin:8px 0 0 -34px}.item>div{min-width:0;margin-left:-4px}.item-body{flex:1}.item-main{min-width:0}.item-body.has-media{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:32px;display:grid}.item-media{background:var(--surface);aspect-ratio:4/3;border-radius:16px;margin-top:4px;display:block;overflow:hidden}.item-media img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);display:block}.item-media:hover img{transform:scale(1.04)}@media (width<=700px){.item-body.has-media{grid-template-columns:minmax(0,1fr);gap:20px}.item-media{margin-top:0}}.item h4{margin:0;font-size:22px;font-weight:500;line-height:1.3}.item h4 a{text-decoration:none}.item h4 a:hover{text-underline-offset:4px;text-decoration:underline}.desc{color:var(--muted);margin:6px 0 0;font-size:16px}.item .role{margin:12px 0 0}.role p{margin:2px 0 0}.role-label{color:var(--fg);font-size:15px;font-weight:500;display:block}.tool{color:var(--muted);align-items:center;gap:12px;margin:0 0 28px;font-size:14px;display:flex}.tool:last-child{margin-bottom:0}.tool-dot{border:1px solid var(--muted);box-sizing:border-box;background:0 0;border-radius:50%;flex:none;width:7px;height:7px;margin-left:-31.5px}.tool-label{color:var(--muted)}.company-icon{background:var(--muted);flex:none;width:7px;height:7px;margin-left:-31.5px;transform:rotate(45deg)}.note-icon{border:1px dashed var(--muted);box-sizing:border-box;border-radius:50%;flex:none;width:8px;height:8px;margin-left:-32px}.note .tool-label{font-style:italic}.tool-highlight{margin-bottom:36px;font-size:17px}.tool-highlight .tool-dot{background:var(--accent);border-color:var(--accent);width:9px;height:9px;margin-left:-32.5px}.tool-highlight .tool-label{color:var(--fg);font-weight:600}.milestone{align-items:center;gap:16px;margin:0 0 36px;display:flex}.milestone:last-child{margin-bottom:0}.milestone-marker{width:24px;height:24px;color:var(--ms-conv-text);background:var(--ms-conv-bg);border:1px solid var(--ms-conv-border);box-sizing:border-box;border-radius:50%;flex:none;place-items:center;margin-left:-40px;display:grid}.milestone-card{flex-direction:column;gap:2px;display:flex}.milestone-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;display:flex}.milestone-num{color:var(--ms-conv-text);letter-spacing:-.02em;font-size:28px;font-weight:500;line-height:1.1}.milestone-text{color:var(--text);font-size:16px}.milestone-text-lead{letter-spacing:-.01em;font-size:22px;font-weight:500;line-height:1.25}.milestone a{color:var(--muted);font-size:13px;text-decoration-color:#0000}.milestone a:hover{color:var(--accent-text);text-decoration-color:currentColor}.contributions,.figures{margin:0;padding:0;list-style:none}.contributions>div,.figures li{border-top:1px solid var(--line);grid-template-columns:190px 1fr;gap:16px;padding:12px 0;display:grid}.figures li{display:block}.figures p{margin:4px 0 0}.figures a{color:var(--accent-text)}.contributions dt{color:var(--fg);font-weight:500}.contributions dd{color:var(--muted);margin:0}.experience{margin:32px 0 0;padding:0;list-style:none}.experience li{border-top:1px solid var(--line);grid-template-columns:150px 1fr;gap:16px;padding:10px 0;display:grid}@media (width<=600px){body{font-size:17px}.chapter-summary{flex-direction:column;gap:2px;display:flex}.chapter-sep{display:none}.year{grid-template-columns:1fr;gap:12px}.contributions>div,.experience li{grid-template-columns:1fr;gap:0}}.experience li p{color:var(--muted);margin:4px 0 0}.experience li strong{font-weight:500}.what-i-do{color:var(--muted)}.process,.skills{margin:0}.process>div,.skills>div{border-top:1px solid var(--line);grid-template-columns:150px 1fr;gap:16px;padding:10px 0;display:grid}.process dt,.skills dt{color:var(--fg);font-weight:500}.process dd,.skills dd{color:var(--muted);margin:0}@media (width<=600px){.process>div,.skills>div{grid-template-columns:1fr;gap:0}}.skills>div:first-child,.process>div:first-child,.experience li:first-child{border-top:none}.experience li>.muted{color:var(--fg);font-weight:500}.open-all{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:inline-flex}.open-all:hover{color:var(--fg);background:var(--button-bg)}.open-all:active{background:var(--button-bg-hover)}.open-all{margin-left:auto;margin-right:-7px}.chevron-box{border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;margin:-7px -7px -7px 0;transition:background .12s,color .12s;display:inline-flex}.chevron-box:hover{background:var(--button-bg)}.chevron-box:hover .chevron{color:var(--fg)}.chevron{color:var(--muted);flex:none;transition:transform .15s}.chevron.open{transform:rotate(180deg)}.chapter{margin-bottom:4px;display:block}.chapter-row{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:110px 1fr;align-items:center;padding:8px 0;display:grid}.chapter-year{margin:0;font-size:28px;font-weight:600;line-height:1.2}.chapter-head{width:100%;min-width:0;font:inherit;color:var(--muted);text-align:left;border:0;border-left:1px solid var(--line);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:4px 0 4px 28px;display:flex}.chapter-row:hover .chapter-head{color:var(--fg)}.chapter-collapse{grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.2,.7,.2,1);display:grid}.chapter-collapse.open{grid-template-rows:1fr}.chapter-body{grid-template-columns:110px 1fr;min-height:0;display:grid;overflow:hidden}.chapter-body .col{border-left:1px solid var(--line);opacity:0;grid-column:2;min-width:0;margin:0;padding:16px 0 28px 28px;list-style:none;transition:opacity .18s,transform .24s cubic-bezier(.2,.7,.2,1);transform:translateY(-6px)}.chapter-collapse.open .col{opacity:1;transform:none}.milestone-num-sm{color:var(--ms-conv-text);font-weight:500}.chapter-count{color:var(--fg)}.chapter-ms-text{font-size:15px}.milestone-num-sm.ms-revenue,.ms-revenue .milestone-num,.milestone-num-sm.ms-renewal,.ms-renewal .milestone-num{color:inherit}.ms-revenue .milestone-marker,.ms-renewal .milestone-marker{color:var(--muted);background:var(--surface);border-color:var(--line)}.hero h1.intro,.section-title,.timeline-title{text-transform:uppercase}.hero h1.intro{letter-spacing:0}.section-title,.timeline-title{letter-spacing:.02em}#about>p,#contact p,#made p{color:var(--muted)}#about>p a,#contact a{color:var(--accent-text)}.back{color:var(--muted);align-items:center;gap:2px;margin:0 0 48px -4px;text-decoration:none;display:inline-flex}.back:hover{color:var(--fg)}.work .eyebrow{margin-bottom:4px}@media (width<=600px){.chapter-row,.chapter-body{grid-template-columns:1fr}.chapter-row{gap:2px}.chapter-body .col{grid-column:1}}@media (prefers-reduced-motion:reduce){.chapter-collapse,.chapter-collapse .col,.chevron,.chevron-box{transition:none}}.case-study{margin:48px 0 0}.case-study .timeline-title{margin:0 0 24px}.case-study .timeline-title:has(+.timeline-intro){margin-bottom:8px}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.case-card{color:var(--fg);text-decoration:none;display:block}.case-image{aspect-ratio:1.45;color:var(--muted);background:var(--surface);border-radius:24px;place-items:center;display:grid;overflow:hidden}.case-text{padding:8px;display:block}.case-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.case-name{text-underline-offset:4px;font-size:18px;font-weight:500;line-height:1.3;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .4s}.case-card:hover .case-name,.case-card:focus-visible .case-name{text-decoration-color:currentColor}@media (width<=700px){.case-grid{grid-template-columns:1fr;gap:32px}}.case-tagline,.case-year{color:var(--muted);font-size:15px;line-height:1.4}.case-tagline{margin-top:2px;display:block}.case-year{flex:none}.case-image img{object-fit:cover;object-position:top;will-change:transform;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);display:block}.case-card:hover .case-image img,.case-card:focus-visible .case-image img{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.case-image img,.item-media img{transition:none}.case-card:hover .case-image img,.case-card:focus-visible .case-image img,.item-media:hover img{transform:none}}@media (width<=600px){.chapter-head{width:calc(100% - 12px);margin-left:12px}.chapter-body .col{margin-left:12px}}.cs-meta{grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 40px;margin:24px 0 40px;display:grid}.cs-meta dt{color:var(--fg);font-size:15px;font-weight:500}.cs-meta dd{color:var(--muted);margin:2px 0 0;font-size:15px}.cs-text{max-width:680px;margin:0 0 20px}.cs-text strong{font-weight:600}.cs-list{max-width:680px;margin:0 0 20px;padding-left:22px}.cs-list li{margin:0 0 8px}.cs-source{color:var(--muted);margin:-4px 0 28px;font-size:14px}.cs-source a{color:var(--accent-text)}.cs-figure{background:var(--surface);border-radius:24px;place-items:center;margin:32px 0;padding:32px;display:grid}.cs-figure img,.cs-placeholder{width:100%;height:auto;display:block}.cs-screen img,.cs-screen .cs-placeholder{width:min(100%,260px)}.cs-wide{padding:0;overflow:hidden}.cs-placeholder{color:var(--muted);background:var(--bg);border:1px solid var(--line);box-sizing:border-box;border-radius:28px;place-items:center;display:grid}.cs-wide .cs-placeholder{background:0 0;border:0;border-radius:0}@media (width<=600px){.cs-meta{grid-template-columns:1fr;gap:12px}.cs-figure{padding:24px}.cs-wide{padding:0}}