/* 10/31 작업 둘러보기(/work/) — 경영본부 요청. 사진 → 제목 → 한 줄(29CM 원칙), 각진 사진, 강조색은 고른 분야 단추 한 곳. site.css 토큰만 */
.wk{max-width:1120px;margin:0 auto;padding:calc(var(--head,72px) + 40px) var(--gutter) 96px}
.wk-head{text-align:center;display:grid;justify-items:center;gap:12px}
.wk-eyebrow{margin:0;font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--ls-caps);color:var(--muted)}
.wk-head h1{margin:0;font-size:var(--fs-4xl);line-height:1.2;letter-spacing:-.03em;font-weight:700;text-wrap:balance}
.wk-lead{margin:0;max-width:34em;font-size:var(--fs-lg);line-height:1.6;color:var(--ink-2);text-wrap:balance}
.wk-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}
.wk-filters button{min-height:44px;padding:0 18px;border:0;border-radius:var(--r-pill);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer}
.wk-filters button[aria-pressed="true"]{background:var(--blue);color:#fff}
.wk-filters button:focus-visible{outline:3px solid var(--blue-soft);outline-offset:2px}
.wk-grid{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}
.wk-grid li[hidden]{display:none}
.wk-grid figure{margin:0;border-radius:4px;overflow:hidden;background:#EEF1F6}
.wk-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3}
.wk-tag{margin:16px 0 0;font-size:var(--fs-xs);font-weight:600;color:var(--muted)}
.wk-grid h3{margin:4px 0 0;font-size:var(--fs-lg);line-height:1.4;letter-spacing:-.02em;font-weight:700}
.wk-grid h3 a{color:inherit;text-decoration:none}
.wk-grid h3 a:hover{text-decoration:underline}
.wk-grid li>p:not(.wk-tag){margin:6px 0 0;font-size:var(--fs-body);line-height:1.6;color:var(--ink-2);text-wrap:pretty}
.wk-ask{display:inline-block;margin-top:10px;font-size:var(--fs-sm);font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.wk-ask:hover{color:var(--blue);border-color:var(--blue)}
.wk-ask-sec{margin-top:96px}
@media (max-width:760px){
  .wk{padding-top:calc(var(--head,64px) + 24px)}
  .wk-grid{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:32px}
  .wk-filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;width:calc(100% + 2 * var(--gutter));margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter) 4px;scrollbar-width:none}
  .wk-filters::-webkit-scrollbar{display:none}
  .wk-filters button{flex:none}
  .wk-ask-sec{margin-top:72px}
}