*{box-sizing:border-box}:root{--paper:#ebece5;--ink:#142824;--muted:#4c6056;--line:#a8b4a5;--accent:#8d321c;--gold:#eac164}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font:16px/1.65 system-ui,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.025em;line-height:1.08}h1{font-size:clamp(40px,5.5vw,76px);font-weight:500}h2{font-size:30px;font-weight:500}h3{font-size:24px;font-weight:500}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;display:block}.skip{z-index:10;background:#fff;padding:12px;position:fixed;top:-100px;left:12px}.skip:focus{top:10px}.review-strip{background:var(--ink);color:var(--paper);justify-content:space-between;gap:15px;padding:9px 4vw;font:11px/1.4 ui-monospace,monospace;display:flex}.shell{max-width:1340px;margin:auto;padding:0 48px}.masthead{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:30px;padding:30px 0;display:flex}.name{letter-spacing:-.025em;font-size:25px;font-weight:550;text-decoration:none}.name span{letter-spacing:0;color:var(--muted);margin-top:4px;font-size:12px;font-weight:400;display:block}nav{flex-wrap:wrap;gap:26px;font-size:13px;display:flex}nav a[aria-current]{color:var(--accent);font-weight:500}.eyebrow{letter-spacing:.055em;text-transform:uppercase;color:var(--muted);font:11px/1.5 ui-monospace,monospace}.small{color:var(--muted);font-size:13px}.hero{grid-template-columns:1.8fr 1fr;gap:90px;padding:58px 0 66px;display:grid}.hero h1{letter-spacing:-.06em;margin:24px 0;font-size:clamp(64px,8vw,108px)}.intro{max-width:45ch;font-size:20px;line-height:1.55}.actions{flex-wrap:wrap;align-items:center;gap:20px 30px;margin-top:30px;font-size:14px;display:flex}.button{background:var(--ink);color:var(--paper);padding:12px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.button:hover{background:#29443b}.hero-context{border-left:1px solid var(--line);flex-direction:column;justify-content:end;gap:25px;padding-left:30px;display:flex}.hero-context img{object-fit:cover;object-position:center 28%;filter:saturate(.75);width:152px;height:190px}.hero-context p+p{margin-top:12px}.hero-context strong{font-weight:600}.section-heading{border-top:2px solid var(--ink);justify-content:space-between;align-items:end;gap:25px;padding:24px 0;display:flex}.section-heading a{white-space:nowrap;font-size:13px}.section-heading .eyebrow{margin-bottom:8px}.work-feature{background:var(--ink);color:var(--paper);grid-template-columns:180px 1fr 80px;gap:30px;padding:36px;text-decoration:none;display:grid}.work-feature .eyebrow{color:#abbeb1}.work-feature h3{margin-bottom:18px;font-size:44px}.work-feature p{color:#c9d5cc;max-width:65ch;font-size:16px}.work-feature:hover h3{text-decoration:underline 2px}.feature-arrow{color:var(--gold);justify-self:end;font-size:50px}.work-pair{grid-template-columns:1fr 1fr;gap:55px;margin-top:30px;display:grid}.work-pair>a{border-bottom:1px solid var(--line);padding:24px 0;text-decoration:none}.work-pair h3{max-width:25ch;margin:15px 0;font-size:28px}.work-pair p{max-width:55ch}.text-link{color:var(--accent);margin-top:20px;font-size:14px;text-decoration:underline;display:inline-block}.work-pair a:hover h3{text-decoration:underline}.project-section{margin-top:70px}.section-dek{max-width:65ch;margin:0 0 25px}.project-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:25px;padding:25px 0;display:grid}.project-row h3{margin-bottom:12px;font-size:28px}.project-row h3 a{text-decoration:none}.project-row h3 a:hover{text-decoration:underline}.project-row h3 span{color:var(--accent)}.project-row p{max-width:62ch;font-size:15px}.project-row .row-evidence{color:var(--muted);margin-top:10px;font-size:12px}.tag{color:var(--muted);white-space:nowrap;background:#dce0d5;padding:5px 8px;font:10px/1.5 ui-monospace,monospace}.closing{border-top:2px solid var(--ink);grid-template-columns:1fr 1fr;gap:70px;margin-top:70px;padding-top:30px;display:grid}.closing h2{font-size:35px}.page-heading{max-width:1020px;padding:58px 0 48px}.page-heading h1{margin:18px 0 26px}.page-heading>p:last-child{max-width:65ch;font-size:20px;line-height:1.55}.back{margin:30px 0 0;font-size:13px;display:inline-block}.back+.page-heading{padding-top:28px}.experience-group{border-top:2px solid var(--ink);grid-template-columns:300px 1fr;gap:60px;padding:30px 0 45px;display:grid}.experience-group h2{margin:12px 0 18px}.experience-entry{border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:28px}.experience-entry:last-child{margin-bottom:0}.experience-entry h3{margin-bottom:15px}.experience-entry p+p{margin-top:14px}.experience-entry .tag{margin-top:15px;display:inline-block}.reading-layout{grid-template-columns:250px minmax(0,740px);gap:65px;display:grid}.reading-layout aside{font-size:13px}dl{margin:0}dt{text-transform:uppercase;letter-spacing:.055em;color:var(--muted);margin-bottom:8px;font:10px/1.5 ui-monospace,monospace}dd{margin:0 0 28px}.prose{min-width:0;max-width:66ch;font-size:18px;line-height:1.8}.prose h2{margin:36px 0 18px;font-size:29px}.prose h2:first-child{margin-top:0}.prose p{margin-bottom:24px}.prose li{margin-bottom:13px}.work-story-heading{max-width:920px;padding-bottom:36px}.work-story-context{color:var(--muted);font-size:14px}.work-story-heading h1{max-width:23ch;font-size:clamp(38px,4.8vw,62px)}.work-story-body{max-width:64ch}.work-story-body section+section{margin-top:38px}.work-story-body .work-story-note{border-top:1px solid var(--line);color:var(--muted);margin:36px 0 0;padding-top:20px;font-size:14px;line-height:1.65}.next{border-top:1px solid var(--line);flex-wrap:wrap;gap:15px 30px;margin-top:40px;padding-top:24px;font-size:14px;display:flex}.project-cabinet{border:1px solid var(--ink);grid-template-columns:1fr 2fr;gap:45px;margin-bottom:50px;display:grid}.cabinet-label{background:var(--ink);color:var(--paper);padding:30px}.cabinet-label .eyebrow{color:#abbeb1}.cabinet-label h2{margin:30px 0}.cabinet-label p:last-child{color:#c9d5cc;font-size:14px}.project-cabinet>div:last-child{padding-right:30px}.project-cabinet .project-row{grid-template-columns:minmax(0,1fr)}.project-cabinet .tag{display:none}.project-cabinet .project-row:last-child{border:0}.footnote{max-width:80ch;margin-top:30px}.callout,.local-notice{background:#dce1d6;margin:30px 0;padding:26px}.callout h2{margin-top:0;font-size:24px}.callout p:last-child{margin-bottom:0}.local-notice p{max-width:90ch;margin-top:10px;font-size:14px}.walkthrough details{border-top:1px solid var(--line);padding:20px 0}.walkthrough summary{cursor:pointer;font-size:22px;font-weight:600;line-height:1.4}.walkthrough summary .eyebrow{margin-right:12px}.walkthrough p{margin:20px 0 0}.artifact{margin:40px 0}pre{background:var(--ink);color:#d8e5dc;tab-size:2;max-width:100%;padding:24px;font:12px/1.7 ui-monospace,monospace;overflow-x:auto}.destination .small{margin-top:15px}.about-photo{object-fit:cover;object-position:center 28%;width:100%;max-width:220px;height:300px}.contact-grid{border-top:2px solid var(--ink);grid-template-columns:1fr 1fr;gap:70px;padding-top:30px;display:grid}.contact-grid h2{margin-bottom:25px}.contact-grid p{max-width:50ch;margin-bottom:25px}footer{border-top:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:18px;margin-top:80px;padding:30px 0 45px;font-size:12px;display:flex}footer .name{font-size:17px}footer span{color:var(--muted)}@media (width<=1000px){.shell{padding:0 30px}.hero{gap:40px}.work-feature{grid-template-columns:140px 1fr 35px;padding:30px}.experience-group{grid-template-columns:220px 1fr;gap:35px}.reading-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}.project-cabinet{gap:25px}}@media (width<=680px){.shell{padding:0 21px}.review-strip{padding:10px 21px;font-size:10px}.masthead{padding:25px 0;display:block}nav{justify-content:space-between;gap:12px 18px;margin-top:25px;font-size:12px}.hero{padding:38px 0;display:block}.hero h1{margin:20px 0;font-size:clamp(53px,13vw,80px)}.intro{font-size:18px}.actions{gap:22px}.hero-context{border-left:0;border-top:1px solid var(--line);flex-direction:row;justify-content:start;gap:20px;margin-top:35px;padding:25px 0 0}.hero-context img{flex-shrink:0;width:93px;height:132px}.hero-context p{font-size:13px}.hero-context .small{font-size:12px}.section-heading{flex-direction:column;align-items:start;gap:18px}.section-heading h2{font-size:28px}.work-feature{grid-template-columns:1fr 30px;gap:20px;padding:25px}.work-feature>.eyebrow{grid-column:1/-1}.work-feature h3{font-size:33px}.work-feature p{font-size:14px}.feature-arrow{font-size:30px}.work-pair{grid-template-columns:1fr;gap:5px;margin-top:10px}.project-section,.closing{margin-top:45px}.project-row{grid-template-columns:minmax(0,1fr);gap:15px;padding:23px 0}.project-row h3{font-size:25px}.project-row .tag{grid-column:1;justify-self:start}.closing{grid-template-columns:1fr;gap:25px}.closing h2{font-size:31px}.page-heading{padding:36px 0}.page-heading h1{overflow-wrap:break-word;font-size:42px}.page-heading>p:last-child{font-size:18px}.experience-group{grid-template-columns:1fr;gap:30px;padding-top:25px}.experience-group h2{font-size:27px}.reading-layout{grid-template-columns:minmax(0,1fr);gap:25px}.reading-layout aside{border-block:1px solid var(--line);padding:22px 0}.reading-layout dl{flex-wrap:wrap;gap:15px 25px;display:flex}.reading-layout dt{flex:0 0 100%;margin:0}.reading-layout dd{margin-bottom:12px}.prose{font-size:17px}.prose h2{font-size:27px}.project-cabinet{grid-template-columns:1fr;gap:0}.cabinet-label{padding:25px}.cabinet-label h2{margin:20px 0}.project-cabinet>div:last-child{padding:0 20px}.callout,.local-notice{padding:22px}.walkthrough summary{font-size:20px}pre{padding:18px;font-size:11px}.contact-grid{grid-template-columns:1fr;gap:35px}footer{margin-top:50px;display:block}footer>*{margin:12px 0;display:block}}@media print{.review-strip,.skip,nav,footer{display:none}.shell{padding:0}a{text-decoration:none}body{color:#000;background:#fff}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.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}.showcase-heading{max-width:820px;padding-bottom:64px}.showcase{border-top:1px solid var(--line);grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:center;gap:60px;padding:48px 0 70px;display:grid}.showcase h2{margin-bottom:20px;font-size:42px}.showcase h2 a{text-decoration:none}.showcase h2 a:hover{text-decoration:underline}.showcase-description{max-width:32ch;font-size:23px;line-height:1.45}.showcase-context{max-width:46ch;color:var(--muted);margin-top:20px}.showcase-actions{flex-wrap:wrap;align-items:center;gap:18px 25px;margin-top:28px;font-size:14px;display:flex}.access-note{color:var(--muted);max-width:65ch;margin-top:18px;font-size:13px;line-height:1.6}.showcase-screen-link{min-width:0;text-decoration:none}.app-preview{min-width:0;display:block}.preview-frame[hidden]{display:none}.preview-controls{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:none}app-gallery[data-enhanced] .preview-controls{display:flex}.preview-controls button{font:inherit;color:var(--ink);border:1px solid var(--muted);cursor:pointer;background:0 0;padding:8px 15px;font-size:14px}.preview-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.preview-controls button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.preview-frame{min-width:0;margin:0}.preview-frame img{border:1px solid #a8b4a550;width:100%;height:auto}.preview-frame.watch{max-width:320px;margin-inline:auto}.preview-frame.watch img{border:0}.preview-caption,.preview-frame figcaption{color:var(--muted);max-width:75ch;margin-top:14px;font-size:12px;line-height:1.6}.compact .secondary{display:none}.featured-apps>.showcase:nth-child(2){grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr)}.featured-apps>.showcase:nth-child(2) .showcase-copy{order:2}.showcase-tour{background:#dfe3d9;padding:30px}.showcase-tour h3{font-size:20px}.showcase-tour ul{margin-block:20px;padding-left:20px}.showcase-tour li+li{margin-top:10px}.smaller-apps{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:70px;display:grid}.smaller-apps .showcase{flex-direction:column;align-items:stretch;gap:30px;display:flex}.smaller-apps .showcase h2{font-size:32px}.smaller-apps .showcase-description{font-size:20px}.other-projects{border-top:1px solid var(--line);max-width:850px;padding-top:35px}.other-projects>div{grid-template-columns:230px minmax(0,1fr);gap:30px;margin-top:28px;display:grid}.other-projects h3{font-size:21px}.home-apps{margin-top:70px}.home-apps .showcase{border:0;padding-top:25px}.home-app-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;display:grid}.home-app-links h3{margin-bottom:14px;font-size:22px}.app-heading>p{max-width:50ch;font-size:24px;line-height:1.5}.app-entry-actions{margin-top:28px}.app-entry-actions .access-note{margin-top:15px}.detail-preview{background:#dfe3d9;padding:32px}.detail-preview .app-preview{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start;gap:32px;max-width:1100px;margin:auto;display:grid}.detail-preview app-gallery[data-enhanced]{display:block}.detail-preview .preview-frame:only-child:not(.watch){max-width:900px;margin:auto}.app-tour{border-bottom:1px solid var(--line);padding-block:50px}.app-tour>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:28px;display:grid}.app-tour h3{margin-bottom:14px;font-size:21px;line-height:1.3}.app-tour p{color:var(--muted)}.project-story{grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:80px;margin-block:50px;display:grid}.project-story aside h2{color:var(--muted);margin-bottom:28px;font-size:21px}.project-story aside section+section{margin-top:28px}.project-story aside h3{margin-bottom:12px;font-size:21px;line-height:1.35}.technical-details{border-block:1px solid var(--line);padding-block:22px}.technical-details summary{cursor:pointer;font-size:18px}.technical-details>div{padding-top:25px}.technical-details .evidence-note{color:var(--muted);font-size:13px}.simple-project{margin-top:15px}@media (width<=1000px){.showcase,.featured-apps>.showcase:nth-child(2){gap:30px}.project-story,.smaller-apps{gap:40px}}@media (width<=700px){.showcase,.featured-apps>.showcase:nth-child(2),.smaller-apps,.project-story,.app-tour>div,.home-app-links,.other-projects>div{grid-template-columns:minmax(0,1fr)}.showcase{gap:28px;padding:30px 0 45px}.featured-apps>.showcase:nth-child(2) .showcase-copy{order:0}.showcase h2{font-size:34px}.showcase-description,.app-heading>p{font-size:21px}.detail-preview{margin-inline:-8px;padding:16px}.app-tour{padding-block:35px}.app-tour>div{gap:25px}.project-story{gap:30px;margin-block:35px}.home-apps{margin-top:45px}.home-app-links{gap:30px}.other-projects>div{gap:12px}}:root{--paper:#faf9f6;--ink:#202a30;--muted:#56616a;--line:#d5d8d7;--surface:#f1f1ec;--accent:#8b442a}.shell{max-width:1216px;padding-inline:48px}.masthead{border-bottom:1px solid var(--line);padding-block:26px}.masthead .name{letter-spacing:-.035em;font-size:22px;font-weight:500}.masthead nav{gap:24px}.masthead nav a{padding-block:8px;text-decoration:none}.masthead nav a:hover{text-decoration:underline}footer{border-top:1px solid var(--line)}.professional-intro{grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:80px;padding:72px 0 64px;display:grid}.professional-intro h1{letter-spacing:-.025em;margin:18px 0 28px;font-size:clamp(38px,4.7vw,62px);font-weight:500;line-height:1.08}.professional-lead{max-width:37em;font-size:20px;line-height:1.65}.professional-context{color:var(--muted);max-width:39em;margin-top:18px;font-size:15px}.professional-portrait{margin:0}.professional-portrait img{object-fit:cover;object-position:center 28%;filter:saturate(.8);border-radius:3px;width:220px;height:275px}.professional-portrait figcaption{color:var(--muted);margin-top:16px;font-size:12px;line-height:1.7}.professional-portrait strong{color:var(--ink);font-weight:500}.selected-work .section-heading{border-top:1px solid var(--line)}.selected-work .section-heading h2{letter-spacing:-.03em;font-size:23px}.professional-row{border-top:1px solid var(--line);grid-template-columns:145px minmax(0,1fr) 24px;align-items:baseline;gap:24px;padding:28px 0;text-decoration:none;display:grid}.professional-row h3{letter-spacing:-.015em;font-size:24px;font-weight:500;line-height:1.25}.professional-row p{color:var(--muted);max-width:47em;margin-top:8px;font-size:14px;line-height:1.75}.professional-row:hover h3{text-underline-offset:5px;text-decoration:underline}.projects-aside{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:72px;margin-top:36px;padding:42px 0;display:grid}.projects-aside h2{max-width:17em;font-size:28px;font-weight:500;line-height:1.2}.projects-aside p:not(.eyebrow){color:var(--muted);margin-bottom:14px;font-size:15px}.projects-aside a{font-size:14px}@media (width<=760px){.shell{padding-inline:22px}.professional-intro{grid-template-columns:minmax(0,1fr);gap:32px;padding:40px 0}.professional-intro h1{margin:16px 0 24px;font-size:clamp(36px,8vw,54px)}.professional-lead{font-size:18px}.professional-portrait{align-items:center;gap:20px;display:flex}.professional-portrait img{width:90px;height:112px}.professional-portrait figcaption{margin:0}.professional-row{grid-template-columns:minmax(0,1fr) 18px;gap:10px;padding:24px 0}.professional-row>.eyebrow{grid-column:1/-1}.professional-row h3{font-size:22px}.projects-aside{grid-template-columns:1fr;gap:20px;padding:32px 0}}