@charset "UTF-8";
:root{--bg:#f6f6f3;--ink:#1d2023;--muted:#64686b;--line:#d9dbd8;--dark:#1c2024;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:#303840;color:white}h1,h2,h3,p,figure,dl,dd{margin:0}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;padding:15px;background:white;z-index:100}.skip:focus{top:10px}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.identity{font-size:16px;font-weight:700;letter-spacing:-.5px;display:flex;align-items:center;gap:12px}.identity-mark{height:33px;width:33px;border:1px solid var(--ink);display:grid;place-items:center;font:12px Georgia,serif;letter-spacing:-1px}.header nav{display:flex;gap:30px;font-size:12px;align-items:center}.header nav a{padding:10px 0}.header nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-contact{margin-left:7px}.menu-button{display:none}.overline{font:10px/1.6 Consolas,monospace;letter-spacing:1.25px}.personal-hero{display:grid;grid-template-columns:1.2fr .8fr;column-gap:80px;padding-top:67px}.personal-hero h1{font-size:clamp(65px,7.8vw,115px);font-weight:650;letter-spacing:-.07em;line-height:.99;margin:27px 0 28px}.personal-hero h1>span{color:#8c959b}.role-title{font-size:22px;font-weight:500;letter-spacing:-.5px}.intro-description{font-size:16px;line-height:1.8;color:var(--muted);max-width:510px;margin-top:19px}.intro-links{display:flex;gap:30px;align-items:center;margin:30px 0 43px;font-size:12px}.primary-link{display:inline-flex;gap:30px;align-items:center;padding-bottom:9px;border-bottom:1px solid currentColor;font-weight:600}.intro-links>a:last-child{color:var(--muted)}.portrait{align-self:start;margin-top:27px}.portrait-frame{background:#e3e5e3;padding:24px 24px 0;overflow:hidden;border:1px solid #e0e1de}.portrait img{width:100%;height:auto;filter:grayscale(1);mix-blend-mode:multiply}.portrait figcaption{display:flex;justify-content:space-between;gap:15px;font:8px/1.7 Consolas,monospace;letter-spacing:.8px;margin-top:15px;color:var(--muted)}.hero-footnote{grid-column:1/-1;padding:26px 0;display:flex;justify-content:space-between;gap:22px;border-top:1px solid var(--line);font:9px/1.5 Consolas,monospace;letter-spacing:1px;color:var(--muted);margin-top:18px}.portfolio-work{background:var(--dark);color:#f1f2ee;padding:75px 0 83px}.section-intro{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:43px}.section-intro .overline{color:#a9aeb1;margin-bottom:20px}h2{font-size:clamp(32px,3.5vw,49px);font-weight:500;line-height:1.1;letter-spacing:-2px}.quiet-link{font-size:12px;display:flex;gap:22px;padding-bottom:5px;white-space:nowrap}.quiet-link:hover{border-bottom:1px solid currentColor}.work-entry{display:grid;grid-template-columns:1.1fr 1fr;border-top:1px solid #454a4e;padding-top:35px;gap:65px;align-items:center}.work-art{display:block;overflow:hidden;background:#101214;border:1px solid #34383b}.work-art img{width:100%;height:505px;object-fit:cover;object-position:center;transition:transform .4s}.work-art:hover img{transform:scale(1.025)}.work-index{display:flex;justify-content:space-between;gap:20px;font:8px/1.6 Consolas,monospace;letter-spacing:.8px;color:#a3aaaf}.work-description h3{font-size:54px;font-weight:500;letter-spacing:-2px;margin:28px 0 10px}.work-category{font-size:18px;color:#e5e7e5;margin-bottom:25px}.work-description>p:not(.work-category){font-size:14px;line-height:1.85;color:#b8bec1;max-width:440px}.project-contribution{margin-top:29px;font-size:12px}.project-contribution>div{display:grid;grid-template-columns:85px 1fr;gap:18px;border-top:1px solid #41464a;padding:15px 0}.project-contribution dt{color:#a2aaae}.project-contribution dd{line-height:1.6}.work-links{display:flex;align-items:center;gap:27px;margin-top:23px;font-size:12px}.work-links>a:last-child{color:#b8bec1}.career{padding-top:83px;padding-bottom:88px}.career .overline,.profile-about .overline,.personal-contact .overline{color:var(--muted)}.career-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:85px}.career-intro{font-size:16px;line-height:1.75;color:var(--muted);max-width:300px;padding-top:20px}.career-intro>p+p{margin-top:22px;font-size:14px}.career-row{display:grid;grid-template-columns:145px 1fr;gap:28px;padding:25px 0;border-top:1px solid var(--line)}.career-date{font:10px/1.8 Consolas,monospace;color:var(--muted);padding-top:3px}.career-row h3{font-size:19px;font-weight:600;line-height:1.4;letter-spacing:-.4px}.company{font-size:13px;margin-top:7px;color:var(--muted)}.career-description{font-size:13px;line-height:1.8;color:var(--muted);margin-top:13px}.profile-about{background:#e9ebe8;padding:80px 0}.profile-about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:95px}.profile-about h2{margin-top:23px;line-height:1.2}.profile-about-grid>div:last-child>p{font-size:14px;line-height:1.85;color:#565c60;margin-bottom:20px}.profile-about-grid .about-lead{font-size:20px!important;line-height:1.65!important;letter-spacing:-.3px;color:var(--ink)!important}.expertise-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 35px}.expertise-tags span{border:1px solid #bfc4c1;padding:8px 11px;font-size:10px}.credentials{border-top:1px solid #c1c6c2;padding-top:24px}.credentials h3{font-size:12px;font-weight:600;margin-bottom:20px}.credentials>a{display:flex;justify-content:space-between;gap:25px;font-size:11px;padding:15px 0;border-bottom:1px solid #cbd0cc;line-height:1.6}.credentials>a>span:last-child{color:var(--muted);white-space:nowrap}.credentials .all-credentials{border:0;font-size:10px;color:var(--muted);text-decoration:underline;text-underline-offset:4px;margin-top:5px}.personal-contact{display:grid;grid-template-columns:1fr 1.15fr;gap:95px;padding-top:75px;padding-bottom:78px}.personal-contact h2{margin:21px 0}.personal-contact>div>p:last-child{font-size:13px;line-height:1.8;color:var(--muted);max-width:280px}.contact-addresses{padding-top:35px;display:flex;flex-direction:column;gap:20px;font-size:13px}.contact-email{font-size:clamp(16px,1.65vw,24px);letter-spacing:-.5px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:14px}.contact-networks{display:flex;gap:25px;align-items:center;font-size:11px;margin-top:8px}.contact-networks button{border:0;padding:0;background:none;text-decoration:underline;font-size:10px;color:var(--muted)}#copy-status{font-size:10px;min-height:15px;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:27px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:var(--muted)}.footer>div{display:flex;gap:25px}.footer-name{font-size:12px;font-weight:600;color:var(--ink)}.case-hero{padding-top:35px}.back-link{display:inline-block;font-size:12px;margin-bottom:45px}.hero-meta{display:flex;justify-content:space-between;gap:20px}.label{font:9px/1.7 Consolas,monospace;letter-spacing:1px;color:var(--muted)}.case-hero h1{font-size:clamp(60px,7vw,100px);font-weight:550;letter-spacing:-.06em;line-height:1.05;margin:33px 0}.serif{font:inherit}.purple{color:inherit}.case-intro{display:flex;justify-content:space-between;align-items:center;gap:45px}.case-intro p{max-width:600px;font-size:18px;line-height:1.7;color:var(--muted)}.button{display:inline-flex;gap:20px;padding:14px 22px;font-size:12px;border:1px solid var(--ink);align-items:center}.button:hover{background:var(--ink);color:white}.case-facts{display:grid;grid-template-columns:.8fr 1fr 1.4fr;gap:30px;border-block:1px solid var(--line);padding:25px 0;margin-top:40px}.case-facts span{display:block;font:9px Consolas,monospace;margin-bottom:12px;color:var(--muted)}.case-facts strong{font-size:12px;font-weight:400}.case-gallery{padding-top:35px}.gallery-toolbar{display:flex;gap:12px;margin-bottom:18px}.gallery-toolbar button{background:transparent;border:1px solid var(--ink);padding:10px 20px;font-size:11px}.gallery-toolbar button[aria-pressed=true]{background:var(--ink);color:white}.case-gallery>img{height:650px;width:100%;object-fit:contain;background:#111315}.case-gallery>p{font:9px/1.7 Consolas,monospace;color:var(--muted);margin-top:13px}.case-body{display:grid;grid-template-columns:.55fr 1.45fr;gap:100px;padding-block:80px}.case-side{display:flex;flex-direction:column;align-items:start;gap:25px}.text-link{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:7px;display:inline-flex;gap:20px}.case-section{margin-bottom:50px}.case-section:last-child{margin-bottom:0}.case-section h2{font-size:35px;letter-spacing:-1.3px;margin:18px 0 22px}.case-section p{font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:18px}.feature-list>div{padding-top:20px;border-top:1px solid var(--line);margin-top:20px}.feature-list h3{font-size:17px;margin-bottom:10px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tags span{border:1px solid var(--line);padding:8px 11px;font-size:10px}.case-next{border-top:1px solid var(--line);padding:55px 0;background:#e9ebe8}.case-next h2{margin:20px 0 27px}.case-next .text-link{margin-left:30px}.legal{max-width:800px;padding:40px 0 80px;min-height:70vh}.legal .label{display:block}.legal h1{font-size:60px;font-weight:500;line-height:1.1;letter-spacing:-3px;margin:25px 0 40px}.legal h2{font-size:24px;letter-spacing:-.7px;margin:30px 0 15px}.legal p{font-size:14px;line-height:1.85;color:var(--muted)}.legal p a{text-decoration:underline}[hidden]{display:none!important}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.personal-hero{gap:40px}.personal-hero h1{font-size:9vw}.portrait-frame{padding:16px 16px 0}.role-title{font-size:18px}.work-entry{gap:35px;grid-template-columns:1fr 1fr}.work-art img{height:460px}.work-description h3{font-size:46px}.work-index{font-size:7px;gap:10px}.career-layout{gap:40px;grid-template-columns:.6fr 1.4fr}.career-row{grid-template-columns:125px 1fr;gap:20px}.profile-about-grid,.personal-contact{gap:45px}.case-body{gap:50px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:80px;position:relative;z-index:20}.identity{font-size:13px;gap:8px}.identity-mark{width:28px;height:28px;font-size:10px}.menu-button{display:block;border:1px solid var(--line);background:transparent;font-size:11px;padding:9px 12px}.header nav{display:none;position:absolute;top:71px;right:0;left:0;background:var(--bg);border:1px solid var(--line);padding:20px;flex-direction:column;gap:15px;align-items:start;box-shadow:0 12px 20px #0000000a}.header nav.open{display:flex}.nav-contact{margin:0}.personal-hero{grid-template-columns:1fr;gap:0;padding-top:35px}.overline{font-size:8px}.personal-hero h1{font-size:clamp(51px,11.2vw,83px);margin:23px 0 24px;line-height:1.02;letter-spacing:-.065em}.role-title{font-size:18px}.intro-description{font-size:14px;line-height:1.8;margin-top:17px}.intro-links{gap:25px;margin:25px 0 30px;font-size:11px}.portrait{max-width:400px;margin:0 0 30px;width:100%}.portrait-frame{padding:18px 18px 0}.portrait img{max-height:360px;object-fit:contain}.portrait figcaption{font-size:7px;margin-top:11px}.hero-footnote{margin-top:0;padding:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:7px;letter-spacing:.6px}.portfolio-work{padding:47px 0 50px}.section-intro{align-items:start;gap:22px;flex-direction:column;margin-bottom:30px}.section-intro .overline{margin-bottom:16px}h2{font-size:32px;letter-spacing:-1.3px}.quiet-link{font-size:10px;gap:12px}.work-entry{grid-template-columns:1fr;gap:27px;padding-top:25px}.work-art img{height:auto;max-height:470px;object-fit:cover;object-position:center}.work-index{font-size:7px}.work-description h3{font-size:39px;margin:21px 0 9px}.work-category{font-size:16px;margin-bottom:17px}.work-description>p:not(.work-category){font-size:13px}.project-contribution{font-size:11px;margin-top:23px}.project-contribution>div{grid-template-columns:65px 1fr;gap:15px}.work-links{font-size:11px;gap:23px}.primary-link{gap:20px}.career{padding-top:50px;padding-bottom:50px}.career-layout{grid-template-columns:1fr;gap:30px}.career-intro{padding:0;max-width:100%;font-size:14px}.career-intro>p+p{font-size:13px;margin-top:15px}.career-row{grid-template-columns:1fr;gap:9px;padding:23px 0}.career-date{font-size:9px}.career-row h3{font-size:18px}.company{font-size:12px}.career-description{font-size:12px;margin-top:10px}.profile-about{padding:50px 0}.profile-about-grid{grid-template-columns:1fr;gap:28px}.profile-about h2{margin-top:18px}.profile-about-grid .about-lead{font-size:18px!important}.profile-about-grid>div:last-child>p{font-size:13px}.expertise-tags{gap:7px;margin:23px 0 28px}.expertise-tags span{font-size:9px;padding:7px 9px}.credentials>a{gap:15px;font-size:10px;flex-wrap:wrap}.credentials .all-credentials{font-size:9px}.personal-contact{grid-template-columns:1fr;gap:20px;padding-block:50px}.personal-contact h2{margin:18px 0}.personal-contact>div>p:last-child{font-size:12px;max-width:100%}.contact-addresses{padding-top:5px;gap:18px}.contact-email{font-size:clamp(15px,4.3vw,23px);gap:10px;letter-spacing:-.4px}.contact-networks{gap:23px;font-size:11px}.footer{align-items:start;flex-wrap:wrap;gap:18px;font-size:8px;padding-block:24px}.footer-name{font-size:11px}.footer>div{width:100%;justify-content:space-between;font-size:8px}.case-hero{padding-top:25px}.back-link{margin-bottom:30px;font-size:11px}.label{font-size:8px}.case-hero h1{font-size:55px;margin:24px 0}.case-intro{flex-direction:column;align-items:start;gap:20px}.case-intro p{font-size:15px}.case-facts{grid-template-columns:1fr;gap:22px;margin-top:30px}.case-facts strong{font-size:11px}.case-gallery>img{height:auto}.case-gallery>p{font-size:8px}.case-body{grid-template-columns:1fr;gap:30px;padding-block:45px}.case-side{flex-direction:row;justify-content:space-between}.case-section h2{font-size:29px}.case-section p{font-size:13px}.case-next{padding-block:40px}.case-next .text-link{display:table;margin:25px 0 0}.legal{padding-top:30px;padding-bottom:55px}.legal h1{font-size:43px;letter-spacing:-2px}.legal h2{font-size:23px}.legal p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.screenshot-carousel{min-width:0;background:#111416;border:1px solid #34393d;color:#eee;overflow:hidden}.carousel-stage{height:455px;position:relative;background:#101214;padding:20px}.carousel-stage>a{height:100%;width:100%;display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom}.carousel-stage img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 10px 30px #0005}.mobile-captures .carousel-stage img{border-radius:7px}.enlarge-hint{position:absolute;right:13px;top:12px;pointer-events:none;width:27px;height:27px;display:grid;place-items:center;border:1px solid #60676b;background:#171b1ee6;color:#ddd;font-size:16px}.carousel-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #34393d;padding:15px 17px 0}.carousel-caption>p{font-size:11px;line-height:1.5;max-width:80%}.carousel-caption>span{font:9px Consolas,monospace;white-space:nowrap;color:#b4babd}.carousel-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:10px 17px 13px}.carousel-footer>p{font:8px/1.5 Consolas,monospace;color:#a2a9ac;max-width:75%}.carousel-controls{display:flex;gap:6px;flex-shrink:0}.carousel-controls button{width:31px;height:29px;background:transparent;color:#eee;border:1px solid #62696d;font-size:17px;line-height:1}.carousel-controls button:hover{background:#383e42}.carousel-controls button:disabled{opacity:.3;cursor:default}.additional-work{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:60px;padding-top:40px;border-top:1px solid #41474a}.additional-project{min-width:0}.additional-project .carousel-stage{height:270px;padding:12px}.additional-project-copy{padding-top:22px}.additional-project h3{font-size:28px;font-weight:500;letter-spacing:-.8px;margin:17px 0 10px}.additional-category{font-size:13px!important;color:#e3e6e7!important;margin-bottom:16px!important}.additional-project-copy>p{font-size:12px;line-height:1.85;color:#b8bec1}.additional-project-copy>.work-index{font:8px/1.6 Consolas,monospace;color:#a3aaaf}.project-stack{margin-top:20px;font-size:10px!important;color:#c7cdcf!important}.project-credit{font-size:10px!important;margin-top:9px}.additional-project .work-links{font-size:10px;gap:20px;margin-top:20px;flex-wrap:wrap}.additional-project .primary-link{gap:12px}.additional-project .carousel-caption>p{font-size:10px}.additional-project .carousel-caption{padding:12px 12px 0;gap:10px}.additional-project .carousel-footer{padding:9px 12px 12px}.additional-project .carousel-footer>p{font-size:7px}.project-full-gallery{padding-top:40px}.project-full-gallery .carousel-stage{height:620px}.project-full-gallery .carousel-caption>p{font-size:13px}.image-viewer{padding:18px;border:1px solid #62676a;background:#131719;color:#f3f4f0;max-width:calc(100vw - 32px);max-height:94vh;overflow:auto}.image-viewer::backdrop{background:#090b0de8}.image-viewer img{display:block;max-width:min(1200px,calc(100vw - 76px));max-height:75vh;width:auto;height:auto;object-fit:contain;margin:auto}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:40px;font:10px Consolas,monospace}.viewer-toolbar button{border:0;background:transparent;color:inherit;font-size:12px;padding:5px}.viewer-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:15px}.viewer-caption p{font-size:11px;line-height:1.6}.viewer-caption>button{background:transparent;border:1px solid #62696d;color:white;width:32px;height:30px;flex-shrink:0}.viewer-caption>button:disabled{opacity:.3}.image-viewer:focus-visible{outline:none}
@media(max-width:1100px){.carousel-stage{height:420px}.additional-work{gap:20px}.additional-project .carousel-stage{height:230px}.additional-project h3{font-size:25px}.additional-project .carousel-footer>p{max-width:60%}.additional-project .carousel-caption{align-items:start}.project-full-gallery .carousel-stage{height:580px}}
@media(max-width:760px){.carousel-stage{height:485px;padding:16px}.carousel-caption{padding:13px 13px 0;gap:15px}.carousel-caption>p{font-size:11px}.carousel-footer{padding:10px 13px 13px}.carousel-footer>p{font-size:7px;max-width:70%}.additional-work{grid-template-columns:1fr;gap:40px;margin-top:45px;padding-top:30px}.additional-project .carousel-stage{height:340px}.additional-project .mobile-captures .carousel-stage{height:440px}.additional-project h3{font-size:29px}.additional-project .carousel-caption>p{font-size:11px}.additional-project .carousel-footer>p{font-size:8px}.additional-project-copy>p{font-size:13px}.additional-project .work-links{font-size:11px;gap:25px}.project-full-gallery{padding-top:30px}.project-full-gallery .carousel-stage{height:480px}.project-full-gallery .carousel-caption>p{font-size:11px}.image-viewer{padding:12px;max-width:calc(100vw - 20px)}.image-viewer img{max-width:calc(100vw - 48px);max-height:72vh}.viewer-toolbar{margin-bottom:12px}.viewer-caption{gap:13px}.viewer-caption p{font-size:10px}}

/* LinkedIn cover and the original Forge studio presentation. */
.personal-hero{display:block;padding-top:32px}.cover-banner{width:100%;margin:0 0 43px;background:#fff;overflow:hidden}.cover-banner img{width:100%;height:auto;aspect-ratio:4/1;object-fit:contain}.intro-main{display:grid;grid-template-columns:1.15fr 1fr;column-gap:70px}.intro-main .overline{grid-column:1}.personal-hero h1{grid-column:1;grid-row:2/5;font-size:clamp(48px,6.3vw,88px);line-height:1.03;margin:16px 0 34px;max-width:560px}.role-title{grid-column:2;grid-row:1/3;align-self:end}.intro-description{grid-column:2;margin-top:16px}.intro-links{grid-column:2;margin:23px 0 30px}.hero-footnote{margin-top:15px}.mockup-captures .carousel-stage{height:auto;aspect-ratio:4/5;padding:0}.mockup-captures .carousel-stage img{width:100%;height:100%;border-radius:0;box-shadow:none;object-fit:contain}.project-full-gallery .mockup-captures{max-width:720px;margin-inline:auto}.project-full-gallery .mockup-captures .carousel-stage{height:min(80vh,850px);aspect-ratio:auto}.project-full-gallery .mockup-captures .carousel-stage img{width:auto;height:100%}
@media(max-width:760px){.personal-hero{padding-top:22px}.cover-banner{margin-bottom:28px}.intro-main{display:block}.personal-hero h1{font-size:clamp(43px,11vw,68px);letter-spacing:-.065em;margin:16px 0 22px;max-width:100%}.role-title{font-size:19px}.intro-description{font-size:14px}.intro-links{margin:22px 0 30px}.hero-footnote{margin-top:0}.mockup-captures .carousel-stage{height:auto;padding:0;aspect-ratio:4/5}.project-full-gallery .mockup-captures .carousel-stage{height:auto;aspect-ratio:4/5}.project-full-gallery .mockup-captures .carousel-stage img{width:100%;height:100%}}

/* White background confined to the homepage introduction panel. */
.homepage .header,.homepage .personal-hero{background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}