:root{--bg:#f4f2ee;--ink:#1c1a18;--muted:#7b756d;--line:#dcd7cf}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font:16px/1.6 "Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px}
header{padding:44px 0 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap}
.brand{font-size:19px;letter-spacing:.16em;text-transform:uppercase}
.brand span{display:block;font-size:11px;letter-spacing:.22em;color:var(--muted);margin-top:6px;text-transform:uppercase}
nav{display:flex;gap:26px;font-size:14px;color:var(--muted)}
nav a:hover{color:var(--ink)}
h1{font-size:34px;line-height:1.25;font-weight:400;letter-spacing:-.01em;margin:52px 0 10px;max-width:24ch}
.lede{color:var(--muted);max-width:56ch;margin:0 0 54px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 26px;margin-bottom:70px}
.work{margin:0}
.work img{width:100%;height:auto;display:block;background:#e6e2dc}
.work figcaption{font-size:13px;margin-top:10px;display:block;color:var(--ink)}
.work .num{color:var(--muted);margin-right:8px}
.work em{display:block;color:var(--muted);font-style:normal;font-size:12px;margin-top:2px}
footer{border-top:1px solid var(--line);padding:26px 0 60px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.prose{max-width:66ch;padding:44px 0 70px}
.prose h2{font-weight:400;font-size:22px;margin:38px 0 10px}
.prose p{margin:0 0 14px}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}h1{font-size:27px}nav{gap:18px}}
@media(max-width:460px){.grid{grid-template-columns:1fr}}