.work-page{margin:0;background:#f7f6f2;display:grid;grid-template-columns:230px 1fr;min-height:100vh}
.work-side{position:sticky;top:0;height:100vh;padding:22px 20px;display:flex;flex-direction:column}
.work-brand{font-size:13px;letter-spacing:.15em;font-weight:600}
.work-side nav{display:grid;gap:14px;margin-top:45px}
.work-side nav a{font-size:12px;color:#777}
.work-side nav a.active{color:#111}
.work-main{padding:0 24px 100px 0}
.work-top{height:135px;display:flex;align-items:center}
.filters{display:flex;gap:18px}
.filters button{border:0;background:none;padding:0;font-size:10px;color:#999;cursor:pointer}
.filters button.active{color:#111}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 20px}
.project-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e9e7e1}
.project-meta{display:flex;justify-content:space-between;padding-top:9px;font-size:9px}
.project-meta strong{display:block;font-weight:500;letter-spacing:.05em}
.project-meta span,.project-meta time{color:#888;font-size:8px}
@media(max-width:760px){
  .work-page{display:block}
  .work-side{position:relative;height:auto;border-bottom:1px solid #ddd}
  .work-main{padding:0 16px 70px}
  .project-grid{grid-template-columns:1fr}
}