:root{--ink:#000;--paper:#fff;--muted:#555;--red:#e3120b;--gutter:5vw;--display:"IBM Plex Mono","Courier New",monospace;--text:"IBM Plex Mono","Courier New",monospace}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;font-weight:600;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}img{display:block;max-width:100%;filter:grayscale(1)}h1,h2{font-family:var(--display);font-weight:400;margin:0}.string-cursor{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:10}.nav{display:flex;justify-content:space-between;padding:30px var(--gutter) 0;font-family:var(--display);font-size:18px;line-height:1;letter-spacing:-.02em}.nav a{font-weight:400}.hero{position:relative;display:grid;place-items:center;margin-top:48px;--photo-w:min(45vw,650px)}.hero-photo{grid-area:1/1;width:var(--photo-w);aspect-ratio:3/4;object-fit:cover}.hero h1{grid-area:1/1;align-self:start;margin-top:calc(var(--photo-w) * 4 / 3 * .64);position:relative;font-family:var(--display);font-size:13.5vw;line-height:1;letter-spacing:-.07em;white-space:nowrap;margin-bottom:0;color:var(--red)}.about{display:grid;grid-template-columns:1fr 1fr;grid-gap:54px;gap:54px;align-items:end;align-items:last baseline;padding:120px var(--gutter) 0}.about p{margin:0 0 1em}.work{padding:150px var(--gutter) 0}.work-left{padding-right:calc(50% + 27px)}.work-right{padding-left:calc(50% + 27px)}.work h2{font-size:40px;line-height:1;letter-spacing:-.05em;margin-bottom:28px}.work ul{margin:0;padding-left:1.1em}.work li{font-size:14px;line-height:1.75;padding-left:.3em}.work li::marker{font-size:.8em}.work .with{color:var(--muted)}.contact{display:grid;grid-template-columns:1fr 1fr;grid-gap:54px;gap:54px;align-items:end;align-items:last baseline;padding:180px var(--gutter) 0}.contact p{margin:0 0 1em}.links{display:flex;flex-wrap:wrap;gap:4px 24px}.contact-photo{margin:0;justify-self:center;width:min(100%,520px)}.contact-photo img{filter:none;aspect-ratio:3/4;object-fit:cover;object-position:45% 50%}.contact-photo figcaption{margin-top:8px;font-size:13px;color:var(--muted);font-style:italic}.footer{padding:100px var(--gutter) 40px;font-size:13px;color:var(--muted)}@media (max-width:760px){:root{--gutter:16px}.nav{font-size:14px;padding-top:20px}.hero{--photo-w:calc(100vw - 64px)}.hero h1{font-size:14vw}.about,.contact{grid-template-columns:1fr;gap:0}.about{padding-top:64px}.work,.work-left,.work-right{padding:80px var(--gutter) 0}.work h2{font-size:32px}.contact{padding-top:100px}.contact-photo{margin-top:32px}}