:root{--paper: #f6f6f3;--ink: #181818;--muted: #777772;--line: #d9d9d4;--font: "Helvetica Neue", Helvetica, Arial, "PingFang SC", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{color:var(--paper);background:var(--ink)}.site-header{height:64px;border-bottom:1px solid var(--line)}.site-header nav{width:min(1440px,calc(100% - 64px));height:100%;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:11px}.site-header .brand{font-size:15px;font-weight:650}.site-header span{color:var(--muted)}.site-header nav>a:last-child{justify-self:end}.site-header a:hover{color:var(--muted)}main{width:min(1440px,calc(100% - 64px));margin:auto}.intro{min-height:300px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:end;padding:58px 0 46px}.intro p{grid-column:1 / -1;align-self:start;margin:0;color:var(--muted);font-size:9px;letter-spacing:.17em}.intro h1{margin:0;font-size:clamp(88px,12vw,160px);line-height:.72;letter-spacing:-.08em;font-weight:650}.intro>span{align-self:end;padding-bottom:3px;color:var(--muted);font-size:11px}.project-board{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);grid-template-rows:auto auto;gap:26px;align-items:stretch}.project{min-width:0;display:flex;flex-direction:column}.project--nexmap{grid-column:1;grid-row:1}.project--flow{grid-column:2;grid-row:1 / 3}.project--catzz{grid-column:1;grid-row:2}.project__media{min-height:0;overflow:hidden;background:#fff}.project--nexmap .project__media{aspect-ratio:1.55}.project--catzz .project__media{aspect-ratio:1.82}.project--flow .project__media{flex:1}.project__media img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,opacity .25s ease}.project--nexmap .project__media img{object-position:center}.project--flow .project__media img{object-position:top center}.project--catzz .project__media img{object-position:center}.project:hover .project__media img{transform:scale(1.01);opacity:.94}.project__meta{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.project__meta h2{margin:0;font-size:clamp(22px,2.4vw,34px);line-height:1;letter-spacing:-.045em;font-weight:580}.project__meta p{margin:7px 0 0;color:var(--muted);font-size:10px}.project__meta>span{color:var(--muted);font-size:10px;white-space:nowrap}.project:hover .project__meta>span{color:var(--ink)}footer{width:min(1440px,calc(100% - 64px));min-height:110px;margin:auto;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}footer a:hover{color:var(--ink)}@media(max-width:820px){.site-header nav,main,footer{width:calc(100% - 32px)}.site-header nav{grid-template-columns:1fr 1fr}.site-header span{display:none}.intro{min-height:240px;padding:48px 0 38px}.intro h1{font-size:clamp(84px,27vw,130px)}.project-board{grid-template-columns:1fr;grid-template-rows:auto;gap:44px}.project--nexmap,.project--flow,.project--catzz{grid-column:1;grid-row:auto}.project--nexmap .project__media,.project--flow .project__media,.project--catzz .project__media{aspect-ratio:1.3}.project--flow .project__media{flex:none}.project__meta{min-height:72px}.project__meta h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}