:root{--paper:#090909;--ink:#f4f4f4;--accent:#fff;--muted:#a5a5a5;--rule:#303030;--panel:#121212;--space:clamp(22px,6vw,90px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #fff;outline-offset:7px}a:hover{color:#fff}.shell{max-width:1320px;margin:auto;padding-left:var(--space);padding-right:var(--space)}.skip{position:absolute;top:-70px;left:20px;z-index:10;padding:12px;background:#fff;color:#090909}.skip:focus{top:10px}header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #242424}.brand{font-family:Georgia,serif;font-weight:bold;font-style:italic;font-size:43px;line-height:1}.brand>span{font-size:23px;font-family:Arial,sans-serif;font-style:normal;color:#a5a5a5;margin-left:5px}nav{display:flex;gap:30px;font-size:12px;color:#aaa}nav a{min-height:44px;display:flex;gap:12px;align-items:center}.nav-newsletter{font-weight:bold;color:#fff;border-bottom:1px solid #777}.intro{padding-top:70px;padding-bottom:65px}.intro-copy{max-width:980px}.hello,.handwritten{font-family:Georgia,serif;font-style:italic;font-size:23px;margin:0 0 22px;color:#aaa}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(45px,5.5vw,76px);line-height:1.06;font-weight:400;margin:0 0 30px;max-width:1000px}.bio{font-size:19px;line-height:1.6;max-width:690px;margin:0 0 18px;color:#d0d0d0}.proof{font-size:12px;line-height:1.8;color:var(--muted);max-width:600px;margin:18px 0 27px}.button{background:#f1f1f1;color:#101010;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:17px 21px;font-size:12px;border-radius:3px;transition:background .2s,transform .2s}.button>span{font-size:18px}.button:hover{background:#fff;color:#000;transform:translateY(-2px)}.newsletter{padding-top:12px;padding-bottom:65px}.letter{position:relative;border:1px solid #363636;background:var(--panel);padding:43px;display:grid;grid-template-columns:1fr 3.1fr;gap:40px;border-radius:3px;overflow:hidden}.letter-label{display:flex;flex-direction:column;gap:22px}.stamp{border:1px dashed #666;padding:13px 10px;width:63px;min-height:75px;color:#d5d5d5;font-family:Georgia,serif;font-size:22px;text-align:center;transform:rotate(-7deg)}.letter-label p{font-size:9px;letter-spacing:.12em;color:var(--muted);line-height:1.8;margin:0}.handwritten{font-size:20px;margin-bottom:18px}h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(37px,4vw,53px);line-height:1.08;margin:0 0 18px}.letter-body h2{font-size:53px}.letter-body>p:not(.handwritten){font-size:14px;color:#b5b5b5;max-width:510px;line-height:1.8;margin:0 0 23px}.letter-body .after-button{font-size:12px!important;line-height:1.8;margin:17px 0 0!important;max-width:450px!important;color:#aaa}.letter-scribble{position:absolute;right:35px;top:28px;color:#777;font-size:45px}.now{padding-top:10px;padding-bottom:50px}.section-intro{margin-bottom:30px}.kicker{font-size:9px;letter-spacing:.12em;color:var(--muted);line-height:1.6;margin:0 0 15px}.experiments{border-top:1px solid var(--rule)}.experiment{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--rule);padding:23px 0;min-height:100px}.experiment-index{font-size:10px;color:#999;min-width:26px;align-self:flex-start;padding-top:7px}.experiment h3{font-family:Georgia,serif;font-size:24px;font-weight:400;line-height:1.2;margin:0 0 8px}.experiment p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.arrow{margin-left:auto;font-size:24px;color:#aaa}.experiment .arrow{flex:none;font-size:25px}.experiment:hover h3{text-decoration:underline;text-underline-offset:5px}.projects{padding-top:20px;padding-bottom:50px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project{border:1px solid #333;border-radius:6px;padding:29px 29px 22px;display:flex;flex-direction:column;background:#121212;transition:transform .2s,border-color .2s}.project:hover{transform:translateY(-3px);color:var(--ink);border-color:#888}.project-top{display:flex;align-items:center;gap:16px;margin-bottom:31px}.project-icon{font-size:30px;font-weight:bold;width:46px;height:46px;display:grid;place-items:center;background:#292929;color:#eee;border-radius:10px}.project-type{font-size:8px;letter-spacing:.1em;color:#aaa}.project h3{font-family:Georgia,serif;font-weight:400;font-size:34px;line-height:1.1;margin:0 0 12px}.project p{font-size:14px;line-height:1.6;color:#aaa;margin:0 0 24px}.project-bottom{border-top:1px solid #333;padding-top:16px;font-size:11px;display:flex;justify-content:space-between;margin-top:auto}.mass .project-icon{font-size:24px}.other-projects{display:flex;align-items:center;gap:30px;margin-top:27px;padding:20px 0;border-bottom:1px solid var(--rule)}.other-projects>h3{font-size:12px;font-weight:400;color:var(--muted);margin:0}.other-projects>div{display:flex;gap:30px}.other-projects a{display:flex;gap:20px;align-items:center;min-height:44px;font-size:12px}.other-projects span{font-size:18px}.connect{padding-top:35px;padding-bottom:55px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px}.connect h2{font-size:39px}.socials{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;align-content:start}.socials a{border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;min-height:52px;font-size:12px}.socials span{font-size:18px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;padding-bottom:25px;border-top:1px solid var(--rule);font-size:10px;color:var(--muted)}footer a{display:flex;align-items:center;min-height:44px}footer>a:first-child{font-family:Georgia,serif;font-size:16px;color:var(--ink)}
@media(max-width:750px){:root{--space:24px}header{min-height:86px}.brand{font-size:37px}nav{gap:17px;font-size:10px}nav a:last-child{display:none}.intro{padding-top:42px;padding-bottom:37px}.hello{font-size:22px;margin-bottom:20px}h1{font-size:clamp(37px,10.7vw,60px);line-height:1.08;margin-bottom:24px}.bio{font-size:16px;line-height:1.65;max-width:500px}.proof{font-size:11px;margin:18px 0 23px;max-width:450px}.hero-cta{font-size:11px}.newsletter{padding-top:12px;padding-bottom:44px}.letter{display:block;padding:27px 23px}.letter-label{flex-direction:row;align-items:center;gap:16px;margin-bottom:28px}.stamp{width:52px;min-height:58px;font-size:17px;padding:9px}.letter-label p{font-size:8px}.letter-scribble{font-size:33px;top:30px;right:22px}.handwritten{font-size:19px}.letter-body h2{font-size:40px}.letter-body>p:not(.handwritten){font-size:13px}.letter-body .after-button{font-size:11px!important}.button{font-size:11px;gap:16px;padding:16px;min-height:52px}.now{padding-top:5px;padding-bottom:32px}.now h2{font-size:36px}.section-intro{margin-bottom:27px}.experiment{gap:13px;padding:21px 0;min-height:98px}.experiment-index{min-width:19px;font-size:9px}.experiment h3{font-size:23px}.experiment p{font-size:11px}.experiment .arrow{font-size:23px}.projects{padding-top:10px;padding-bottom:32px}h2{font-size:38px}.project-grid{grid-template-columns:1fr;gap:15px}.project{padding:23px 23px 19px}.project-top{margin-bottom:24px}.project-icon{width:40px;height:40px;font-size:27px}.project-type{font-size:8px}.project h3{font-size:31px}.project p{font-size:13px;margin-bottom:22px}.project-bottom{font-size:10px}.other-projects{display:block;margin-top:18px;padding:15px 0}.other-projects>h3{font-size:11px;margin-bottom:5px}.other-projects>div{gap:27px}.other-projects a{font-size:11px;gap:14px}.connect{display:block;padding-top:20px;padding-bottom:35px}.connect h2{font-size:35px}.socials{margin-top:20px;gap:0 22px}.socials a{font-size:11px;min-height:48px}footer{flex-wrap:wrap;gap:0 18px;padding-top:16px;padding-bottom:16px}footer>a:first-child{width:100%;font-size:17px}footer>span{margin-right:auto}footer>a:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Selected creative-technologist portrait B. */
.intro-copy{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);column-gap:48px;max-width:none;align-items:start}.intro-copy>.hello,.intro-copy>h1,.intro-copy>.bio,.intro-copy>.proof,.intro-copy>.hero-cta{grid-column:1}.intro-copy h1{font-size:clamp(44px,4.5vw,64px)}.hero-cta{justify-self:start}.hero-portrait{grid-column:2;grid-row:1/6;margin:20px 0 0;align-self:center;min-width:0}.hero-portrait img{display:block;width:100%;height:auto;border-radius:5px;background:#fff}.hero-portrait figcaption{font-size:11px;line-height:1.6;color:#a5a5a5;margin-top:13px}.newsletter-avatar{width:76px;height:76px;display:block;border-radius:50%;object-fit:cover;background:#fff;border:1px solid #777}
@media(max-width:750px){.intro-copy{display:flex;flex-direction:column;gap:0}.intro-copy>.hello{order:1}.intro-copy>h1{order:2;font-size:clamp(37px,10.7vw,60px)}.intro-copy>.bio{order:3}.hero-portrait{order:4;width:min(100%,360px);margin:12px auto 6px;align-self:center}.hero-portrait figcaption{text-align:center;font-size:10px}.intro-copy>.proof{order:5}.intro-copy>.hero-cta{order:6;align-self:flex-start}.newsletter-avatar{width:58px;height:58px}}