:root{--ink:#121212;--paper:#f7f7f6;--rule:#202020;--muted:#646464;--title-font:"DIN Neuzeit Grotesk LT Bold Condensed","DIN Neuzeit Grotesk", "Arial Narrow",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Open Sans Condensed","Arial Narrow",Arial,sans-serif;font-weight:300;font-stretch:condensed}.site-header{height:142px;padding:31px max(3.1vw,24px) 12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start}.wordmark,.nav-link{font-size:20px;font-weight:700;color:inherit;text-decoration:none}.nav-link{justify-self:end}.mark{width:56px;height:68px;object-fit:contain;filter:blur(.3px)}main{padding:0 max(3.1vw,24px) 70px}.section-heading{border-bottom:1px solid var(--rule);padding:0 0 16px}.section-heading h1,.section-heading h2{margin:0;font-size:30px;line-height:1;font-weight:700;letter-spacing:-.055em}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px 0 37px}.filter{width:max-content;min-width:137px;justify-self:start;background:transparent;border:1px solid var(--rule);padding:10px 9px 8px;color:var(--ink);font:inherit;font-size:17px;cursor:pointer}.filter:nth-child(3){justify-self:center}.filter:nth-child(4){justify-self:end}.filter:first-child{display:none}.filter.is-active{background:var(--ink);color:var(--paper)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:50px;row-gap:52px}.project{min-width:0}.project-link{border:0;padding:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer;width:100%}.project img{width:100%;height:auto;aspect-ratio:1.775;display:block;object-fit:cover;background:#161616;transition:filter .25s ease,transform .25s ease}.project-link:hover img,.project-link:focus-visible img{filter:brightness(1.08);transform:scale(.992)}.project-copy{display:flex;flex-direction:column;padding-top:17px;font-size:20px;line-height:1.16}.project-copy strong{font-size:20px}.project-copy span{font-weight:700;margin-top:6px}.project.is-hidden{display:none}.about{padding-top:150px}.about-layout{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(145px,.36fr) minmax(360px,1fr);gap:44px;padding-top:37px}.portrait{width:100%;max-height:500px;object-fit:cover;object-position:center}.contact{font-size:18px;line-height:1.35}.contact h3{font-size:20px;margin:0 0 20px}.contact h3:not(:first-child){margin-top:55px}.contact a{display:block;color:inherit;text-underline-offset:4px;margin:4px 0}.statement{font-size:20px;line-height:1.8}.statement p{margin:0 0 32px}.project-dialog{border:1px solid var(--rule);padding:0;background:var(--paper);color:var(--ink);width:min(900px,92vw);grid-template-columns:1.25fr .75fr;gap:28px}.project-dialog[open]{display:grid}.project-dialog::backdrop{background:#070707cc}.project-dialog img{width:100%;height:100%;min-height:330px;object-fit:cover}.project-dialog div{align-self:end;padding:25px 32px 34px 0}.project-dialog h2{font-size:40px;line-height:.95;letter-spacing:-.06em;margin:5px 0 18px}.project-dialog p{font-size:16px;line-height:1.45}.project-dialog #dialog-type{text-transform:uppercase;letter-spacing:.11em;font-size:11px}.close{position:absolute;right:12px;top:7px;z-index:2;border:0;background:var(--paper);width:33px;height:33px;font-size:28px;line-height:1;cursor:pointer}@media(max-width:760px){.site-header{height:112px;padding-top:24px}.wordmark,.nav-link{font-size:18px}.mark{width:44px;height:52px}.section-heading h1,.section-heading h2{font-size:28px}.filters{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:25px}.filter,.filter:nth-child(3),.filter:nth-child(4){justify-self:auto;min-width:auto;font-size:14px}.project-grid{grid-template-columns:1fr;gap:34px}.project-copy,.project-copy strong{font-size:19px}.about{padding-top:100px}.about-layout{grid-template-columns:1fr;gap:28px}.portrait{max-height:430px;width:min(360px,100%)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:5px 16px}.contact h3{grid-column:1/-1;margin:0 0 3px}.contact h3:not(:first-child){margin-top:25px}.statement{font-size:18px;line-height:1.65}.project-dialog[open]{display:block}.project-dialog img{min-height:0;height:auto}.project-dialog div{padding:20px}.project-dialog h2{font-size:34px}}

/* Titles use the licensed DIN webfont when it is installed or self-hosted. */
h1,h2,h3,.wordmark,.nav-link,.project-copy strong,.project-copy span,.filter,.case-links a{font-family:var(--title-font)}
:root{--title-font:"Oswald","Arial Narrow",sans-serif}
h1,h2,h3,.wordmark,.nav-link,.project-copy strong,.project-copy span,.filter,.case-links a{font-stretch:normal}
h1,h2,h3,.wordmark,.nav-link,.project-copy strong,.project-copy span,.filter,.case-links a{font-weight:400!important}