@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap');
:root{--paper:#ededeb;--paper-2:#e3e3e0;--ink:#12110f;--muted:#5a5a58;--orange:#e8642a;--sans:'Inter',Arial,sans-serif;--mono:'IBM Plex Mono',monospace;--gutter:clamp(1.25rem,4vw,5rem);--max:1680px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}.site-nav{height:80px;padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--ink)}.brand-mark{display:block;width:28px}.brand-mark svg{display:block;width:100%;height:auto;fill:currentColor}.nav-label,.nav-meta,.intro-kicker,.section-head,.media-index,.card-meta>span,.site-footer{font:500 15px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}.nav-label{text-decoration:none}.nav-meta{text-align:right;color:var(--muted);font-size:13px}.intro{max-width:var(--max);margin:auto;padding:clamp(2.5rem,5vw,5rem) var(--gutter) clamp(3rem,6vw,6rem)}.intro-kicker{display:flex;justify-content:space-between;color:var(--muted);border-top:1px solid var(--ink);padding-top:12px}.intro-row{display:flex;align-items:end;justify-content:space-between;gap:3rem}.intro h1{font-size:clamp(2.8rem,6vw,6rem);line-height:.9;letter-spacing:-.065em;font-weight:600;margin:clamp(2rem,4vw,4rem) 0 0}.intro h1 em{font-style:normal;color:var(--orange)}.intro-row p{max-width:28ch;margin:0 0 4px;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.45}.work{background:var(--paper-2);padding:clamp(3rem,6vw,6rem) var(--gutter) clamp(5rem,10vw,10rem)}.section-head{max-width:var(--max);margin:auto auto 3rem;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--ink);padding-bottom:14px}.section-head h2{font:500 15px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0}.section-head span{font-size:13px;color:var(--muted)}.project-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3rem,7vw,8rem) clamp(1rem,2vw,2rem)}.project-card{min-width:0}.media-frame{position:relative;background:#c9c9c6;overflow:hidden;border:1px solid var(--ink)}.media-frame:before,.media-frame:after{content:'';position:absolute;z-index:1;pointer-events:none}.media-frame:before{inset:10px auto auto 10px;width:10px;height:10px;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.media-frame:after{inset:auto 10px 10px auto;width:10px;height:10px;border-bottom:1px solid var(--ink);border-right:1px solid var(--ink)}.media-frame video{display:block;width:100%;height:auto;aspect-ratio:1.56/1;object-fit:cover;background:#c9c9c6}.media-index{position:absolute;z-index:2;top:15px;right:15px;color:var(--ink);background:var(--orange);padding:4px 6px;font-size:12px}.card-meta{display:flex;justify-content:space-between;gap:16px;padding-top:14px;border-top:1px solid var(--ink);margin-top:12px}.card-meta h3{font-size:clamp(1.25rem,2vw,2rem);line-height:1;margin:0 0 8px;font-weight:500;letter-spacing:-.04em}.title-link{text-decoration:none;border-bottom:1px solid transparent}.title-link:hover,.title-link:focus-visible{border-bottom-color:var(--orange);color:var(--orange)}.title-link span{color:var(--muted);font-weight:400}.card-meta p{font:15px/1.4 var(--mono);color:var(--muted);margin:0}.card-meta>span{color:var(--muted);font-size:12px;white-space:nowrap}.site-footer{max-width:var(--max);margin:auto;padding:24px var(--gutter);display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;border-top:1px solid var(--ink)}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--ink)}:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@media(max-width:700px){.site-nav{height:64px}.nav-label{font-size:12px}.nav-meta{font-size:11px;max-width:100px}.brand-mark{width:22px}.intro{padding-top:2.5rem;padding-bottom:3rem}.intro-kicker{font-size:12px}.intro-row{display:block}.intro h1{font-size:clamp(3rem,14vw,6rem);margin-top:3rem}.intro-row p{margin-top:2rem;font-size:1rem}.work{padding-top:3rem}.section-head{margin-bottom:2rem}.section-head span{font-size:11px}.project-grid{display:block}.project-card{margin-bottom:4.5rem}.media-frame video{aspect-ratio:1.56/1;object-fit:contain;background:var(--paper-2)}.card-meta h3{font-size:1.45rem}.card-meta p{font-size:13px}.site-footer{flex-wrap:wrap;line-height:1.7}.site-footer a{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.site-nav{display:flex;justify-content:center}
.media-frame:before,.media-frame:after{display:none}
.external-mark{display:inline-block;width:.68em;height:.68em;margin-left:.18em;vertical-align:.04em;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:square;stroke-linejoin:miter}