/* Our Work, the in-house gallery. Photographs are the content here, so the
   page is deliberately quiet: no cards, no borders competing with the images. */
.wkhero{background:var(--ink);color:#fff;padding:54px 0 46px}
.wkhero h1{font-size:clamp(30px,5vw,46px);margin:0 0 12px;line-height:1.05}
.wkhero p{margin:0 0 20px;max-width:56ch;opacity:.85;font-size:17px;line-height:1.55}
.wkhero .pills{display:flex;gap:10px;flex-wrap:wrap}
.wkhero .pills a{background:#fff;color:var(--ink);padding:11px 20px;border-radius:8px;
  font-weight:700;text-decoration:none;font-size:15px}
.wkhero .pills a+a{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}

.wkgrid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.wk{margin:0;border-radius:14px;overflow:hidden;background:var(--ghost);
  border:1px solid var(--line)}
.wk img{display:block;width:100%;height:230px;object-fit:cover}
.wk figcaption{padding:12px 14px 14px;display:flex;flex-direction:column;gap:3px}
.wk figcaption b{font-size:15px}
.wk figcaption span{font-size:13.5px;color:#5b6069}
.wk.plain img{height:220px}
@media(max-width:560px){
  .wkgrid{grid-template-columns:1fr 1fr;gap:10px}
  .wk img,.wk.plain img{height:132px}
  .wk figcaption{padding:9px 10px 11px}
  .wk figcaption b{font-size:13px}
  .wk figcaption span{font-size:12px}
}